hero section update

components/pageParts/hero.tsx

@@ -5,11 +5,32 @@ import Image from "next/image";
 
 export default function HeroSection() {
   return (
-    <section dir="ltr" className="relative w-full md:h-[400px] max-md:py-10 overflow-hidden flex items-center justify-center">
+    <section
+      dir="ltr"
+      className="relative w-full md:h-[300px] max-md:py-10 overflow-hidden flex items-center justify-center"
+    >
+      <Image
+        src="/hero2.jpg" // public papkaga rasm joylash (masalan, texnika rasmi)
+        alt="SpetsTexnika"
+        width={500}
+        height={400}
+        className="object-contain m-5 rounded-3xl"
+      />
+
 
       {/* Asosiy kontent */}
-      <div className="relative z-20 max-w-6xl mx-auto md:px-6 px-3 text-primary flex flex-col md:flex-row items-center gap-5 justify-between">
-        {/* Chap tomondagi matn */}
+      {/* <div className="relative z-20 max-w-6xl mx-auto md:px-6 px-3 text-primary flex flex-col md:flex-row items-center gap-5 justify-between">
+        <div className="absolute inset-0 z-10">
+          <Image
+            src="/hero2.jpg" // public papkaga rasm joylash (masalan, texnika rasmi)
+            alt="SpetsTexnika"
+            fill
+            className="object-cover opacity-30"
+            priority
+          />
+        </div>
+
+        Chap tomondagi matn
         <motion.div
           className="space-y-6 max-w-xl"
           initial={{ opacity: 0, x: -60 }}
@@ -27,7 +48,7 @@ export default function HeroSection() {
           </p>
         </motion.div>
 
-        {/* O‘ng tomondagi texnika rasmi */}
+        O‘ng tomondagi texnika rasmi
         <motion.div
           className="hidden md:block"
           initial={{ opacity: 0, x: 80 }}
@@ -42,15 +63,15 @@ export default function HeroSection() {
             className="drop-shadow-2xl rounded-xl"
           />
         </motion.div>
-      </div>
+      </div> */}
 
       {/* Pastdagi to‘lqinli animatsiya (dekor) */}
-      <motion.div
+      {/* <motion.div
         className="absolute bottom-0 left-0 w-full h-[100px]"
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}
         transition={{ duration: 1.2 }}
-      />
+      /> */}
     </section>
   );
 }