From 317f26b627c58ef42edb18df63c3432fa0281810 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 20:16:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 201 +++++++++++------------------------------------
 1 file changed, 45 insertions(+), 156 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 872e2e1..50a2de9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,104 +31,65 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Treatments",
-          id: "treatments",
-        },
+          name: "Treatments",          id: "treatments"},
         {
-          name: "Technology",
-          id: "technology",
-        },
+          name: "Technology",          id: "technology"},
       ]}
       brandName="Ben's Orthodontie"
       button={{
-        text: "Book Now",
-        href: "#booking",
-      }}
+        text: "Book Now",        href: "#booking"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "glowing-orb",
-      }}
+        variant: "glowing-orb"}}
       title="Precision. Comfort. Confidence."
       description="Ben's Orthodontie sets a new standard for orthodontic care in Antwerp, utilizing advanced 3D scanning and personalized treatment plans."
       kpis={[
         {
-          value: "15+",
-          label: "Years Experience",
-        },
+          value: "15+",          label: "Years Experience"},
         {
-          value: "2000+",
-          label: "Smiles Transformed",
-        },
+          value: "2000+",          label: "Smiles Transformed"},
         {
-          value: "100%",
-          label: "Patient Care",
-        },
+          value: "100%",          label: "Patient Care"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Book Consultation",
-          href: "#booking",
-        },
+          text: "Book Consultation",          href: "#booking"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212458.jpg"
       imageAlt="3D Dental Model"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212418.jpg",
-          alt: "Front view man posing with dental gems",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212418.jpg",          alt: "Front view man posing with dental gems"},
         {
-          src: "http://img.b2bpic.net/free-photo/medical-denture-smile-jaws-teeth-white-background_633478-82.jpg",
-          alt: "Medical denture smile jaws teeth on white background",
-        },
+          src: "http://img.b2bpic.net/free-photo/medical-denture-smile-jaws-teeth-white-background_633478-82.jpg",          alt: "Medical denture smile jaws teeth on white background"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473207.jpg",
-          alt: "3d representation of dental health and hygiene",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473207.jpg",          alt: "3d representation of dental health and hygiene"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473214.jpg",
-          alt: "3d representation of dental health and hygiene",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473214.jpg",          alt: "3d representation of dental health and hygiene"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
-          alt: "Front view happy man showing approval",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",          alt: "Front view happy man showing approval"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Antwerp's Premier Orthodontist",
-        },
+          type: "text",          text: "Antwerp's Premier Orthodontist"},
         {
-          type: "text",
-          text: "Advanced 3D Technology",
-        },
+          type: "text",          text: "Advanced 3D Technology"},
         {
-          type: "text",
-          text: "Personalized Care",
-        },
+          type: "text",          text: "Personalized Care"},
         {
-          type: "text",
-          text: "Patient-First Approach",
-        },
+          type: "text",          text: "Patient-First Approach"},
         {
-          type: "text",
-          text: "Proven Results",
-        },
+          type: "text",          text: "Proven Results"},
       ]}
     />
   </div>
@@ -140,19 +101,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Shield,
-          label: "Precision Tech",
-          value: "Digital Scans",
-        },
+          label: "Precision Tech",          value: "Digital Scans"},
         {
           icon: Award,
-          label: "Certified Pros",
-          value: "Top Tier",
-        },
+          label: "Certified Pros",          value: "Top Tier"},
         {
           icon: Sparkles,
-          label: "Comfort First",
-          value: "Patient focus",
-        },
+          label: "Comfort First",          value: "Patient focus"},
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -165,33 +120,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "t1",
-          title: "Invisalign",
-          description: "Crystal clear aligners for a seamless smile journey.",
-          tag: "Invisible",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-gummy-bear-candy_23-2149894275.jpg",
-        },
+          id: "t1",          title: "Invisalign",          description: "Crystal clear aligners for a seamless smile journey.",          tag: "Invisible",          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-gummy-bear-candy_23-2149894275.jpg"},
         {
-          id: "t2",
-          title: "Insignia Braces",
-          description: "Customized brackets tailored exactly to your tooth anatomy.",
-          tag: "Precision",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38199.jpg",
-        },
+          id: "t2",          title: "Insignia Braces",          description: "Customized brackets tailored exactly to your tooth anatomy.",          tag: "Precision",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38199.jpg"},
         {
-          id: "t3",
-          title: "Damon System",
-          description: "Self-ligating braces for faster and more comfortable results.",
-          tag: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/surgical-taper-kit_651396-1888.jpg",
-        },
+          id: "t3",          title: "Damon System",          description: "Self-ligating braces for faster and more comfortable results.",          tag: "Advanced",          imageSrc: "http://img.b2bpic.net/free-photo/surgical-taper-kit_651396-1888.jpg"},
         {
-          id: "t4",
-          title: "Teen Aligners",
-          description: "Designed specifically for adolescent growth and alignment.",
-          tag: "Youth",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-orthodontist-child-dentist-s-office_329181-17720.jpg",
-        },
+          id: "t4",          title: "Teen Aligners",          description: "Designed specifically for adolescent growth and alignment.",          tag: "Youth",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-orthodontist-child-dentist-s-office_329181-17720.jpg"},
       ]}
       title="Treatment Solutions"
       description="Tailored orthodontic solutions for every smile, from discreet aligners to advanced bracing systems."
