Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -30,73 +30,33 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Location",
+          name: "Location",          id: "location"},
-          id: "location",
-        },
       ]}
       brandName="NBS Dental"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroOverlay
-      background={{
-        variant: "radial-gradient",
-      }}
       title="Your Smile, Elevated to Excellence"
       description="Experience premium dental care in the heart of La Marsa, where advanced technology meets unparalleled comfort."
       buttons={[
         {
-          text: "Book Appointment",
+          text: "Book Appointment",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:+21671000000"},
-          href: "tel:+21671000000",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg?_wi=1",
-          imageAlt: "Modern Dental Clinic Interior 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg?_wi=2",
-          imageAlt: "Modern Dental Clinic Interior 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg?_wi=3",
-          imageAlt: "Modern Dental Clinic Interior 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg?_wi=4",
-          imageAlt: "Modern Dental Clinic Interior 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg?_wi=5",
-          imageAlt: "Modern Dental Clinic Interior 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg?_wi=6",
-          imageAlt: "Modern Dental Clinic Interior 6",
-        },
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg"
+      showDimOverlay={true}
+      textPosition="bottom"
     />
   </div>
 
@@ -108,17 +68,11 @@ export default function LandingPage() {
       description="Dedicated to the art of dentistry, Dr. Nawres Ben Salah combines expert precision with a warm, patient-centered approach. Our clinic is committed to restoring confidence through modern techniques and a calming environment."
       bulletPoints={[
         {
-          title: "Expertise",
+          title: "Expertise",          description: "Years of experience in cosmetic and restorative dentistry."},
-          description: "Years of experience in cosmetic and restorative dentistry.",
-        },
         {
-          title: "Technology",
+          title: "Technology",          description: "State-of-the-art diagnostic and treatment tools."},
-          description: "State-of-the-art diagnostic and treatment tools.",
-        },
         {
-          title: "Care",
+          title: "Care",          description: "Compassionate, personalized approach to every patient."},
-          description: "Compassionate, personalized approach to every patient.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/dentist-posing-dental-clinic_107420-65580.jpg"
       imageAlt="Dr. Nawres Ben Salah in her modern dental clinic"
@@ -133,21 +87,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "General Care",
+          "General Care",          "Emergency Dentistry",          "Routine Checkups",          "Pediatric Care",          "Preventative Cleaning"],
-          "Emergency Dentistry",
-          "Routine Checkups",
-          "Pediatric Care",
-          "Preventative Cleaning",
-        ],
       }}
       positiveCard={{
         items: [
-          "Teeth Whitening",
+          "Teeth Whitening",          "Dental Implants",          "Cosmetic Dentistry",          "Orthodontics",          "Porcelain Veneers"],
-          "Dental Implants",
-          "Cosmetic Dentistry",
-          "Orthodontics",
-          "Porcelain Veneers",
-        ],
       }}
       title="Comprehensive Dental Excellence"
       description="Premium services designed for your comfort and aesthetic goals."
@@ -161,40 +105,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Mansour",          handle: "Verified Patient",          testimonial: "Exceptional care and the clinic is stunningly beautiful. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg"},
-          name: "Sarah Mansour",
-          handle: "Verified Patient",
-          testimonial: "Exceptional care and the clinic is stunningly beautiful. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Karim Belhassen",          handle: "Verified Patient",          testimonial: "Professional, clean, and painless. The best dental experience I've had.",          imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg"},
-          name: "Karim Belhassen",
-          handle: "Verified Patient",
-          testimonial: "Professional, clean, and painless. The best dental experience I've had.",
-          imageSrc: "http://img.b2bpic.net/free-photo/standing-vote-graduation-conference-room-bargain_1134-1130.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Amira Trabelsi",          handle: "Verified Patient",          testimonial: "Dr. Ben Salah is truly talented. My smile has never looked better.",          imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg"},
-          name: "Amira Trabelsi",
-          handle: "Verified Patient",
-          testimonial: "Dr. Ben Salah is truly talented. My smile has never looked better.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Yassine Feki",          handle: "Verified Patient",          testimonial: "The perfect combination of technology and hospitality.",          imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg"},
-          name: "Yassine Feki",
-          handle: "Verified Patient",
-          testimonial: "The perfect combination of technology and hospitality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Leila Ben Ali",          handle: "Verified Patient",          testimonial: "Simply wonderful. Professionalism at its peak.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-latin-man-portrait-outdoor_624325-3644.jpg"},
-          name: "Leila Ben Ali",
-          handle: "Verified Patient",
-          testimonial: "Simply wonderful. Professionalism at its peak.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-latin-man-portrait-outdoor_624325-3644.jpg",
-        },
       ]}
       title="Voices of Excellence"
       description="Hear how we've helped our patients achieve their dream smiles."
@@ -206,20 +125,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "loc",
+          id: "loc",          title: "Address",          content: "Kmar Medical Center, Ain Zaghouen Nord, La Marsa, Tunisia"},
-          title: "Address",
-          content: "Kmar Medical Center, Ain Zaghouen Nord, La Marsa, Tunisia",
-        },
         {
-          id: "hours",
+          id: "hours",          title: "Opening Hours",          content: "Mon-Fri: 9:00 AM - 7:00 PM | Sat: 9:00 AM - 2:00 PM"},
-          title: "Opening Hours",
-          content: "Mon-Fri: 9:00 AM - 7:00 PM | Sat: 9:00 AM - 2:00 PM",
-        },
         {
-          id: "phone",
+          id: "phone",          title: "Contact",          content: "+216 71 000 000"},
-          title: "Contact",
-          content: "+216 71 000 000",
-        },
       ]}
       sideTitle="Location & Hours"
       sideDescription="Visit us at Kmar Medical Center, Ain Zaghouen Nord, La Marsa."
@@ -231,8 +141,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Booking"
       title="Book Your Appointment"
       description="Experience dentistry at a higher standard. Fill in your details and we will contact you shortly."
@@ -245,42 +154,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Clinic",
+          title: "Clinic",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "Book Now",
+              label: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Call Us",
+              label: "Call Us",              href: "tel:+21671000000"},
-              href: "tel:+21671000000",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -290,4 +184,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}