Merge version_2 into main

Update src/app/page.tsx
2026-04-04 13:35:38 +00:00 · 2026-04-04 13:35:35 +00:00 · 2026-04-04 13:34:55 +00:00 · 2026-04-04 13:26:48 +00:00
1 changed files with 36 additions and 142 deletions
--- a/src/app/page.tsx
+++ b/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",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
        {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
        {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Reviews",          id: "testimonials"},
        {
-          name: "Location",
-          id: "location",
-        },
+          name: "Location",          id: "location"},
      ]}
      brandName="NBS Dental"
    />
  </div>

  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
+      <HeroOverlay
      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",
-          href: "#contact",
-        },
+          text: "Book Appointment",          href: "#contact"},
        {
-          text: "Call Now",
-          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",
-        },
+          text: "Call Now",          href: "tel:+21671000000"},
      ]}
+      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",
-          description: "Years of experience in cosmetic and restorative dentistry.",
-        },
+          title: "Expertise",          description: "Years of experience in cosmetic and restorative dentistry."},
        {
-          title: "Technology",
-          description: "State-of-the-art diagnostic and treatment tools.",
-        },
+          title: "Technology",          description: "State-of-the-art diagnostic and treatment tools."},
        {
-          title: "Care",
-          description: "Compassionate, personalized approach to every patient.",
-        },
+          title: "Care",          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",
-          "Emergency Dentistry",
-          "Routine Checkups",
-          "Pediatric Care",
-          "Preventative Cleaning",
-        ],
+          "General Care",          "Emergency Dentistry",          "Routine Checkups",          "Pediatric Care",          "Preventative Cleaning"],
      }}
      positiveCard={{
        items: [
-          "Teeth Whitening",
-          "Dental Implants",
-          "Cosmetic Dentistry",
-          "Orthodontics",
-          "Porcelain Veneers",
-        ],
+          "Teeth Whitening",          "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",
-          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: "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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
      ]}
      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",
-          title: "Address",
-          content: "Kmar Medical Center, Ain Zaghouen Nord, La Marsa, Tunisia",
-        },
+          id: "loc",          title: "Address",          content: "Kmar Medical Center, Ain Zaghouen Nord, La Marsa, Tunisia"},
        {
-          id: "hours",
-          title: "Opening Hours",
-          content: "Mon-Fri: 9:00 AM - 7:00 PM | Sat: 9:00 AM - 2:00 PM",
-        },
+          id: "hours",          title: "Opening Hours",          content: "Mon-Fri: 9:00 AM - 7:00 PM | Sat: 9:00 AM - 2:00 PM"},
        {
-          id: "phone",
-          title: "Contact",
-          content: "+216 71 000 000",
-        },
+          id: "phone",          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",
-          items: [
+          title: "Clinic",          items: [
            {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
            {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
          ],
        },
        {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
            {
-              label: "Book Now",
-              href: "#contact",
-            },
+              label: "Book Now",              href: "#contact"},
            {
-              label: "Call Us",
-              href: "tel:+21671000000",
-            },
+              label: "Call Us",              href: "tel:+21671000000"},
          ],
        },
        {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
            {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
          ],
        },
      ]}
@@ -290,4 +184,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	78d928ffaf	Merge version_2 into main Merge version_2 into main	2026-04-04 13:35:38 +00:00
bender	3329e28d60	Update src/app/page.tsx	2026-04-04 13:35:35 +00:00
bender	6648ec1e0c	Merge version_1 into main Merge version_1 into main	2026-04-04 13:34:55 +00:00
bender	8bff3c50f4	Merge version_1 into main Merge version_1 into main	2026-04-04 13:26:48 +00:00