@@ -200,31 +135,17 @@ export default function LandingPage() {
 
   <div id="technology" data-section="technology">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "iTero Scanner",
-          price: "High Speed",
-          variant: "Digital",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38129.jpg",
-        },
+          id: "p1",          name: "iTero Scanner",          price: "High Speed",          variant: "Digital",          imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38129.jpg"},
         {
-          id: "p2",
-          name: "3D Printing",
-          price: "Precision",
-          variant: "Hardware",
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019902.jpg",
-        },
+          id: "p2",          name: "3D Printing",          price: "Precision",          variant: "Hardware",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019902.jpg"},
         {
-          id: "p3",
-          name: "ClinCheck AI",
-          price: "Predictive",
-          variant: "Software",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-monitor-with-horizontal-green-screen-talking-dentist-about-oral-care-cabinet-specialists-working-with-dental-tools-teethcare-isolated-mockup-template-computer_482257-38465.jpg",
-        },
+          id: "p3",          name: "ClinCheck AI",          price: "Predictive",          variant: "Software",          imageSrc: "http://img.b2bpic.net/free-photo/man-using-monitor-with-horizontal-green-screen-talking-dentist-about-oral-care-cabinet-specialists-working-with-dental-tools-teethcare-isolated-mockup-template-computer_482257-38465.jpg"},
       ]}
       title="Cutting-Edge Tech"
       description="Leveraging world-class scanning and AI-driven predictive modeling."
@@ -238,45 +159,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "ts1",
-          name: "Sofie V.",
-          handle: "@sofie_v",
-          testimonial: "The precision and care at Ben's is incredible. My teeth look perfect.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051723.jpg",
-        },
+          id: "ts1",          name: "Sofie V.",          handle: "@sofie_v",          testimonial: "The precision and care at Ben's is incredible. My teeth look perfect.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051723.jpg"},
         {
-          id: "ts2",
-          name: "Mark D.",
-          handle: "@mark_d",
-          testimonial: "Fast, professional, and very comfortable experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg",
-        },
+          id: "ts2",          name: "Mark D.",          handle: "@mark_d",          testimonial: "Fast, professional, and very comfortable experience.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg"},
         {
-          id: "ts3",
-          name: "Elena C.",
-          handle: "@elena_c",
-          testimonial: "I love my new smile. Highly recommended for Antwerp.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
-        },
+          id: "ts3",          name: "Elena C.",          handle: "@elena_c",          testimonial: "I love my new smile. Highly recommended for Antwerp.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg"},
         {
-          id: "ts4",
-          name: "Thomas P.",
-          handle: "@thomas_p",
-          testimonial: "Advanced technology made all the difference in my alignment.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
-        },
+          id: "ts4",          name: "Thomas P.",          handle: "@thomas_p",          testimonial: "Advanced technology made all the difference in my alignment.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
         {
-          id: "ts5",
-          name: "Lise K.",
-          handle: "@lise_k",
-          testimonial: "The most modern clinic I have ever visited. Truly top-notch.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
-        },
+          id: "ts5",          name: "Lise K.",          handle: "@lise_k",          testimonial: "The most modern clinic I have ever visited. Truly top-notch.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg"},
       ]}
       showRating={true}
       title="Smile Transformations"
@@ -288,16 +184,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get Started"
       title="Begin Your Smile Journey"
       description="Book a consultation with Ben's Orthodontie to discuss your personalized plan."
       buttons={[
         {
-          text: "Book Now",
-          href: "#",
-        },
+          text: "Book Now",          href: "#"},
       ]}
     />
   </div>
@@ -306,13 +199,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Ben's Orthodontie"
       leftLink={{
-        text: "Jan Van Rijswijcklaan 107, Antwerp",
-        href: "#",
-      }}
+        text: "Jan Van Rijswijcklaan 107, Antwerp",        href: "#"}}
       rightLink={{
-        text: "Instagram",
-        href: "https://instagram.com",
-      }}
+        text: "Instagram",        href: "https://instagram.com"}}
     />
   </div>
       </ReactLenis>
-- 
2.49.1