From 7171014d5f252ab135ce49ddd78e4a8c9c17aca0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 04:53:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 361 ++++++++++++++++-------------------------------
 1 file changed, 121 insertions(+), 240 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ae3bb1c..213dc1c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,253 +27,134 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Team",
-          id: "#team",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-      ]}
-      brandName="Lumina Dental"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Services", id: "#services" },
+              { name: "Team", id: "#team" },
+              { name: "Testimonials", id: "#testimonials" },
+            ]}
+            brandName="Lumina Dental"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Dentistry Refined to an Art Form"
-      description="Experience luxury dental care with award-winning clinicians and bespoke treatment plans. Your smile deserves excellence."
-      tag="Premier Dental Clinic"
-      buttons={[
-        {
-          text: "Schedule Your Private Consultation",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg?_wi=1",
-          imageAlt: "Luxurious Dental Clinic",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg?_wi=2",
-          imageAlt: "Modern Dental Consultation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg?_wi=3",
-          imageAlt: "Advanced Diagnostic Suite",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg?_wi=4",
-          imageAlt: "Comfortable Patient Care",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg?_wi=5",
-          imageAlt: "Professional Clinical Environment",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-      rating={5}
-      ratingText="Rated 5 stars by our patients"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "sparkles-gradient" }}
+            title="Dentistry Refined to an Art Form"
+            description="Experience luxury dental care with award-winning clinicians and bespoke treatment plans. Your smile deserves excellence."
+            tag="Premier Dental Clinic"
+            buttons={[{ text: "Schedule Your Private Consultation", href: "#contact" }]}
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg",                imageAlt: "Luxurious Dental Clinic"},
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg",                imageAlt: "Modern Dental Consultation"},
+            ]}
+            mediaAnimation="blur-reveal"
+            rating={5}
+            ratingText="Rated 5 stars by our patients"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Cosmetic Dentistry",
-          description: "Achieve your perfect smile through advanced whitening and porcelain veneers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-her-patient_107420-74178.jpg",
-        },
-        {
-          id: "f2",
-          title: "Restorative Care",
-          description: "Precision implants and crowns engineered for lasting function and aesthetics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-approving-dental-work_23-2148338139.jpg",
-        },
-        {
-          id: "f3",
-          title: "Orthodontics",
-          description: "Discreet, effective alignment solutions for a perfectly balanced smile.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-dentist-showing-teeth-model-patient_23-2147879178.jpg",
-        },
-      ]}
-      title="Our Specialized Services"
-      description="Bespoke treatments tailored to your unique needs using the latest in dental innovation."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={true}
+            features={[
+              {
+                id: "f1",                title: "Cosmetic Dentistry",                description: "Achieve your perfect smile through advanced whitening and porcelain veneers.",                imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-her-patient_107420-74178.jpg"},
+              {
+                id: "f2",                title: "Restorative Care",                description: "Precision implants and crowns engineered for lasting function and aesthetics.",                imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-approving-dental-work_23-2148338139.jpg"},
+              {
+                id: "f3",                title: "Orthodontics",                description: "Discreet, effective alignment solutions for a perfectly balanced smile.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-dentist-showing-teeth-model-patient_23-2147879178.jpg"},
+            ]}
+            title="Our Specialized Services"
+            description="Bespoke treatments tailored to your unique needs using the latest in dental innovation."
+          />
+        </div>
 
-  <div id="stats" data-section="stats">
-      <MetricCardThree
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Years of Experience",
-          value: "25+",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          title: "Patient Consultations",
-          value: "10k+",
-          icon: Smile,
-        },
-        {
-          id: "m3",
-          title: "Successful Procedures",
-          value: "15k+",
-          icon: CheckCircle,
-        },
-      ]}
-      title="Excellence in Numbers"
-      description="Decades of combined clinical experience at your service."
-    />
-  </div>
+        <div id="stats" data-section="stats">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", title: "Years of Experience", value: "25+", icon: Award },
+              { id: "m2", title: "Patient Consultations", value: "10k+", icon: Smile },
+              { id: "m3", title: "Successful Procedures", value: "15k+", icon: CheckCircle },
+            ]}
+            title="Excellence in Numbers"
+            description="Decades of combined clinical experience at your service."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Elena Thorne",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Marcus Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-32774.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sophia Valez",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149093347.jpg",
-        },
-        {
-          id: "t4",
-          name: "Julian Reed",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-man-smiling_1149-1117.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sarah Jenkins",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=2",
-        },
-      ]}
-      cardTitle="Patient Experiences"
-      cardTag="Luxury Care"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Elena Thorne", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg" },
+              { id: "t2", name: "Marcus Chen", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-32774.jpg" },
+              { id: "t3", name: "Sophia Valez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149093347.jpg" },
+              { id: "t4", name: "Julian Reed", imageSrc: "http://img.b2bpic.net/free-photo/old-man-smiling_1149-1117.jpg" },
+              { id: "t5", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg" },
+            ]}
+            cardTitle="Patient Experiences"
+            cardTag="Luxury Care"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "What makes your clinic premium?",
-          content: "We offer concierge service, advanced digital diagnostics, and world-class dental materials.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer financing?",
-          content: "We provide bespoke financial planning to ensure our services fit your investment preferences.",
-        },
-        {
-          id: "q3",
-          title: "How long is a consultation?",
-          content: "Private sessions are 60-90 minutes to ensure thorough diagnostic evaluation and discussion.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "What makes your clinic premium?", content: "We offer concierge service, advanced digital diagnostics, and world-class dental materials." },
+              { id: "q2", title: "Do you offer financing?", content: "We provide bespoke financial planning to ensure our services fit your investment preferences." },
+              { id: "q3", title: "How long is a consultation?", content: "Private sessions are 60-90 minutes to ensure thorough diagnostic evaluation and discussion." },
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      text="Your journey to the perfect smile begins with a private conversation."
-      buttons={[
-        {
-          text: "Book Your Appointment",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "rotated-rays-static" }}
+            text="Your journey to the perfect smile begins with a private conversation."
+            buttons={[{ text: "Book Your Appointment", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Philosophy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Patient Portal",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Lumina Dental"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "Services", href: "#services" },
+                  { label: "Philosophy", href: "#" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Contact", href: "#contact" },
+                  { label: "Patient Portal", href: "#" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+            logoText="Lumina Dental"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1