From 1cf0f63f39c07229b31b7545b888fc70df21a5c2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 18:15:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 504 +++++++++++++++--------------------------------
 1 file changed, 158 insertions(+), 346 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index be84cb8..2aac374 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,363 +17,175 @@ import { CheckCircle, Shield, Target } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Asosiy",
-          id: "hero",
-        },
-        {
-          name: "Kurslar",
-          id: "courses",
-        },
-        {
-          name: "Mentorlar",
-          id: "mentors",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="MTrade Academy"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Asosiy", id: "hero" },
+              { name: "Kurslar", id: "courses" },
+              { name: "Mentorlar", id: "mentors" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="MTrade Academy"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "rotated-rays-animated-grid",
-      }}
-      title="Kelajak treyderlarini shu yerdan yetishtiramiz"
-      description="Halol treydingni 0 dan o'rganing. 5 yillik tajriba, 400+ o'quvchi aksiya treyderi bo'lishdi."
-      buttons={[
-        {
-          text: "Bepul start darsi",
-          href: "#",
-        },
-        {
-          text: "Kurslarni ko'rish",
-          href: "#courses",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg?_wi=1"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "rotated-rays-animated-grid" }}
+            title="Kelajak treyderlarini shu yerdan yetishtiramiz"
+            description="Halol treydingni 0 dan o'rganing. 5 yillik tajriba, 400+ o'quvchi aksiya treyderi bo'lishdi."
+            buttons={[
+              { text: "Bepul start darsi", href: "#" },
+              { text: "Kurslarni ko'rish", href: "#courses" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "0 dan Professional darajagacha",
-          description: "Siz oldin treydingni bilmaysizmi? Hech qisi yo'q. Kurslarimizni boshlab, 0 dan professional treyder darajasiga yetishingiz mumkin.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-executive-working-with-his-tablet_1134-575.jpg",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Tizimli darslar",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg?_wi=2",
-          imageAlt: "finance growth icon",
-        },
-        {
-          title: "Halol treyding tamoyillari",
-          description: "Biz faqat halol va shariatga muvofiq treyding strategiyalarini o'rgatamiz. Moliyaviy savodxonlik va ishonchli vositalar bilan.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/united-arab-emirates-flag-with-banner_187299-35589.jpg",
-          },
-          items: [
-            {
-              icon: Shield,
-              text: "Shariatga muvofiq",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123993.jpg",
-          imageAlt: "finance growth icon",
-        },
-        {
-          title: "Amaliy tajriba",
-          description: "Nafaqat nazariya, balki real bozorda amaliy savdo qilishni o'rganasiz. Shaxsiy mentorlik va jonli sessiyalar bilan.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg?_wi=1",
-          },
-          items: [
-            {
-              icon: Target,
-              text: "Real bozor tajribasi",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-bandana-studying-cafe_273609-13066.jpg?_wi=1",
-          imageAlt: "finance growth icon",
-        },
-      ]}
-      title="Nima uchun aynan MTrade Academy?"
-      description="Biz sizga nafaqat nazariy bilim, balki real bozorda ishlatiladigan amaliy ko'nikmalarni beramiz."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "0 dan Professional darajagacha",                description: "Siz oldin treydingni bilmaysizmi? Hech qisi yo'q. Kurslarimizni boshlab, 0 dan professional treyder darajasiga yetishingiz mumkin.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-executive-working-with-his-tablet_1134-575.jpg", imageAlt: "finance growth icon" },
+                items: [{ icon: CheckCircle, text: "Tizimli darslar" }],
+                reverse: false
+              },
+              {
+                title: "Halol treyding tamoyillari",                description: "Biz faqat halol va shariatga muvofiq treyding strategiyalarini o'rgatamiz. Moliyaviy savodxonlik va ishonchli vositalar bilan.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/united-arab-emirates-flag-with-banner_187299-35589.jpg", imageAlt: "finance growth icon" },
+                items: [{ icon: Shield, text: "Shariatga muvofiq" }],
+                reverse: true
+              },
+              {
+                title: "Amaliy tajriba",                description: "Nafaqat nazariya, balki real bozorda amaliy savdo qilishni o'rganasiz. Shaxsiy mentorlik va jonli sessiyalar bilan.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg", imageAlt: "finance growth icon" },
+                items: [{ icon: Target, text: "Real bozor tajribasi" }],
+                reverse: false
+              }
+            ]}
+            title="Nima uchun aynan MTrade Academy?"
+            description="Biz sizga nafaqat nazariy bilim, balki real bozorda ishlatiladigan amaliy ko'nikmalarni beramiz."
+          />
+        </div>
 
