From 83bc0ac250b071513f75e288be1c2b667b0c4bea Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 14:31:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 450 +++++++++++++++--------------------------------
 1 file changed, 141 insertions(+), 309 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5a2347a..b1a734b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,325 +16,157 @@ import { Activity, Award, Heart, ShieldCheck, Smile, Star, Zap } from "lucide-re
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Results",
-          id: "results",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Your Dent Clinic"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Results", id: "results" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Your Dent Clinic"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Let's Make Your Smile Shine"
-      description="See real results from our clients. Book your appointment with Egypt's trusted cosmetic dentistry experts."
-      buttons={[
-        {
-          text: "Book your appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dtkuli0tdBMKGcMqSnb5gG6iWC/uploaded-1779114606361-00tpxw48.png"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-dentist-patient-smiling_23-2148396176.jpg",
-          alt: "Portrait of dentist and patient smiling",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg",
-          alt: "Woman showing her teeth in clinic",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg",
-          alt: "Portrait of beautiful woman at the dentist",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg",
-          alt: "Young female patient on bed in a physiotherapy center.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-chair-dental-clinic_662251-2583.jpg",
-          alt: "Portrait of smiling young woman sitting on chair at dental clinic",
-        },
-      ]}
-      avatarText="Trusted by 1000+ happy patients across Egypt."
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Expert Care",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "Modern Tech",
-          icon: Activity,
-        },
-        {
-          type: "text-icon",
-          text: "Top Rated",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Fast Results",
-          icon: Zap,
-        },
-        {
-          type: "text-icon",
-          text: "Gentle Dentistry",
-          icon: Heart,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "gradient-bars" }}
+            title="Let's Make Your Smile Shine"
+            description="See real results from our clients. Book your appointment with Egypt's trusted cosmetic dentistry experts."
+            buttons={[{ text: "Book your appointment", href: "#contact" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dtkuli0tdBMKGcMqSnb5gG6iWC/uploaded-1779114606361-00tpxw48.png"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-dentist-patient-smiling_23-2148396176.jpg", alt: "Portrait of dentist and patient smiling" },
+              { src: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg", alt: "Woman showing her teeth in clinic" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg", alt: "Portrait of beautiful woman at the dentist" },
+              { src: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg", alt: "Young female patient on bed in a physiotherapy center." },
+              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-chair-dental-clinic_662251-2583.jpg", alt: "Portrait of smiling young woman sitting on chair at dental clinic" },
+            ]}
+            avatarText="Trusted by 1000+ happy patients across Egypt."
+            marqueeItems={[
+              { type: "text-icon", text: "Expert Care", icon: ShieldCheck },
+              { type: "text-icon", text: "Modern Tech", icon: Activity },
+              { type: "text-icon", text: "Top Rated", icon: Star },
+              { type: "text-icon", text: "Fast Results", icon: Zap },
+              { type: "text-icon", text: "Gentle Dentistry", icon: Heart },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "s1",
-          title: "Teeth Whitening",
-          tags: [
-            "Whitening",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-discussing-digital-tablet_107420-65415.jpg",
-        },
-        {
-          id: "s2",
-          title: "Professional Fillings",
-          tags: [
-            "Restorative",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg",
-        },
-        {
-          id: "s3",
-          title: "Orthodontic Braces",
-          tags: [
-            "Alignment",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/dental-care-tooth-decay-concept-curly-young-woman-uses-dental-floss-wears-headband-casual-striped-t-shirt-has-perfect-smile-looks-away-isolated-blue-studio-background-teeth-flossing_273609-60927.jpg",
-        },
-      ]}
-      title="Our Cosmetic Services"
-      description="Professional treatments for a brighter, healthier smile."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "s1", title: "Teeth Whitening", tags: ["Whitening"], imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-female-patient-discussing-digital-tablet_107420-65415.jpg" },
+              { id: "s2", title: "Professional Fillings", tags: ["Restorative"], imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg" },
+              { id: "s3", title: "Orthodontic Braces", tags: ["Alignment"], imageSrc: "http://img.b2bpic.net/free-photo/dental-care-tooth-decay-concept-curly-young-woman-uses-dental-floss-wears-headband-casual-striped-t-shirt-has-perfect-smile-looks-away-isolated-blue-studio-background-teeth-flossing_273609-60927.jpg" },
+            ]}
+            title="Our Cosmetic Services"
+            description="Professional treatments for a brighter, healthier smile."
+          />
+        </div>
 
-  <div id="results" data-section="results">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Veneers",
-          name: "Case Study 1",
-          price: "Before/After",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-facial-beautiful-clean-fresh_1301-1935.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Whitening",
-          name: "Case Study 2",
-          price: "Before/After",
-          rating: 5,
-          reviewCount: "98",
-          imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Braces",
-          name: "Case Study 3",
-          price: "Before/After",
-          rating: 5,
-          reviewCount: "156",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-cheerful-beautiful-young-lifestyle-blogger-woman-sitting-floor-recording-video-about_1258-255219.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Fillings",
-          name: "Case Study 4",
-          price: "Before/After",
-          rating: 5,
-          reviewCount: "84",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Cosmetic",
-          name: "Case Study 5",
-          price: "Before/After",
-          rating: 5,
-          reviewCount: "112",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1708.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Smile Design",
-          name: "Case Study 6",
-          price: "Before/After",
-          rating: 5,
-          reviewCount: "140",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-dreamy-young-lady-with-hand-cheek_23-2148054963.jpg",
-        },
-      ]}
-      title="Client Transformations"
-      description="Real life results from our cosmetic dental treatments."
-    />
-  </div>
+        <div id="results" data-section="results">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Veneers", name: "Case Study 1", price: "Before/After", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/female-facial-beautiful-clean-fresh_1301-1935.jpg" },
+              { id: "p2", brand: "Whitening", name: "Case Study 2", price: "Before/After", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-closeup-mouth-painted-with-bright-blue-lipstick-smiling-watching-camera_633478-803.jpg" },
+              { id: "p3", brand: "Braces", name: "Case Study 3", price: "Before/After", rating: 5, reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/image-cheerful-beautiful-young-lifestyle-blogger-woman-sitting-floor-recording-video-about_1258-255219.jpg" },
+              { id: "p4", brand: "Fillings", name: "Case Study 4", price: "Before/After", rating: 5, reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg" },
+              { id: "p5", brand: "Cosmetic", name: "Case Study 5", price: "Before/After", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-smiling-pink_179666-1708.jpg" },
+              { id: "p6", brand: "Smile Design", name: "Case Study 6", price: "Before/After", rating: 5, reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/positive-dreamy-young-lady-with-hand-cheek_23-2148054963.jpg" },
+            ]}
+            title="Client Transformations"
+            description="Real life results from our cosmetic dental treatments."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "1000+",
-          title: "Happy Patients",
-          description: "Successfully treated patients across Egypt.",
-          icon: Smile,
-        },
-        {
-          id: "m2",
-          value: "15+",
-          title: "Years Experience",
-          description: "Deep expertise in cosmetic dentistry.",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "4.9/5",
-          title: "Google Reviews",
-          description: "Highly trusted by our local community.",
-          icon: Star,
-        },
-      ]}
-      title="Proven Excellence"
-      description="Our clinic metrics speak to our quality and trust."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "1000+", title: "Happy Patients", description: "Successfully treated patients across Egypt.", icon: Smile },
+              { id: "m2", value: "15+", title: "Years Experience", description: "Deep expertise in cosmetic dentistry.", icon: Award },
+              { id: "m3", value: "4.9/5", title: "Google Reviews", description: "Highly trusted by our local community.", icon: Star },
+            ]}
+            title="Proven Excellence"
+            description="Our clinic metrics speak to our quality and trust."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Amira Ahmed",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-adult-woman-dentist_23-2148396159.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mostafa Hassan",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
-        },
-        {
-          id: "t3",
-          name: "Layla Mahmoud",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg",
-        },
-        {
-          id: "t4",
-          name: "Omar Khaled",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sara Ali",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg",
-        },
-      ]}
-      cardTitle="Patient Feedback"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            cardAnimation="slide-up"
+            cardTitle="Patient Feedback"
+            cardTag="Testimonials"
+            testimonials={[
+              { id: "t1", name: "Amira Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-adult-woman-dentist_23-2148396159.jpg" },
+              { id: "t2", name: "Mostafa Hassan", imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
+              { id: "t3", name: "Layla Mahmoud", imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg" },
+              { id: "t4", name: "Omar Khaled", imageSrc: "http://img.b2bpic.net/free-photo/smiley-nurse-with-stethoscope_23-2148740054.jpg" },
+              { id: "t5", name: "Sara Ali", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Is cosmetic dentistry safe?",
-          content: "Yes, our advanced procedures meet the highest safety standards.",
-        },
-        {
-          id: "f2",
-          title: "How much do veneers cost?",
-          content: "Costs vary based on your personal needs; contact us for a consultation.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer international booking?",
-          content: "Yes, we welcome patients globally for dental tourism.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg"
-      title="Common Questions"
-      description="Answers to help you feel confident in your decision."
-      faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Is cosmetic dentistry safe?", content: "Yes, our advanced procedures meet the highest safety standards." },
+              { id: "f2", title: "How much do veneers cost?", content: "Costs vary based on your personal needs; contact us for a consultation." },
+              { id: "f3", title: "Do you offer international booking?", content: "Yes, we welcome patients globally for dental tourism." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg"
+            title="Common Questions"
+            description="Answers to help you feel confident in your decision."
+            faqsAnimation="slide-up"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Book Your Appointment"
-      description="Get in touch at yourdentclinic@gmail.com or +20 1008889978. Address: Abrag Othman, Maadi, Cairo."
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-hospital-receptionist-standing-front-desk_482257-131181.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Book Your Appointment"
+            description="Get in touch at yourdentclinic@gmail.com or +20 1008889978. Address: Abrag Othman, Maadi, Cairo."
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-hospital-receptionist-standing-front-desk_482257-131181.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Your Dent Clinic"
-      copyrightText="© 2025 | Your Dent Clinic Egypt"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Your Dent Clinic"
+            copyrightText="© 2025 | Your Dent Clinic Egypt"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );