Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -31,29 +31,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Bosh sahifa",
+          name: "Bosh sahifa",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Men haqimda",
+          name: "Men haqimda",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Ko'nikmalar",
+          name: "Ko'nikmalar",          id: "skills"},
-          id: "skills",
-        },
         {
-          name: "Loyihalar",
+          name: "Loyihalar",          id: "projects"},
-          id: "projects",
-        },
         {
-          name: "Kurslar",
+          name: "Kurslar",          id: "courses"},
-          id: "courses",
-        },
         {
-          name: "Bog'lanish",
+          name: "Bog'lanish",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Qoshboqov Mahmudjon"
     />
@@ -62,108 +50,63 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "plain"}}
-      }}
       title="Qoshboqov Mahmudjon"
       description="Zamonaviy va scalable web ilovalar yarataman hamda dasturlashni o‘rgataman."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=1",          imageAlt: "Code editor interface"},
-          imageAlt: "Code editor interface",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=1",          imageAlt: "Dashboard overview"},
-          imageAlt: "Dashboard overview",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=1",          imageAlt: "E-commerce view"},
-          imageAlt: "E-commerce view",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=1",          imageAlt: "Financial analytics"},
-          imageAlt: "Financial analytics",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=2",          imageAlt: "Tech infrastructure"},
-          imageAlt: "Tech infrastructure",
-        },
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=2",          imageAlt: "Mobile app view"},
-          imageAlt: "Mobile app view",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=2",          imageAlt: "Dark mode dashboard"},
-          imageAlt: "Dark mode dashboard",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=3",
+          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=3",          imageAlt: "Programming environment"},
-          imageAlt: "Programming environment",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=2",          imageAlt: "Data visualization"},
-          imageAlt: "Data visualization",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=3",
+          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=3",          imageAlt: "Web store mockup"},
-          imageAlt: "Web store mockup",
-        },
       ]}
       buttons={[
         {
-          text: "Loyihalarni ko'rish",
+          text: "Loyihalarni ko'rish",          href: "#projects"},
-          href: "#projects",
-        },
         {
-          text: "Bog'lanish",
+          text: "Bog'lanish",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg",
+          src: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg",
+          src: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg",
+          src: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg",
+          src: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg",
+          src: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="100+ Loyihalar va mamnun mijozlar"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "React"},
-          text: "React",
-        },
         {
-          type: "text",
+          type: "text",          text: "Next.js"},
-          text: "Next.js",
-        },
         {
-          type: "text",
+          type: "text",          text: "Node.js"},
-          text: "Node.js",
-        },
         {
-          type: "text",
+          type: "text",          text: "TypeScript"},
-          text: "TypeScript",
-        },
         {
-          type: "text",
+          type: "text",          text: "PostgreSQL"},
-          text: "PostgreSQL",
-        },
       ]}
     />
   </div>
@@ -189,40 +132,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          title: "Frontend",          description: "React.js, Next.js, TypeScript, Tailwind CSS",          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=5",          imageAlt: "3d computer icon tech"},
-          title: "Frontend",
-          description: "React.js, Next.js, TypeScript, Tailwind CSS",
-          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=5",
-          imageAlt: "3d computer icon tech",
-        },
         {
-          id: "2",
+          id: "2",          title: "Backend",          description: "Node.js, REST API, Prisma, PostgreSQL",          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=3",          imageAlt: "dashboard ui design dark"},
-          title: "Backend",
-          description: "Node.js, REST API, Prisma, PostgreSQL",
-          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=3",
-          imageAlt: "dashboard ui design dark",
-        },
         {
-          id: "3",
+          id: "3",          title: "Tools",          description: "Docker, Postman, Git",          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=4",          imageAlt: "ecommerce app UI"},
-          title: "Tools",
-          description: "Docker, Postman, Git",
-          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=4",
-          imageAlt: "ecommerce app UI",
-        },
         {
-          id: "4",
+          id: "4",          title: "Design",          description: "Figma, UI/UX asoslari",          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=3",          imageAlt: "fintech dashboard UI"},
-          title: "Design",
-          description: "Figma, UI/UX asoslari",
-          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=3",
-          imageAlt: "fintech dashboard UI",
-        },
         {
-          id: "5",
+          id: "5",          title: "Cloud",          description: "AWS, Vercel, Firebase",          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=6",          imageAlt: "3d computer icon tech"},
-          title: "Cloud",
-          description: "AWS, Vercel, Firebase",
-          imageSrc: "http://img.b2bpic.net/free-vector/programming-development-software-coding-process-open-laptop-with-code-line_39422-584.jpg?_wi=6",
-          imageAlt: "3d computer icon tech",
-        },
       ]}
       title="Texnik Ko'nikmalar"
       description="Zamonaviy texnologiyalar yordamida sifatli mahsulotlar yarataman."
