From 52045c94b59b0a8d6140a7b8841b34007a06add6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 20:32:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 474 ++++++++++++++---------------------------------
 1 file changed, 134 insertions(+), 340 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index db41485..daef3ff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,356 +16,150 @@ import { CheckCircle, Shield, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumLargeSizeLargeTitles"
-        background="aurora"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="bold"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Ana Səhifə",
-          id: "#hero",
-        },
-        {
-          name: "Dərmanlar",
-          id: "#products",
-        },
-        {
-          name: "Apteklər",
-          id: "#pharmacies",
-        },
-        {
-          name: "Haqqımızda",
-          id: "#about",
-        },
-      ]}
-      brandName="DarmanTap"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Ana Səhifə", id: "hero" },
+              { name: "Dərmanlar", id: "pharmacies" },
+              { name: "Apteklər", id: "pharmacies" },
+              { name: "Haqqımızda", id: "features" }
+            ]}
+            brandName="DarmanTap"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Sağlamlığınız üçün ən uyğun qiyməti tapın"
-      description="Minlərlə dərman preparatını Bakı və ətraf ərazilərdəki apteklər üzrə müqayisə edin, ən yaxın və ən sərfəlisini seçin. Qiymətləri real vaxtda yoxlayın, stok mövcudluğunu təsdiq edin və dərhal zəng edin."
-      buttons={[
-        {
-          text: "İndi Axtarın",
-          href: "#products",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/thermometer-with-high-temperature-medicine_23-2150471124.jpg?_wi=1",
-          imageAlt: "Hero Scene 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/indian-physician-consulting-male-patient-medical-facility-chroma-key_482257-118501.jpg",
-          imageAlt: "Hero Scene 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-team-discussing-sickness-symptoms-analyzing-medical-document-working-healthcare-treatment-hospital-office-mock-up-green-screen-chroma-key-computer-with-isolated-display_482257-29746.jpg",
-          imageAlt: "Hero Scene 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nurse-surfing-net-mobile-device_482257-90378.jpg",
-          imageAlt: "Hero Scene 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-cartoon-character-shopping_23-2151656738.jpg",
-          imageAlt: "Hero Scene 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-general-practitioner-patient-looking-green-screen-tablet_482257-124040.jpg",
-          imageAlt: "Hero Scene 6",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "plain" }}
+            title="Sağlamlığınız üçün ən uyğun qiyməti tapın"
+            description="Minlərlə dərman preparatını Bakı və ətraf ərazilərdəki apteklər üzrə müqayisə edin, ən yaxın və ən sərfəlisini seçin. Qiymətləri real vaxtda yoxlayın, stok mövcudluğunu təsdiq edin və dərhal zəng edin."
+            buttons={[{ text: "İndi Axtarın", href: "#pharmacies" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/thermometer-with-high-temperature-medicine_23-2150471124.jpg", imageAlt: "Hero Scene 1" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/indian-physician-consulting-male-patient-medical-facility-chroma-key_482257-118501.jpg", imageAlt: "Hero Scene 2" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-team-discussing-sickness-symptoms-analyzing-medical-document-working-healthcare-treatment-hospital-office-mock-up-green-screen-chroma-key-computer-with-isolated-display_482257-29746.jpg", imageAlt: "Hero Scene 3" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/nurse-surfing-net-mobile-device_482257-90378.jpg", imageAlt: "Hero Scene 4" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/view-cartoon-character-shopping_23-2151656738.jpg", imageAlt: "Hero Scene 5" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/female-general-practitioner-patient-looking-green-screen-tablet_482257-124040.jpg", imageAlt: "Hero Scene 6" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Real Vaxt Qiymətləri",
-          description: "Bakı apteklərindəki qiymətləri anlıq yeniləmələrlə izləyin.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/digital-composite-doctor-with-white-graph-with-flare-against-blurry-background-with-light-blue-overlay_1258-84253.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/thermometer-with-high-temperature-medicine_23-2150471124.jpg?_wi=2",
-          imageAlt: "person using pharmacy app",
-        },
-        {
-          title: "Stok İzləmə",
-          description: "Dərmanın mövcudluğunu dəqiq məlumatlarla yoxlayın.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-general-practitioner-patient-looking-green-screen-laptop_482257-118085.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
-          imageAlt: "person using pharmacy app",
-        },
-        {
-          title: "Aptek Xəritəsi",
-          description: "Ən yaxın və işlək aptekləri xəritədə dərhal tapın.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-learning-about-his-pills_23-2148506069.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-covid19-social-distancing-technology-concept-excited-enthusiastic-goodlooking-girl-medical-mask-pointing-looking-mobile-phone-display-promote-app_1258-105897.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg?_wi=1",
-          imageAlt: "person using pharmacy app",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Platforma Xüsusiyyətləri"
-      description="DarmanTap ilə aptek axtarışı və dərman təchizatı artıq daha asandır."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Real Vaxt Qiymətləri", description: "Bakı apteklərindəki qiymətləri anlıq yeniləmələrlə izləyin.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/digital-composite-doctor-with-white-graph-with-flare-against-blurry-background-with-light-blue-overlay_1258-84253.jpg" } },
+              { title: "Stok İzləmə", description: "Dərmanın mövcudluğunu dəqiq məlumatlarla yoxlayın.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medical-professionals-meeting-examining-organs-ct-scan-results_482257-123078.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-general-practitioner-patient-looking-green-screen-laptop_482257-118085.jpg" } },
+              { title: "Aptek Xəritəsi", description: "Ən yaxın və işlək aptekləri xəritədə dərhal tapın.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-learning-about-his-pills_23-2148506069.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-covid19-social-distancing-technology-concept-excited-enthusiastic-goodlooking-girl-medical-mask-pointing-looking-mobile-phone-display-promote-app_1258-105897.jpg" } }
+            ]}
+            showStepNumbers={true}
+            title="Platforma Xüsusiyyətləri"
+            description="DarmanTap ilə aptek axtarışı və dərman təchizatı artıq daha asandır."
+          />
+        </div>
 
-  <div id="pharmacies" data-section="pharmacies">
-      <ProductCardOne
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Zəfəran Aptek",
-          price: "1.2 km",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-with-location-symbols_23-2149764130.jpg",
-        },
-        {
-          id: "p2",
-          name: "Aviçenna",
-          price: "2.5 km",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472829.jpg",
-        },
-        {
-          id: "p3",
-          name: "Buta Aptek",
-          price: "3.8 km",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150471691.jpg",
-        },
-        {
-          id: "p4",
-          name: "Şəfa Aptek",
-          price: "4.1 km",
-          imageSrc: "http://img.b2bpic.net/free-vector/doctor-s-helpline-medical-booking-app_23-2148552687.jpg",
-        },
-        {
-          id: "p5",
-          name: "Bakı Med",
-          price: "5.0 km",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-while-holding-flowers_23-2148781478.jpg",
-        },
-        {
-          id: "p6",
-          name: "Vita Aptek",
-          price: "6.2 km",
-          imageSrc: "http://img.b2bpic.net/free-vector/online-pharmacy-landing-page-template_52683-14459.jpg",
-        },
-      ]}
-      title="Aptek Siyahıları"
-      description="Ən çox istifadə olunan apteklərin inventar siyahısına göz atın."
-    />
-  </div>
+        <div id="pharmacies" data-section="pharmacies">
+          <ProductCardOne
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Zəfəran Aptek", price: "1.2 km", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-with-location-symbols_23-2149764130.jpg" },
+              { id: "p2", name: "Aviçenna", price: "2.5 km", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472829.jpg" },
+              { id: "p3", name: "Buta Aptek", price: "3.8 km", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150471691.jpg" }
+            ]}
+            title="Aptek Siyahıları"
+            description="Ən çox istifadə olunan apteklərin inventar siyahısına göz atın."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: Shield,
-          title: "Etibarlı Apteklər",
-          value: "150+",
-        },
-        {
-          id: "m2",
-          icon: Zap,
-          title: "Aylıq İstifadəçi",
-          value: "25K+",
-        },
-        {
-          id: "m3",
-          icon: CheckCircle,
-          title: "Dərman Çeşidi",
-          value: "5000+",
-        },
-      ]}
-      title="Platforma Statistikası"
-      description="Uğurla idarə olunan şəbəkə və məlumatlar."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", icon: Shield, title: "Etibarlı Apteklər", value: "150+" },
+              { id: "m2", icon: Zap, title: "Aylıq İstifadəçi", value: "25K+" },
+              { id: "m3", icon: CheckCircle, title: "Dərman Çeşidi", value: "5000+" }
+            ]}
+            title="Platforma Statistikası"
+            description="Uğurla idarə olunan şəbəkə və məlumatlar."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="scale-rotate"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Aygün Əliyeva",
-          role: "Müəllim",
-          company: "Bakı",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Rəşad Vəliyev",
-          role: "Mühəndis",
-          company: "Bakı",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-providing-products-clients_482257-75482.jpg",
-        },
-        {
-          id: "3",
-          name: "Nigar Həsənova",
-          role: "Tələbə",
-          company: "Bakı",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-professor-holding-glasses-near-desk-classroom_23-2148200970.jpg",
-        },
-        {
-          id: "4",
-          name: "Kamran Abbasov",
-          role: "İdarəçi",
-          company: "Bakı",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8294.jpg",
-        },
-        {
-          id: "5",
-          name: "Sevinc Quliyeva",
-          role: "Həkim",
-          company: "Bakı",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-female-doctor_23-2148962392.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9",
-          label: "İstifadəçi Reytinqi",
-        },
-        {
-          value: "95%",
-          label: "Məmnuniyyət",
-        },
-        {
-          value: "100+",
-          label: "Günlük Zənglər",
-        },
-      ]}
-      title="İstifadəçi Rəyləri"
-      description="İstifadəçilərimizin DarmanTap haqqında fikirləri."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="scale-rotate"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Aygün Əliyeva", role: "Müəllim", company: "Bakı", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg" },
+              { id: "2", name: "Rəşad Vəliyev", role: "Mühəndis", company: "Bakı", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-providing-products-clients_482257-75482.jpg" },
+              { id: "3", name: "Nigar Həsənova", role: "Tələbə", company: "Bakı", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-professor-holding-glasses-near-desk-classroom_23-2148200970.jpg" }
+            ]}
+            kpiItems={[
+              { value: "4.9", label: "İstifadəçi Reytinqi" },
+              { value: "95%", label: "Məmnuniyyət" },
+              { value: "100+", label: "Günlük Zənglər" }
+            ]}
+            title="İstifadəçi Rəyləri"
+            description="İstifadəçilərimizin DarmanTap haqqında fikirləri."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Qiymətlər necə yenilənir?",
-          content: "Qiymətlər apteklər tərəfindən avtomatik və ya manual olaraq real vaxtda yenilənir.",
-        },
-        {
-          id: "f2",
-          title: "Dərman bron etmək olar?",
-          content: "Bəli, əksər apteklərdə birbaşa zəng edərək dərmanları bron etmək mümkündür.",
-        },
-        {
-          id: "f3",
-          title: "Xidmət pulludur?",
-          content: "Xeyr, DarmanTap platforması istifadəçilər üçün tamamilə pulsuzdur.",
-        },
-      ]}
-      sideTitle="Sual-Cavab"
-      sideDescription="Ən çox verilən suallar."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Qiymətlər necə yenilənir?", content: "Qiymətlər apteklər tərəfindən avtomatik və ya manual olaraq real vaxtda yenilənir." },
+              { id: "f2", title: "Dərman bron etmək olar?", content: "Bəli, əksər apteklərdə birbaşa zəng edərək dərmanları bron etmək mümkündür." },
+              { id: "f3", title: "Xidmət pulludur?", content: "Xeyr, DarmanTap platforması istifadəçilər üçün tamamilə pulsuzdur." }
+            ]}
+            sideTitle="Sual-Cavab"
+            sideDescription="Ən çox verilən suallar."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Bizimlə Əlaqə"
-      title="Suallarınız qaldı?"
-      description="Daha ətraflı məlumat üçün bizə müraciət edin."
-      buttons={[
-        {
-          text: "Mesaj Göndərin",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Bizimlə Əlaqə"
+            title="Suallarınız qaldı?"
+            description="Daha ətraflı məlumat üçün bizə müraciət edin."
+            buttons={[{ text: "Mesaj Göndərin", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="DarmanTap"
-      columns={[
-        {
-          title: "Xidmətlər",
-          items: [
-            {
-              label: "Dərman Axtarışı",
-              href: "#",
-            },
-            {
-              label: "Aptek Siyahısı",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Dəstək",
-          items: [
-            {
-              label: "İstifadə Şərtləri",
-              href: "#",
-            },
-            {
-              label: "Məxfilik",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 DarmanTap | Bütün hüquqlar qorunur."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="DarmanTap"
+            columns={[
+              { title: "Xidmətlər", items: [{ label: "Dərman Axtarışı", href: "#" }, { label: "Aptek Siyahısı", href: "#" }] },
+              { title: "Dəstək", items: [{ label: "İstifadə Şərtləri", href: "#" }, { label: "Məxfilik", href: "#" }] }
+            ]}
+            copyrightText="© 2025 DarmanTap | Bütün hüquqlar qorunur."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1