Update src/app/page.tsx

Merge version_12 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"],
+              title: "Dental Fillings & Extraction",              description: "Professional general dentistry services",              icon: Zap,
-              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985788.jpg?_wi=1",              imageAlt: "Dental fillings treatment"
+              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"],
+              title: "Scaling & Polishing",              description: "Professional cleaning and preventive care",              icon: Heart,
-              imageSrc: "http://img.b2bpic.net/free-photo/background-beauty-care-chair-canal_1303-1837.jpg?_wi=1",              imageAlt: "Teeth cleaning and polishing"
+              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"],
+              title: "Root Canal Treatment (RCT)",              description: "Advanced endodontic specialist services",              icon: Shield,
-              imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65382.jpg?_wi=1",              imageAlt: "Root canal treatment"
+              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"],
+              title: "Ceramic Crowns & Bridges",              description: "Premium restoration and cosmetic solutions",              icon: Award,
-              imageSrc: "http://img.b2bpic.net/free-photo/patient-pointing-teeth-with-dentist_23-2148380326.jpg?_wi=1",              imageAlt: "Ceramic crown restoration"
+              mediaItems: [
-            },
+                {
-            {
+                  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"
+                {
-            },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdfEv3LMPocLC1ILV5yRR55qgJ/uploaded-1772967571338-v5aoe4qr.png?_wi=4",                  imageAlt: "Crown showcase"
-            {
+                }
-              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"
             }
           ]}
         />
@@ -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"
         />
@@ -291,37 +319,14 @@ 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."
+          leftLink={{ text: "Privacy Policy", href: "#" }}
-          columns={[
+          rightLink={{ text: "Terms of Service", href: "#" }}
-            {
+          className="py-12 md:py-16"
-              title: "Services",              items: [
+          wrapperClassName="py-12 md:py-16"
-                { 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" }
-              ]
-            }
-          ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}