Update src/app/page.tsx

Merge version_13 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
@@ -11,9 +11,17 @@ import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Zap, Heart, Shield, Award } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleBookAppointment = () => {
+    const contactSection = document.getElementById('contact');
+    if (contactSection) {
+      contactSection.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -36,7 +44,7 @@ export default function LandingPage() {
             { name: "Features", id: "features" },
             { name: "Testimonials", id: "testimonials" }
           ]}
-          button={{ text: "Book Appointment", href: "#contact" }}
+          button={{ text: "Book Appointment", onClick: handleBookAppointment }}
           animateOnLoad={true}
         />
       </div>
@@ -55,7 +63,7 @@ export default function LandingPage() {
           tag="Expert Dental Care"
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book Appointment", href: "#contact" },
+            { text: "Book Appointment", onClick: handleBookAppointment },
             { text: "Learn More", href: "#features" }
           ]}
           buttonAnimation="slide-up"
@@ -67,7 +75,7 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardTwentyThree
+        <FeatureCardTwentyFive
           title="Our Dental Services"
           description="Comprehensive dental treatments designed to meet all your oral health needs, from routine care to advanced procedures."
           tag="Services"
@@ -77,28 +85,48 @@ export default function LandingPage() {
           animationType="slide-up"
           features={[
             {
-              id: "1",              title: "Dental Fillings & Extraction",              tags: ["General", "Affordable"],
-              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985788.jpg?_wi=1",              imageAlt: "Dental fillings treatment"
+              title: "Dental Fillings & Extraction",              description: "Professional general dentistry services",              icon: Zap,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985788.jpg?_wi=1",                  imageAlt: "Dental fillings treatment"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=1",                  imageAlt: "Dental procedure"
+                }
+              ]
             },
             {
-              id: "2",              title: "Scaling & Polishing",              tags: ["Cleaning", "Preventive"],
-              imageSrc: "http://img.b2bpic.net/free-photo/background-beauty-care-chair-canal_1303-1837.jpg?_wi=1",              imageAlt: "Teeth cleaning and polishing"
+              title: "Scaling & Polishing",              description: "Professional cleaning and preventive care",              icon: Heart,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/background-beauty-care-chair-canal_1303-1837.jpg?_wi=1",                  imageAlt: "Teeth cleaning and polishing"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=2",                  imageAlt: "Polishing procedure"
+                }
+              ]
             },
             {
-              id: "3",              title: "Root Canal Treatment (RCT)",              tags: ["Advanced", "Endodontics"],
-              imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65382.jpg?_wi=1",              imageAlt: "Root canal treatment"
+              title: "Root Canal Treatment (RCT)",              description: "Advanced endodontic specialist services",              icon: Shield,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65382.jpg?_wi=1",                  imageAlt: "Root canal treatment"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=3",                  imageAlt: "Treatment showcase"
+                }
+              ]
             },
             {
-              id: "4",              title: "Ceramic Crowns & Bridges",              tags: ["Restoration", "Premium"],
-              imageSrc: "http://img.b2bpic.net/free-photo/patient-pointing-teeth-with-dentist_23-2148380326.jpg?_wi=1",              imageAlt: "Ceramic crown restoration"
-            },
-            {
-              id: "5",              title: "Dental Implant Fixing",              tags: ["Advanced", "Implants"],
-              imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206251.jpg?_wi=1",              imageAlt: "Dental implant procedure"
-            },
-            {
-              id: "6",              title: "Ceramic Veneers",              tags: ["Cosmetic", "Enhancement"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772964710494-hdlmhmg0.png",              imageAlt: "Ceramic veneers cosmetic treatment"
+              title: "Ceramic Crowns & Bridges",              description: "Premium restoration and cosmetic solutions",              icon: Award,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/patient-pointing-teeth-with-dentist_23-2148380326.jpg?_wi=1",                  imageAlt: "Ceramic crown restoration"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=4",                  imageAlt: "Crown showcase"
+                }
+              ]
             }
           ]}
         />
@@ -113,7 +141,7 @@ export default function LandingPage() {
           ]}
           useInvertedBackground={false}
           buttons={[
-            { text: "Book with Dr. Padmasri", href: "#contact" }
+            { text: "Book with Dr. Padmasri", onClick: handleBookAppointment }
           ]}
           buttonAnimation="slide-up"
         />
@@ -272,6 +300,24 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact-center" data-section="contact-center">
+        <ContactSplit
+          tag="Contact Center"
+          title="Get In Touch with Our Team"
+          description="Have questions or need assistance? Our dedicated contact center is here to help you with any inquiries about our dental services, appointments, or treatments."
+          tagAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/corridor-waiting-room-health-facility-equipped-with-patient-seats-office-furniture-ready-examination-hospital-with-no-professional-health-workers-patients-scheduling-consultations_482257-64392.jpg?_wi=1"
+          imageAlt="Expert Dental Care Contact Center"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email for support"
+          buttonText="Submit"
+          termsText="We respect your privacy. Your inquiries will be handled confidentially and our team will respond within 24 hours."
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactSplit
           tag="Get In Touch"
@@ -291,35 +337,12 @@ export default function LandingPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterLogoReveal
           logoText="Expert Dental Care"
-          copyrightText="© 2025 Expert Dental Care. All rights reserved."
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "General Dentistry", href: "#services" },
-                { label: "Root Canal Treatment", href: "#services" },
-                { label: "Dental Implants", href: "#services" },
-                { label: "Cosmetic Dentistry", href: "#services" }
-              ]
-            },
-            {
-              title: "About",              items: [
-                { label: "Dr. Padmasri Yadla", href: "#about" },
-                { label: "Patient Testimonials", href: "#testimonials" },
-                { label: "Our Features", href: "#features" },
-                { label: "Contact Us", href: "#contact" }
-              ]
-            },
-            {
-              title: "Contact",              items: [
-                { label: "Gajuwaka, Visakhapatnam", href: "#" },
-                { label: "Monday-Sunday: 10 AM – 9 PM", href: "#" },
-                { label: "Consultation: ₹250", href: "#" },
-                { label: "Book Appointment", href: "#contact" }
-              ]
-            }
-          ]}
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+          className="py-12 md:py-16"
+          wrapperClassName="py-12 md:py-16"
         />
       </div>
     </ThemeProvider>