Update src/app/page.tsx

Merge version_15 into main

src/app/page.tsx

@@ -1,261 +1,268 @@
 "use client";
 
+import React from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroSplit from "@/components/sections/hero/HeroSplit";
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from "@/components/sections/footer/FooterCard";
-import FooterBase from '@/components/sections/footer/FooterBase';
+import { Check, MapPin, Clock, Award } from "lucide-react";
-import { Shield, Zap, Heart, DollarSign } from 'lucide-react';
 
-const handleAppointmentClick = () => {
+const navItems = [
-  const contactSection = document.getElementById('contact');
+  { name: "Home", id: "/" },
-  if (contactSection) {
+  { name: "Services", id: "services" },
-    contactSection.scrollIntoView({ behavior: 'smooth' });
+  { name: "Why Choose Us", id: "why-choose" },
-  }
+  { name: "Testimonials", id: "testimonials" },
-};
+  { name: "Contact", id: "contact" },
+];
 
-export default function LandingPage() {
+const navButton = {
+  text: "Book Appointment",  href: "contact"};
+
+export default function Home() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
+      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
-      contentWidth="smallMedium"
+      contentWidth="medium"
-      sizing="mediumLargeSizeMediumTitles"
+      sizing="medium"
-      background="circleGradient"
+      background="none"
-      cardStyle="layered-gradient"
+      cardStyle="solid"
-      primaryButtonStyle="primary-glow"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="solid"
-      headingFontWeight="light"
+      headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
+      <NavbarStyleCentered navItems={navItems} button={navButton} />
-        <NavbarLayoutFloatingInline
-          brandName="EXPERT DENTAL CARE"
-          navItems={[
-            { name: "Services", id: "services" },
-            { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
-          ]}
-          button={{ text: "Book Appointment", onClick: handleAppointmentClick }}
-          animateOnLoad={true}
-        />
-      </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitKpi
+        <HeroSplit
-          title="Expert Care for Your Perfect Smile"
-          description="Welcome to EXPERT DENTAL CARE, where we provide comprehensive dental treatments to help you maintain healthy, beautiful teeth. Our experienced team uses advanced technology to ensure optimal care and comfort for every patient."
           background={{ variant: "plain" }}
-          kpis={[
+          title="Expert Dental Care for Your Smile"
-            { value: "20+", label: "Years Experience" },
+          description="Providing professional dental services with the latest technology and techniques. Transform your smile today."
-            { value: "5000+", label: "Happy Patients" },
+          tag="Premium Dental Care"
-            { value: "99%", label: "Satisfaction Rate" }
-          ]}
-          enableKpiAnimation={true}
-          buttons={[
-            { 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"
-          imageAlt="Patient with beautiful smile"
-          mediaAnimation="slide-up"
           imagePosition="right"
+          imageSrc="/api/placeholder/500/600"
+          imageAlt="Dental care professional"
+          mediaAnimation="none"
+          buttons={[
+            {
+              text: "Learn More",              href: "why-choose"},
+            {
+              text: "Book Now",              href: "contact"},
+          ]}
         />
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardNine
+        <FeatureCardNineteen
-          title="Our Dental Services"
-          description="Experience world-class dental care with our comprehensive range of treatments designed to meet all your oral health needs"
-          tag="Services"
-          textboxLayout="default"
           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?_wi=1", imageAlt: "Professional teeth cleaning service" },
+              tag: "Preventive",              title: "Teeth Cleaning",              subtitle: "Professional cleaning and maintenance",              description: "Regular professional cleanings help prevent cavities, gum disease, and other oral health issues. Our hygienists use advanced techniques to keep your teeth and gums healthy.",              imageSrc: "/api/placeholder/500/400?_wi=1",              imageAlt: "Teeth cleaning",              buttons: [
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918284947-ravmypqr.png?_wi=2", imageAlt: "Professional teeth cleaning service" }
+                {
+                  text: "Learn more",                  href: "#services"},
+              ],
             },
             {
               id: 2,
-              title: "Dental Implants",              description: "Dental implant procedure - Starting at $1,500",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772916731148-bq62oa9t.png", imageAlt: "Dental implant procedure" },
+              tag: "Restorative",              title: "Dental Implants",              subtitle: "Permanent tooth replacement solution",              description: "Dental implants are the gold standard for tooth replacement. They look and feel natural while providing a long-lasting solution that preserves your jawbone.",              imageSrc: "/api/placeholder/500/400?_wi=2",              imageAlt: "Dental implants",              buttons: [
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772916754407-rqt55yk8.jpg", imageAlt: "Dental implant procedure" }
+                {
+                  text: "Learn more",                  href: "#services"},
+              ],
             },
             {
               id: 3,
-              title: "Teeth Whitening",              description: "Professional teeth whitening - Starting at $199",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917470635-7x7xoeoe.png", imageAlt: "Professional teeth whitening" },
+              tag: "Cosmetic",              title: "Teeth Whitening",              subtitle: "Professional whitening treatments",              description: "Achieve a brighter, whiter smile with our professional whitening treatments. Safe, effective, and long-lasting results that will boost your confidence.",              imageSrc: "/api/placeholder/500/400?_wi=3",              imageAlt: "Teeth whitening",              buttons: [
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917533721-j9fojxt6.jpg", imageAlt: "Professional teeth whitening" }
+                {
+                  text: "Learn more",                  href: "#services"},
+              ],
             },
             {
               id: 4,
-              title: "Root Canal Treatment",              description: "Root canal treatment - Starting at $800",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917906248-gacjsri3.jpg", imageAlt: "Root canal treatment" },
+              tag: "Treatment",              title: "Root Canal Treatment",              subtitle: "Saving infected or damaged teeth",              description: "Root canal therapy is designed to eliminate bacteria from the infected root canal, prevent reinfection of the tooth, and save the natural tooth.",              imageSrc: "/api/placeholder/500/400?_wi=4",              imageAlt: "Root canal treatment",              buttons: [
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917921581-8s7eoz1a.jpg", imageAlt: "Root canal treatment" }
+                {
+                  text: "Learn more",                  href: "#services"},
+              ],
             },
-            {
-              id: 5,
-              title: "Braces / Orthodontics",              description: "Orthodontic braces treatment - Starting at $3,000",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918038084-xc9gz10f.jpg", imageAlt: "Orthodontic braces treatment" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918049445-ej7j9ung.jpg", imageAlt: "Orthodontic braces treatment" }
-            },
-            {
-              id: 6,
-              title: "Cosmetic Dentistry",              description: "Cosmetic dentistry services - Starting at $500",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918159223-nrb9uuet.jpg", imageAlt: "Cosmetic dentistry services" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918242335-26ikwom7.jpg", imageAlt: "Cosmetic dentistry services" }
-            }
           ]}
-          showStepNumbers={false}
+          title="Our Services"
-          animationType="slide-up"
+          description="Comprehensive dental care tailored to your needs"
+          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="why-choose" data-section="why-choose">
-        <InlineImageSplitTextAbout
+        <MetricCardSeven
-          heading={[
+          metrics={[
-            { type: "text", content: "Meet Our Lead Dentist with Over 20 Years of Excellence" }
+            {
+              id: "1",              value: "25+",              title: "Years of Experience",              items: [
+                "Expert dental professionals",                "Proven track record",                "Trusted by thousands"],
+            },
+            {
+              id: "2",              value: "10,000+",              title: "Happy Patients",              items: [
+                "5-star reviews",                "High satisfaction rates",                "Long-term relationships"],
+            },
+            {
+              id: "3",              value: "100%",              title: "Advanced Technology",              items: [
+                "Latest equipment",                "Digital imaging",                "Painless procedures"],
+            },
+            {
+              id: "4",              value: "7/24",              title: "Patient Support",              items: [
+                "Emergency services",                "Online consultations",                "Flexible scheduling"],
+            },
           ]}
-          buttons={[
+          title="Why Choose EXPERT DENTAL CARE"
-            { text: "Learn More About Our Team", href: "#testimonials" }
+          description="We're committed to providing exceptional dental services with a focus on patient comfort and satisfaction."
-          ]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="features" data-section="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="testimonials" data-section="testimonials">
-        <TestimonialCardSix
-          title="What Our Patients Say"
-          description="Read real testimonials from satisfied patients who have experienced our excellent dental care"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
           testimonials={[
             {
-              id: "1",              name: "Sarah Johnson",              handle: "Patient since 2019",              testimonial: "Dr. Smith and his team are absolutely fantastic! They made my teeth whitening experience pain-free and the results exceeded my expectations. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg",              imageAlt: "Sarah Johnson"
+              id: "1",              name: "Sarah Johnson",              role: "Business Owner",              company: "Tech Solutions Inc",              rating: 5,
-            },
+              imageSrc: "/api/placeholder/400/400?_wi=1",              imageAlt: "Sarah Johnson"},
             {
-              id: "2",              name: "Michael Chen",              handle: "Patient since 2020",              testimonial: "I had my dental implant done here and couldn't be happier. The entire process was professional and the staff was incredibly caring throughout.",              imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-male-dentist-process-curing-teeth_651396-1697.jpg",              imageAlt: "Michael Chen"
+              id: "2",              name: "Michael Chen",              role: "Marketing Director",              company: "Creative Agency",              rating: 5,
-            },
+              imageSrc: "/api/placeholder/400/400?_wi=2",              imageAlt: "Michael Chen"},
             {
-              id: "3",              name: "Emily Rodriguez",              handle: "Patient since 2018",              testimonial: "The best dental clinic I've ever been to! They use advanced equipment and really take time to explain everything. My family goes here too!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-girlfriend-giggle-reading-notebook-holding-planner-smiling-camera_1258-201148.jpg",              imageAlt: "Emily Rodriguez"
+              id: "3",              name: "Emily Rodriguez",              role: "Consultant",              company: "Global Partners",              rating: 5,
-            },
+              imageSrc: "/api/placeholder/400/400?_wi=3",              imageAlt: "Emily Rodriguez"},
-            {
-              id: "4",              name: "David Kim",              handle: "Patient since 2021",              testimonial: "Had root canal treatment here and was nervous, but the team made me feel comfortable. Pain-free procedure and excellent aftercare instructions.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207197.jpg",              imageAlt: "David Kim"
-            },
-            {
-              id: "5",              name: "Jessica Thompson",              handle: "Patient since 2017",              testimonial: "My orthodontic journey with EXPERT DENTAL CARE was amazing. Professional team, beautiful smile results. Worth every penny!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-medical-reports_107420-73971.jpg",              imageAlt: "Jessica Thompson"
-            },
-            {
-              id: "6",              name: "Robert Martinez",              handle: "Patient since 2019",              testimonial: "Regular patient for years now. Consistent quality, friendly staff, and fair prices. This is my go-to dental clinic for all my family's needs.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gay-pride-lgbt-festival_53876-71008.jpg",              imageAlt: "Robert Martinez"
-            }
           ]}
-          speed={40}
+          kpiItems={[
+            { value: "98%", label: "Patient Satisfaction" },
+            { value: "500+", label: "Successful Treatments" },
+            { value: "15+", label: "Industry Awards" },
+          ]}
+          animationType="slide-up"
+          title="What Our Patients Say"
+          description="Read testimonials from our satisfied patients who have experienced our exceptional care."
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardNine
+          plans={[
+            {
+              id: "basic",              title: "Basic Care",              price: "$99",              period: "/visit",              imageSrc: "/api/placeholder/500/400?_wi=5",              imageAlt: "Basic care plan",              button: { text: "Choose Plan", href: "contact" },
+              features: [
+                "Regular cleaning",                "X-ray examination",                "Fluoride treatment",                "Personalized advice"],
+            },
+            {
+              id: "standard",              title: "Standard Care",              price: "$199",              period: "/visit",              imageSrc: "/api/placeholder/500/400?_wi=6",              imageAlt: "Standard care plan",              button: { text: "Choose Plan", href: "contact" },
+              features: [
+                "Everything in Basic",                "Cavity filling",                "Root canal therapy",                "Priority scheduling"],
+            },
+            {
+              id: "premium",              title: "Premium Care",              price: "$399",              period: "/visit",              imageSrc: "/api/placeholder/500/400?_wi=7",              imageAlt: "Premium care plan",              button: { text: "Choose Plan", href: "contact" },
+              features: [
+                "Everything in Standard",                "Dental implants",                "Cosmetic treatments",                "VIP support"],
+            },
+          ]}
+          animationType="slide-up"
+          title="Our Pricing Plans"
+          description="Affordable dental care options for every budget."
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqBase
+          faqs={[
+            {
+              id: "1",              title: "How often should I visit the dentist?",              content:
+                "We recommend visiting your dentist every 6 months for regular cleanings and check-ups. However, if you have specific concerns or gum disease, more frequent visits may be necessary."},
+            {
+              id: "2",              title: "Are dental implants painful?",              content:
+                "The implant procedure is performed under anesthesia, so you won't feel pain during the surgery. You may experience some mild discomfort after the procedure, which can be managed with pain medication."},
+            {
+              id: "3",              title: "How long does teeth whitening last?",              content:
+                "Professional teeth whitening results typically last between 6-12 months, depending on your habits. We recommend touch-ups annually to maintain your bright smile."},
+            {
+              id: "4",              title: "What can I do to prevent cavities?",              content:
+                "Brush your teeth twice daily with fluoride toothpaste, floss daily, limit sugary foods and drinks, and visit your dentist regularly for cleanings and check-ups."},
+            {
+              id: "5",              title: "Do you offer emergency dental services?",              content:
+                "Yes, we offer emergency dental services for urgent situations. Please call our office immediately if you're experiencing severe dental pain or trauma."},
+          ]}
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our dental services."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
+        <section className="py-20">
-          tag="Get In Touch"
+          <div className="w-[var(--width-content-width)] mx-auto px-[var(--vw-1_5)]">
-          title="Book Your Appointment Today"
+            <div className="text-center mb-12">
-          description="Schedule your next dental visit with us. Our friendly team is ready to help you achieve your perfect smile."
+              <h2 className="text-4xl md:text-5xl font-bold mb-4">
-          background={{ variant: "plain" }}
+                Contact Us
-          useInvertedBackground={false}
+              </h2>
-          imageSrc="http://img.b2bpic.net/free-photo/happy-man-welcoming-lady-sitting-sofa-holding-digital-tablet_23-2147879153.jpg?_wi=2"
+              <p className="text-lg text-foreground/75 max-w-2xl mx-auto">
-          imageAlt="Modern dental clinic"
+                Get in touch with our team to schedule an appointment or ask any
-          mediaAnimation="slide-up"
+                questions.
-          mediaPosition="right"
+              </p>
-          inputPlaceholder="Enter your email address"
+            </div>
-          buttonText="Schedule Now"
+
-          termsText="We respect your privacy. Unsubscribe at any time. By scheduling an appointment, you agree to our terms of service."
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mt-12">
-        />
+              <div className="text-center">
+                <div className="flex justify-center mb-4">
+                  <MapPin className="w-8 h-8 text-primary-cta" />
+                </div>
+                <h3 className="font-semibold text-lg mb-2">Address</h3>
+                <p className="text-foreground/75">
+                  123 Dental Street
+                  <br />
+                  New York, NY 10001
+                </p>
+              </div>
+
+              <div className="text-center">
+                <div className="flex justify-center mb-4">
+                  <Clock className="w-8 h-8 text-primary-cta" />
+                </div>
+                <h3 className="font-semibold text-lg mb-2">Hours</h3>
+                <p className="text-foreground/75">
+                  Mon-Fri: 9:00 AM - 6:00 PM
+                  <br />
+                  Sat: 10:00 AM - 4:00 PM
+                </p>
+              </div>
+
+              <div className="text-center">
+                <div className="flex justify-center mb-4">
+                  <Award className="w-8 h-8 text-primary-cta" />
+                </div>
+                <h3 className="font-semibold text-lg mb-2">Phone</h3>
+                <p className="text-foreground/75">
+                  (555) 123-4567
+                  <br />
+                  (555) 987-6543
+                </p>
+              </div>
+            </div>
+          </div>
+        </section>
       </div>
 
-      <div id="footer" data-section="footer">
+      <FooterCard
-        <FooterBase
+        logoText="EXPERT DENTAL CARE"
-          logoText="EXPERT DENTAL CARE"
+        copyrightText="© 2025 EXPERT DENTAL CARE. All rights reserved."
-          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."
-        />
-      </div>
     </ThemeProvider>
   );
-}
+}