-  <div id="courses" data-section="courses">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "online-premium",
-          badge: "ENG MASHHUR",
-          price: "$250",
-          subtitle: "4 oy (3 oy + 1 bonus)",
-          features: [
-            "10 bo'lim, 51 ta mavzu",
-            "Shaxsiy mentor nazorati",
-            "24/7 AI bot",
-            "Zakrit kommyuniti",
-          ],
-        },
-        {
-          id: "masofaviy-gibrid",
-          badge: "INTENSIV",
-          price: "$600",
-          subtitle: "9 hafta",
-          features: [
-            "Live + Online format",
-            "5 kishilik guruh",
-            "Bepul signal kanali",
-            "1:1 mentor sessiyasi",
-          ],
-        },
-      ]}
-      title="Kurslarimiz"
-      description="O'zingizga mos kursni tanlang va halol treyding yo'lida birinchi qadamni qo'ying."
-    />
-  </div>
+        <div id="courses" data-section="courses">
+          <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              { id: "online-premium", badge: "ENG MASHHUR", price: "$250", subtitle: "4 oy (3 oy + 1 bonus)", features: ["10 bo'lim, 51 ta mavzu", "Shaxsiy mentor nazorati", "24/7 AI bot", "Zakrit kommyuniti"] },
+              { id: "masofaviy-gibrid", badge: "INTENSIV", price: "$600", subtitle: "9 hafta", features: ["Live + Online format", "5 kishilik guruh", "Bepul signal kanali", "1:1 mentor sessiyasi"] }
+            ]}
+            title="Kurslarimiz"
+            description="O'zingizga mos kursni tanlang va halol treyding yo'lida birinchi qadamni qo'ying."
+          />
+        </div>
 
-  <div id="stats" data-section="stats">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "66%",
-          description: "Birinchi oyda profitga chiqqanlar",
-        },
-        {
-          id: "m2",
-          value: "400+",
-          description: "O'quvchilar soni",
-        },
-        {
-          id: "m3",
-          value: "5+",
-          description: "Yillik tajriba",
-        },
-        {
-          id: "m4",
-          value: "50+",
-          description: "Video darslar",
-        },
-      ]}
-      title="Statistika"
-      description="Muvaffaqiyatli o'quvchilar natijalari"
-    />
-  </div>
+        <div id="stats" data-section="stats">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "66%", description: "Birinchi oyda profitga chiqqanlar" },
+              { id: "m2", value: "400+", description: "O'quvchilar soni" },
+              { id: "m3", value: "5+", description: "Yillik tajriba" },
+              { id: "m4", value: "50+", description: "Video darslar" }
+            ]}
+            title="Statistika"
+            description="Muvaffaqiyatli o'quvchilar natijalari"
+          />
+        </div>
 