@@ -237,35 +155,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "SaaS Platform",          price: "Next.js + Node.js",          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=4"},
-          name: "SaaS Platform",
-          price: "Next.js + Node.js",
-          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=4",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "E-commerce",          price: "React + PostgreSQL",          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=5"},
-          name: "E-commerce",
-          price: "React + PostgreSQL",
-          imageSrc: "http://img.b2bpic.net/free-vector/fashion-shopping-application_23-2148672083.jpg?_wi=5",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Analytics Tool",          price: "Next.js + Tailwind",          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=4"},
-          name: "Analytics Tool",
-          price: "Next.js + Tailwind",
-          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=4",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Education Portal",          price: "Node.js + Prisma",          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=5"},
-          name: "Education Portal",
-          price: "Node.js + Prisma",
-          imageSrc: "http://img.b2bpic.net/free-psd/movement-web-design-template_23-2149195656.jpg?_wi=5",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Fintech App",          price: "React + Typescript",          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=5"},
-          name: "Fintech App",
-          price: "React + Typescript",
-          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148359613.jpg?_wi=5",
-        },
       ]}
       title="Loyihalar"
       description="Amalga oshirilgan real loyihalar."
@@ -279,39 +177,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "c1",
+          id: "c1",          badge: "Frontend",          price: "Boshlanuvchilar uchun",          subtitle: "React va Next.js asoslari",          features: [
-          badge: "Frontend",
+            "HTML/CSS",            "JavaScript",            "React",            "Next.js"],
-          price: "Boshlanuvchilar uchun",
-          subtitle: "React va Next.js asoslari",
-          features: [
-            "HTML/CSS",
-            "JavaScript",
-            "React",
-            "Next.js",
-          ],
           buttons: [
             {
-              text: "Kursga yozilish",
+              text: "Kursga yozilish",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          id: "c2",
+          id: "c2",          badge: "Backend",          price: "Professional daraja",          subtitle: "Node.js va Database",          features: [
-          badge: "Backend",
+            "Node.js",            "PostgreSQL",            "Prisma",            "Docker"],
-          price: "Professional daraja",
-          subtitle: "Node.js va Database",
-          features: [
-            "Node.js",
-            "PostgreSQL",
-            "Prisma",
-            "Docker",
-          ],
           buttons: [
             {
-              text: "Kursga yozilish",
+              text: "Kursga yozilish",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -324,18 +202,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "plain"}}
-      }}
       text="Keling birga ishlaymiz! Meni ijtimoiy tarmoqlarda kuzating yoki elektron pochta orqali bog'laning."
       buttons={[
         {
-          text: "Telegram orqali yozish",
+          text: "Telegram orqali yozish",          href: "https://t.me/mahmudjon"},
-          href: "https://t.me/mahmudjon",
-        },
         {
-          text: "Email yuborish",
+          text: "Email yuborish",          href: "mailto:email@example.com"},
-          href: "mailto:email@example.com",
-        },
       ]}
     />
   </div>
@@ -344,20 +217,13 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "Sahifalar",
+          title: "Sahifalar",          items: [
-          items: [
             {
-              label: "Bosh sahifa",
+              label: "Bosh sahifa",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "Loyihalar",
+              label: "Loyihalar",              href: "#projects"},
-              href: "#projects",
-            },
             {
-              label: "Bog'lanish",
+              label: "Bog'lanish",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -367,4 +233,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}