Update src/app/page.tsx

Merge version_12 into main

src/app/page.tsx

@@ -3,17 +3,25 @@
 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';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
 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"
         />
@@ -202,38 +230,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="feature-bento" data-section="feature-bento">
-        <ProductCardThree
-          title="Feature Bento Block"
-          description="Discover our premium dental packages and service bundles designed for your convenience."
-          tag="Packages"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          gridVariant="bento-grid"
-          carouselMode="buttons"
-          products={[
-            {
-              id: "1",              name: "Complete Smile Makeover",              price: "₹25,000",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-looking-through-microscope_23-2147906021.jpg?_wi=1",              imageAlt: "Smile makeover package",              initialQuantity: 1,
-              onProductClick: () => console.log("Complete Smile Makeover clicked")
-            },
-            {
-              id: "2",              name: "Family Dental Care",              price: "₹15,000",              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985788.jpg?_wi=1",              imageAlt: "Family dental care",              initialQuantity: 1,
-              onProductClick: () => console.log("Family Dental Care clicked")
-            },
-            {
-              id: "3",              name: "Whitening & Cleaning",              price: "₹5,000",              imageSrc: "http://img.b2bpic.net/free-photo/background-beauty-care-chair-canal_1303-1837.jpg?_wi=1",              imageAlt: "Whitening and cleaning",              initialQuantity: 1,
-              onProductClick: () => console.log("Whitening & Cleaning clicked")
-            },
-            {
-              id: "4",              name: "Implant Excellence",              price: "₹35,000",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65382.jpg?_wi=1",              imageAlt: "Dental implant package",              initialQuantity: 1,
-              onProductClick: () => console.log("Implant Excellence clicked")
-            }
-          ]}
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
           title="What Our Patients Say"
@@ -268,6 +264,42 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="faq" data-section="faq">
+        <FaqSplitMedia
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our dental services and treatments."
+          tag="Help & Support"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
+          mediaPosition="left"
+          imageSrc="http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65382.jpg?_wi=1"
+          imageAlt="FAQ support"
+          mediaAnimation="slide-up"
+          faqs={[
+            {
+              id: "1",              title: "What qualifications does Dr. Padmasri have?",              content: "Dr. Padmasri is an MDS (Master of Dental Surgery) specialist in endodontics with over 10 years of clinical experience in general, restorative, cosmetic, and advanced dental procedures."
+            },
+            {
+              id: "2",              title: "What is the consultation fee?",              content: "Our consultation fee is ₹250. During the consultation, Dr. Padmasri will examine your teeth, discuss your concerns, and recommend a personalized treatment plan."
+            },
+            {
+              id: "3",              title: "What are your clinic hours?",              content: "We are open Monday to Sunday from 10 AM to 9 PM, ensuring convenient access to dental care even on weekends."
+            },
+            {
+              id: "4",              title: "Do you offer root canal treatment?",              content: "Yes, we specialize in root canal treatment (RCT). As an endodontist, Dr. Padmasri has advanced expertise in treating complex endodontic cases with precision and care."
+            },
+            {
+              id: "5",              title: "How do you ensure clinic hygiene?",              content: "We maintain the highest hygiene standards with strict sterilization protocols, use of disposable instruments, and regular clinic sanitization to ensure patient safety."
+            },
+            {
+              id: "6",              title: "Can I book an appointment online?",              content: "Yes, you can book your appointment through our booking system. We also accept walk-ins during clinic hours at Sri Surya Complex, Ground Floor 101, Gajuwaka, Visakhapatnam."
+            }
+          ]}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactSplit
           tag="Get In Touch"
@@ -287,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."
-          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>
   );
-}
+}