-  <div id="mentors" data-section="mentors">
-      <TeamCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      groups={[
-        {
-          id: "team1",
-          groupTitle: "Mentorlar",
-          members: [
-            {
-              id: "mentor-1",
-              title: "Odilbek",
-              subtitle: "CEO & Asoschisi",
-              detail: "4 yillik tajriba, halol treyding yo'nalishi asoschisi.",
-            },
-            {
-              id: "mentor-2",
-              title: "Bunyodbek",
-              subtitle: "Mentor",
-              detail: "3+ yillik tajriba, 100+ o'quvchi.",
-            },
-            {
-              id: "mentor-3",
-              title: "Jamshid",
-              subtitle: "Analitik",
-              detail: "Texnik tahlil mutaxassisi.",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-sci-fi-techno-lights-futuristic-backgrounds_181624-11934.jpg",
-          imageAlt: "Cool futuristic sci-fi techno lights for futuristic backgrounds",
-        },
-      ]}
-      title="Bizning mentorlarimiz"
-      description="Tajribali professional treyderlar sizga yo'l boshlaydi."
-    />
-  </div>
+        <div id="mentors" data-section="mentors">
+          <TeamCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            groups={[
+              {
+                id: "team1",                groupTitle: "Mentorlar",                members: [
+                  { id: "mentor-1", title: "Odilbek", subtitle: "CEO & Asoschisi", detail: "4 yillik tajriba, halol treyding yo'nalishi asoschisi." },
+                  { id: "mentor-2", title: "Bunyodbek", subtitle: "Mentor", detail: "3+ yillik tajriba, 100+ o'quvchi." },
+                  { id: "mentor-3", title: "Jamshid", subtitle: "Analitik", detail: "Texnik tahlil mutaxassisi." }
+                ]
+              }
+            ]}
+            title="Bizning mentorlarimiz"
+            description="Tajribali professional treyderlar sizga yo'l boshlaydi."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Azizbekjon",
-          handle: "O'quvchi",
-          testimonial: "Menga juda yoqdi. Bot signalini olaman. Rahmat katta!",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Mironshoh Mirzayev",
-          handle: "O'quvchi",
-          testimonial: "Rahmat katta ustoz. Bu akademiya ajoyib.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-bandana-studying-cafe_273609-13066.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Alijon Valiyev",
-          handle: "O'quvchi",
-          testimonial: "Hammaga tavsiya qilaman! Eng yaxshi tanlov.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-holding-folder_74855-5075.jpg",
-        },
-        {
-          id: "4",
-          name: "Sardor Tolipov",
-          handle: "O'quvchi",
-          testimonial: "Professional akademiya, o'rganish juda qulay.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-successful-young-male-entrepreneur-dressed-blue-shirt-smiling-developing-new-start-up-business-project-his-workplace-having-great-ideas-plans-using-modern-electronic-devices_343059-1582.jpg",
-        },
-        {
-          id: "5",
-          name: "Azizbekjon",
-          handle: "O'quvchi",
-          testimonial: "Tizim juda aniq va foydali.",
-          imageSrc: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg",
-        },
-      ]}
-      title="O'quvchilarimiz fikri"
-      description="Bizning o'quvchilarimizning haqiqiy fikrlari va tajribalari."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Azizbekjon", handle: "O'quvchi", testimonial: "Menga juda yoqdi. Bot signalini olaman. Rahmat katta!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg" },
+              { id: "2", name: "Mironshoh Mirzayev", handle: "O'quvchi", testimonial: "Rahmat katta ustoz. Bu akademiya ajoyib.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-bandana-studying-cafe_273609-13066.jpg" },
+              { id: "3", name: "Alijon Valiyev", handle: "O'quvchi", testimonial: "Hammaga tavsiya qilaman! Eng yaxshi tanlov.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-holding-folder_74855-5075.jpg" },
+              { id: "4", name: "Sardor Tolipov", handle: "O'quvchi", testimonial: "Professional akademiya, o'rganish juda qulay.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-successful-young-male-entrepreneur-dressed-blue-shirt-smiling-developing-new-start-up-business-project-his-workplace-having-great-ideas-plans-using-modern-electronic-devices_343059-1582.jpg" },
+              { id: "5", name: "Azizbekjon", handle: "O'quvchi", testimonial: "Tizim juda aniq va foydali.", imageSrc: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg" }
+            ]}
+            title="O'quvchilarimiz fikri"
+            description="Bizning o'quvchilarimizning haqiqiy fikrlari va tajribalari."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Treydingni noldan o'rganish mumkinmi?",
-          content: "Ha, bizning kurslar 0 dan boshlab o'rganish uchun mo'ljallangan.",
-        },
-        {
-          id: "q2",
-          title: "Kurslar online yoki offline?",
-          content: "Online va Gibrid formatlarda mavjud.",
-        },
-        {
-          id: "q3",
-          title: "Sertifikat beriladimi?",
-          content: "Ha, muvaffaqiyatli tugatgandan so'ng.",
-        },
-        {
-          id: "q4",
-          title: "Qanday qo'llab-quvvatlash tizimi bor?",
-          content: "24/7 AI bot, mentorlar va kommyuniti.",
-        },
-      ]}
-      title="Ko'p so'raladigan savollar"
-      description="Eng ko'p beriladigan savollarga javoblar."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Treydingni noldan o'rganish mumkinmi?", content: "Ha, bizning kurslar 0 dan boshlab o'rganish uchun mo'ljallangan." },
+              { id: "q2", title: "Kurslar online yoki offline?", content: "Online va Gibrid formatlarda mavjud." },
+              { id: "q3", title: "Sertifikat beriladimi?", content: "Ha, muvaffaqiyatli tugatgandan so'ng." },
+              { id: "q4", title: "Qanday qo'llab-quvvatlash tizimi bor?", content: "24/7 AI bot, mentorlar va kommyuniti." }
+            ]}
+            title="Ko'p so'raladigan savollar"
+            description="Eng ko'p beriladigan savollarga javoblar."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Aloqa"
-      title="Bugun boshlang — halol treyding yo'lida"
-      description="Professional treyderlar safiga qo'shiling."
-      buttons={[
-        {
-          text: "Ro'yxatdan o'tish",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Aloqa"
+            title="Bugun boshlang — halol treyding yo'lida"
+            description="Professional treyderlar safiga qo'shiling."
+            buttons={[{ text: "Ro'yxatdan o'tish", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "MTrade Academy",
-          items: [
-            {
-              label: "Biz haqimizda",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Tez havolalar",
-          items: [
-            {
-              label: "Kurslar",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "+998 77 373 12 48",
-              href: "tel:+998773731248",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2026 MTRADE Academy."
-      bottomRightText="Investitsiya maslahati emas."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "MTrade Academy", items: [{ label: "Biz haqimizda", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Tez havolalar", items: [{ label: "Kurslar", href: "#" }, { label: "FAQ", href: "#" }] },
+              { title: "Kontakt", items: [{ label: "+998 77 373 12 48", href: "tel:+998773731248" }] }
+            ]}
+            bottomLeftText="© 2026 MTRADE Academy."
+            bottomRightText="Investitsiya maslahati emas."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );