Update src/app/page.tsx

Merge version_10 into main

src/app/page.tsx

@@ -5,10 +5,14 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import { Shield, Zap, Heart, DollarSign } from 'lucide-react';
 
 const handleAppointmentClick = () => {
   const contactSection = document.getElementById('contact');
@@ -60,7 +64,7 @@ export default function LandingPage() {
             { text: "Book Appointment", onClick: handleAppointmentClick },
             { text: "Call Now", href: "tel:+1-555-123-4567" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png?_wi=1"
           imageAlt="Patient with beautiful smile"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -76,8 +80,8 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "Teeth Cleaning",              description: "Professional teeth cleaning service - Starting at $99",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918284947-ravmypqr.png", imageAlt: "Professional teeth cleaning service" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918284947-ravmypqr.png", imageAlt: "Professional teeth cleaning service" }
+              title: "Teeth Cleaning",              description: "Professional teeth cleaning service - Starting at $99",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918284947-ravmypqr.png?_wi=1", imageAlt: "Professional teeth cleaning service" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772922588141-lzr3asp0.png", imageAlt: "Professional teeth cleaning service" }
             },
             {
               id: 2,
@@ -111,6 +115,25 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardEleven
+          title="Our Impact"
+          description="See the results we've delivered for our patients"
+          tag="Results"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          metrics={[
+            {
+              id: "1",              value: "20+",              title: "Years in Practice",              description: "Decades of trusted dental care",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png?_wi=2",              imageAlt: "Years of experience"
+            },
+            {
+              id: "2",              value: "5000+",              title: "Happy Patients",              description: "Satisfied smiles every year",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png?_wi=3",              imageAlt: "Happy patients"
+            }
+          ]}
+        />
+      </div>
+
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           heading={[
@@ -125,27 +148,87 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTwentyTwo
-          title="Why Choose EXPERT DENTAL CARE?"
-          description="We are committed to providing exceptional dental care with a focus on patient comfort and satisfaction"
-          tag="Our Advantages"
-          features={[
+        <div>
+          <FeatureBorderGlow
+            title="Why Choose EXPERT DENTAL CARE?"
+            description="We are committed to providing exceptional dental care with a focus on patient comfort and satisfaction"
+            tag="Our Advantages"
+            features={[
+              {
+                title: "Experienced Dentists",                description: "Our team consists of highly trained dental professionals with extensive experience in all aspects of modern dentistry",                icon: Shield
+              },
+              {
+                title: "Advanced Dental Equipment",                description: "We invest in cutting-edge dental technology to ensure accurate diagnoses and effective treatments",                icon: Zap
+              },
+              {
+                title: "Pain-Free Treatment",                description: "Patient comfort is our priority. We use modern anesthesia techniques and gentle methods for painless dental care",                icon: Heart
+              },
+              {
+                title: "Affordable Prices",                description: "We offer competitive pricing without compromising on quality of care and service",                icon: DollarSign
+              }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div>
+          <FeatureCardNineteen
+            title="Our Core Strengths"
+            description="The qualities that set us apart"
+            tag="Excellence"
+            features={[
+              {
+                id: 1,
+                title: "Patient-Centered Care",                description: "Your comfort and satisfaction are our top priorities in every procedure",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772920945060-uuv27r5h.png?_wi=1",                imageAlt: "Patient care",                tag: "Care",                subtitle: "Priority"
+              },
+              {
+                id: 2,
+                title: "Proven Results",                description: "Years of successful treatments and happy patients speak to our expertise",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772920945060-uuv27r5h.png?_wi=2",                imageAlt: "Results",                tag: "Results",                subtitle: "Success"
+              },
+              {
+                id: 3,
+                title: "Cutting-Edge Technology",                description: "We use the latest dental innovations for better outcomes",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772920945060-uuv27r5h.png?_wi=3",                imageAlt: "Technology",                tag: "Innovation",                subtitle: "Modern"
+              },
+              {
+                id: 4,
+                title: "Personalized Approach",                description: "Every patient gets a customized treatment plan tailored to their needs",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772920945060-uuv27r5h.png?_wi=4",                imageAlt: "Personalized care",                tag: "Custom",                subtitle: "Tailored"
+              }
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqDouble
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our dental services and procedures"
+          tag="FAQ"
+          textboxLayout="default"
+          faqsAnimation="slide-up"
+          useInvertedBackground={false}
+          faqs={[
             {
-              title: "Experienced Dentists",              description: "Our team consists of highly trained dental professionals with extensive experience in all aspects of modern dentistry"
+              id: "1",              title: "How often should I visit the dentist?",              content: "We recommend visiting your dentist at least twice a year for routine check-ups and cleanings. However, if you have specific dental concerns or gum disease, more frequent visits may be necessary. Our team will create a personalized care plan based on your individual needs."
             },
             {
-              title: "Advanced Dental Equipment",              description: "We invest in cutting-edge dental technology to ensure accurate diagnoses and effective treatments"
+              id: "2",              title: "Is teeth whitening safe?",              content: "Yes, professional teeth whitening is safe when performed by our trained dental professionals. We use proven whitening techniques and monitor the process carefully to ensure your teeth and gums are protected. Results typically last 6-12 months depending on your habits."
             },
             {
-              title: "Pain-Free Treatment",              description: "Patient comfort is our priority. We use modern anesthesia techniques and gentle methods for painless dental care"
+              id: "3",              title: "What are the signs I need a root canal?",              content: "Common signs include severe tooth pain, sensitivity to hot or cold temperatures, discoloration of the tooth, or swelling and tenderness in nearby gums. If you experience any of these symptoms, contact us for an examination. Early detection can often prevent the need for more extensive treatment."
             },
             {
-              title: "Affordable Prices",              description: "We offer competitive pricing without compromising on quality of care and service"
+              id: "4",              title: "How long does a dental implant last?",              content: "With proper care and maintenance, dental implants can last a lifetime. They are made of titanium, which fuses with your jawbone, creating a permanent replacement for missing teeth. Good oral hygiene and regular dental visits are essential for long-term success."
+            },
+            {
+              id: "5",              title: "Are you accepting new patients?",              content: "Yes, we are always welcoming new patients! We believe in providing comprehensive care to our community. To schedule your first appointment, simply call us or use our online booking system. We look forward to helping you achieve your best smile."
+            },
+            {
+              id: "6",              title: "What payment options do you accept?",              content: "We accept all major credit cards, debit cards, and cash. We also offer payment plans to make dental care more accessible. Our team can discuss financing options during your consultation to find a solution that works best for you."
             }
           ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
         />
       </div>
 
@@ -192,41 +275,16 @@ export default function LandingPage() {
           mediaAnimation="slide-up"
           mediaPosition="right"
           inputPlaceholder="Enter your email address"
-          buttonText="Schedule Now"
+          buttonText="Check Open Times"
           termsText="We respect your privacy. Unsubscribe at any time. By scheduling an appointment, you agree to our terms of service."
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterLogoReveal
           logoText="EXPERT DENTAL CARE"
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "Teeth Cleaning", href: "#services" },
-                { label: "Dental Implants", href: "#services" },
-                { label: "Teeth Whitening", href: "#services" },
-                { label: "Root Canal", href: "#services" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "#about" },
-                { label: "Testimonials", href: "#testimonials" },
-                { label: "Contact", href: "#contact" },
-                { label: "Book Appointment", href: "#contact" }
-              ]
-            },
-            {
-              title: "Contact",              items: [
-                { label: "Phone: +1-555-123-4567", href: "tel:+1-555-123-4567" },
-                { label: "Email: info@expertdentalcare.com", href: "mailto:info@expertdentalcare.com" },
-                { label: "Monday-Friday: 9AM-6PM", href: "#" },
-                { label: "Saturday: 10AM-4PM", href: "#" }
-              ]
-            }
-          ]}
-          copyrightText="© 2026 EXPERT DENTAL CARE. All rights reserved."
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
         />
       </div>
     </ThemeProvider>