Update src/app/page.tsx

Merge version_17 into main

src/app/page.tsx

@@ -1,27 +1,16 @@
 "use client";
 
-import React from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
-import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
-import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
-import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Check, MapPin, Clock, Award } from "lucide-react";
-
-const navItems = [
-  { name: "Home", id: "/" },
-  { name: "Services", id: "services" },
-  { name: "Why Choose Us", id: "why-choose" },
-  { name: "Testimonials", id: "testimonials" },
-  { name: "Contact", id: "contact" },
-];
-
-const navButton = {
-  text: "Book Appointment",  href: "contact"};
+import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import TextAbout from "@/components/sections/about/TextAbout";
+import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles, CheckCircle, Quote, Twitter, Linkedin } from "lucide-react";
 
 export default function Home() {
   return (
@@ -31,238 +20,236 @@ export default function Home() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="none"
+      background="circleGradient"
       cardStyle="solid"
       primaryButtonStyle="gradient"
-      secondaryButtonStyle="solid"
+      secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleCentered navItems={navItems} button={navButton} />
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{ text: "Book Now", href: "contact" }}
+          brandName="Expert Dental"
+        />
+      </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
-          background={{ variant: "plain" }}
-          title="Expert Dental Care for Your Smile"
-          description="Providing professional dental services with the latest technology and techniques. Transform your smile today."
-          tag="Premium Dental Care"
-          imagePosition="right"
-          imageSrc="/api/placeholder/500/600"
-          imageAlt="Dental care professional"
-          mediaAnimation="none"
-          buttons={[
+        <HeroSplitDoubleCarousel
+          background={{ variant: "glowing-orb" }}
+          tag="Professional Care"
+          tagIcon={Sparkles}
+          title="Transform Your Smile"
+          description="Comprehensive dental care solutions with expert professionals and state-of-the-art technology"
+          leftCarouselItems={[
             {
-              text: "Learn More",              href: "why-choose"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=1",              imageAlt: "Dental treatment 1"},
             {
-              text: "Book Now",              href: "contact"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=2",              imageAlt: "Dental treatment 2"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=3",              imageAlt: "Dental treatment 3"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=4",              imageAlt: "Dental treatment 4"},
+          ]}
+          rightCarouselItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=5",              imageAlt: "Dental service 1"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=6",              imageAlt: "Dental service 2"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=7",              imageAlt: "Dental service 3"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=8",              imageAlt: "Dental service 4"},
           ]}
         />
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardNineteen
-          features={[
-            {
-              id: 1,
-              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: [
-                {
-                  text: "Learn more",                  href: "#services"},
-              ],
-            },
-            {
-              id: 2,
-              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: [
-                {
-                  text: "Learn more",                  href: "#services"},
-              ],
-            },
-            {
-              id: 3,
-              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: [
-                {
-                  text: "Learn more",                  href: "#services"},
-              ],
-            },
-            {
-              id: 4,
-              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: [
-                {
-                  text: "Learn more",                  href: "#services"},
-              ],
-            },
-          ]}
-          title="Our Services"
-          description="Comprehensive dental care tailored to your needs"
+        <FeatureCardSixteen
+          negativeCard={{
+            items: [
+              "Time-consuming manual processes",              "Limited access to specialists",              "Higher costs",              "Poor communication"],
+          }}
+          positiveCard={{
+            items: [
+              "Streamlined digital workflows",              "Access to expert dentists",              "Transparent pricing",              "Clear treatment plans"],
+          }}
+          animationType="slide-up"
+          title="Why Choose Our Dental Services"
+          description="Experience the difference with modern dental care solutions"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="why-choose" data-section="why-choose">
-        <MetricCardSeven
-          metrics={[
-            {
-              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"],
-            },
-          ]}
-          title="Why Choose EXPERT DENTAL CARE"
-          description="We're committed to providing exceptional dental services with a focus on patient comfort and satisfaction."
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen
-          testimonials={[
-            {
-              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",              role: "Marketing Director",              company: "Creative Agency",              rating: 5,
-              imageSrc: "/api/placeholder/400/400?_wi=2",              imageAlt: "Michael Chen"},
-            {
-              id: "3",              name: "Emily Rodriguez",              role: "Consultant",              company: "Global Partners",              rating: 5,
-              imageSrc: "/api/placeholder/400/400?_wi=3",              imageAlt: "Emily Rodriguez"},
-          ]}
-          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"
+      <div id="about" data-section="about">
+        <TextAbout
+          tag="About Us"
+          title="Dedicated to Your Oral Health and Beautiful Smile"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardNine
+        <PricingCardEight
           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" },
+              id: "1",              badge: "Starter",              price: "$99",              subtitle: "Essential dental care",              buttons: [{ text: "Get Started", href: "contact" }],
               features: [
-                "Regular cleaning",                "X-ray examination",                "Fluoride treatment",                "Personalized advice"],
+                "Regular check-ups",                "Teeth cleaning",                "Basic X-rays",                "Emergency care"],
             },
             {
-              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" },
+              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
+              price: "$199",              subtitle: "Comprehensive care",              buttons: [{ text: "Get Started", href: "contact" }],
               features: [
-                "Everything in Basic",                "Cavity filling",                "Root canal therapy",                "Priority scheduling"],
+                "Everything in Starter",                "Teeth whitening",                "Cavity fillings",                "Root canal treatment",                "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" },
+              id: "3",              badge: "Premium",              price: "$299",              subtitle: "Complete smile makeover",              buttons: [{ text: "Get Started", href: "contact" }],
               features: [
-                "Everything in Standard",                "Dental implants",                "Cosmetic treatments",                "VIP support"],
+                "Everything in Comprehensive",                "Cosmetic dentistry",                "Dental implants",                "Braces & aligners",                "24/7 support"],
             },
           ]}
           animationType="slide-up"
           title="Our Pricing Plans"
-          description="Affordable dental care options for every budget."
+          description="Choose the perfect plan for your dental needs"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSix
+          testimonials={[
+            {
+              id: "1",              name: "Sarah Johnson",              handle: "@sarah.j",              testimonial:
+                "Amazing experience! The team is professional and caring. My teeth have never looked better.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=9",              imageAlt: "Sarah Johnson"},
+            {
+              id: "2",              name: "Michael Chen",              handle: "@m.chen",              testimonial:
+                "Best dental care I've received. The staff made me feel comfortable and the results speak for themselves.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=10",              imageAlt: "Michael Chen"},
+            {
+              id: "3",              name: "Emily Rodriguez",              handle: "@emily.r",              testimonial:
+                "Professional, friendly, and affordable. Highly recommend to anyone looking for quality dental care.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=11",              imageAlt: "Emily Rodriguez"},
+            {
+              id: "4",              name: "David Thompson",              handle: "@d.thompson",              testimonial:
+                "The implant procedure was seamless. I'm thrilled with my new smile!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=12",              imageAlt: "David Thompson"},
+            {
+              id: "5",              name: "Jessica Lee",              handle: "@jessica.lee",              testimonial:
+                "After years of dental anxiety, this practice made me feel safe and cared for.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=13",              imageAlt: "Jessica Lee"},
+            {
+              id: "6",              name: "Robert Wilson",              handle: "@r.wilson",              testimonial:
+                "The cosmetic dentistry work exceeded my expectations. Worth every penny!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=14",              imageAlt: "Robert Wilson"},
+            {
+              id: "7",              name: "Amanda Martinez",              handle: "@amanda.m",              testimonial:
+                "Whitening treatment gave me the bright smile I've always wanted.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=15",              imageAlt: "Amanda Martinez"},
+            {
+              id: "8",              name: "Christopher Blake",              handle: "@c.blake",              testimonial:
+                "Professional staff and state-of-the-art equipment. Highly satisfied!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=16",              imageAlt: "Christopher Blake"},
+          ]}
+          animationType="slide-up"
+          title="What Our Patients Say"
+          description="Real experiences from our satisfied patients"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqBase
+        <FaqDouble
           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: "1",              title: "What are your office hours?",              content:
+                "We are open Monday through Friday from 8:00 AM to 6:00 PM, and Saturday from 9:00 AM to 2:00 PM. We are closed on Sundays and major holidays."},
             {
-              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: "2",              title: "Do you accept insurance?",              content:
+                "Yes, we accept most major dental insurance plans. Please contact us to verify your specific coverage."},
             {
-              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: "3",              title: "What is your cancellation policy?",              content:
+                "We require at least 24 hours notice for cancellations. Cancellations made less than 24 hours before your appointment may incur a fee."},
             {
-              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: "4",              title: "Are emergency appointments available?",              content:
+                "Yes, we offer emergency dental care. Please call our office immediately for urgent dental issues."},
             {
-              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."},
+              id: "5",              title: "How often should I visit the dentist?",              content:
+                "Most people should visit the dentist every 6 months for regular check-ups and cleanings. Some patients with specific conditions may need more frequent visits."},
+            {
+              id: "6",              title: "Do you offer payment plans?",              content:
+                "Yes, we offer flexible payment plans to make dental care more affordable. Ask our staff about available options."},
           ]}
           title="Frequently Asked Questions"
-          description="Find answers to common questions about our dental services."
+          description="Find answers to common questions about our services"
+          faqsAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          faqsAnimation="slide-up"
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <section className="py-20">
-          <div className="w-[var(--width-content-width)] mx-auto px-[var(--vw-1_5)]">
-            <div className="text-center mb-12">
-              <h2 className="text-4xl md:text-5xl font-bold mb-4">
-                Contact Us
-              </h2>
-              <p className="text-lg text-foreground/75 max-w-2xl mx-auto">
-                Get in touch with our team to schedule an appointment or ask any
-                questions.
-              </p>
-            </div>
-
-            <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>
+        <ContactSplitForm
+          title="Get In Touch"
+          description="Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible."
+          inputs={[
+            {
+              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Your Email",              required: true,
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Your Phone",              required: false,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Your Message",            rows: 5,
+            required: true,
+          }}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772928896778-lpxqavdp.png?_wi=17"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={(data) => console.log("Form submitted:", data)}
+        />
       </div>
 
-      <FooterCard
-        logoText="EXPERT DENTAL CARE"
-        copyrightText="© 2025 EXPERT DENTAL CARE. All rights reserved."
-      />
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "#services" },
+                { label: "About", href: "#about" },
+                { label: "Pricing", href: "#pricing" },
+              ],
+            },
+            {
+              title: "Services",              items: [
+                { label: "Teeth Cleaning", href: "#services" },
+                { label: "Dental Implants", href: "#services" },
+                { label: "Teeth Whitening", href: "#services" },
+                { label: "Root Canal", href: "#services" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "#faq" },
+                { label: "Contact", href: "#contact" },
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Expert Dental Care. All rights reserved."
+          bottomRightText="Made with care for your smile"
+        />
+      </div>
     </ThemeProvider>
   );
 }