"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Heart, Stethoscope, Zap, Star, HelpCircle, Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="ChiroCare"
          button={{
            text: "Book Appointment",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Expert Chiropractic Care for Your Wellness"
          description="Experience relief and restore your body's natural balance with our certified chiropractors. Serving your community with personalized care since 2010."
          background={{ variant: "radial-gradient" }}
          tag="Health & Wellness"
          tagIcon={Heart}
          buttons={[
            { text: "Book Your Appointment", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-helping-patient-physiotherapy_23-2149047562.jpg",              imageAlt: "Professional chiropractor performing spinal adjustment"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/male-physiotherapist-checking-woman-s-back-pain_23-2148780738.jpg",              imageAlt: "Modern chiropractic clinic interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/physiotherapist-checking-back-medium-shot_23-2149047489.jpg",              imageAlt: "Chiropractic spinal treatment session"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-helping-patient-recover_23-2149173488.jpg",              imageAlt: "Neck and cervical spine treatment"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159109.jpg",              imageAlt: "Joint pain relief and extremity care"
            }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About ChiroCare"
          tagIcon={Stethoscope}
          title="Dedicated to Your Health and Recovery"
          description="Dr. Sarah Mitchell, DC"
          subdescription="Founder & Lead Chiropractor"
          icon={Stethoscope}
          imageSrc="https://img.b2bpic.net/free-photo/male-physiotherapist-checking-woman-s-back-pain_23-2148780738.jpg"
          imageAlt="ChiroCare clinic interior with modern equipment"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Our Chiropractic Services"
          description="Comprehensive care tailored to your unique needs and health goals"
          tag="Services"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "spinal",              label: "Spinal Care",              title: "Spinal Adjustments & Alignment",              items: [
                "Corrective spinal adjustments",                "Alignment restoration",                "Chronic pain relief",                "Posture improvement"
              ]
            },
            {
              id: "sports",              label: "Sports Medicine",              title: "Athletic Performance & Injury Prevention",              items: [
                "Sports injury treatment",                "Performance optimization",                "Injury prevention programs",                "Recovery acceleration"
              ]
            },
            {
              id: "wellness",              label: "Wellness Care",              title: "Preventive Health & Maintenance",              items: [
                "Wellness consultations",                "Lifestyle coaching",                "Ergonomic assessments",                "Long-term health planning"
              ]
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Trusted by thousands of patients for their health and wellness needs."
          tag="Our Impact"
          metrics={[
            {
              id: "1",              value: "15K+",              description: "Patients treated and helped return to active lifestyles"
            },
            {
              id: "2",              value: "98%",              description: "Patient satisfaction rate with our care and treatment outcomes"
            },
            {
              id: "3",              value: "25+",              description: "Years of combined clinical experience on our team"
            },
            {
              id: "4",              value: "99%",              description: "Treatment success rate for common musculoskeletal conditions"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Patients Say"
          description="Real experiences from people who've transformed their health with ChiroCare"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Michael Johnson, CEO of Tech Solutions",              date: "Date: 15 November 2024",              title: "Finally free from chronic back pain!",              quote: "After years of dealing with lower back pain from my desk job, ChiroCare's treatment plan has given me my life back. I'm more productive at work and actually enjoy physical activities again.",              tag: "Back Pain Relief",              avatarSrc: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159096.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159096.jpg"
            },
            {
              id: "2",              name: "Jennifer Martinez, Marathon Runner",              date: "Date: 08 October 2024",              title: "Enhanced my athletic performance dramatically",              quote: "Dr. Mitchell's sports medicine expertise helped me overcome a knee injury and actually improved my running form. My race times have improved significantly since starting care here.",              tag: "Sports Medicine",              avatarSrc: "https://img.b2bpic.net/free-photo/male-physiotherapist-checking-woman-s-back_23-2148780736.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/male-physiotherapist-checking-woman-s-back_23-2148780736.jpg"
            },
            {
              id: "3",              name: "Robert Chen, Small Business Owner",              date: "Date: 22 September 2024",              title: "Excellent professional care and genuine concern",              quote: "The team at ChiroCare doesn't just treat symptoms—they educate you on prevention and wellness. Their comprehensive approach and personal attention is exceptional.",              tag: "Wellness",              avatarSrc: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159149.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159149.jpg"
            },
            {
              id: "4",              name: "Susan Williams, School Teacher",              date: "Date: 10 August 2024",              title: "Transformed my quality of life completely",              quote: "Chronic neck tension from teaching made me miserable. After six weeks of treatment, I'm pain-free and have learned exercises to maintain my health. Highly recommended!",              tag: "Neck Pain",              avatarSrc: "https://img.b2bpic.net/free-photo/physiotherapist-doing-healing-treatment-womans-back-back-pain-patient-treatment-medical-doctor-massage-therapistoffice-syndrome_657921-327.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/physiotherapist-doing-healing-treatment-womans-back-back-pain-patient-treatment-medical-doctor-massage-therapistoffice-syndrome_657921-327.jpg"
            },
            {
              id: "5",              name: "David Foster, Construction Manager",              date: "Date: 25 July 2024",              title: "Professional care that actually works",              quote: "I was skeptical at first, but the results speak for themselves. My mobility has improved, my posture is better, and I haven't missed work due to pain since starting treatment.",              tag: "Work Injury",              avatarSrc: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159096.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159096.jpg"
            },
            {
              id: "6",              name: "Lisa Anderson, Fitness Enthusiast",              date: "Date: 12 June 2024",              title: "The best healthcare decision I've made",              quote: "Dr. Mitchell combines clinical expertise with a genuine passion for patient wellness. The personalized treatment plans and follow-up care are outstanding.",              tag: "Preventive Care",              avatarSrc: "https://img.b2bpic.net/free-photo/male-physiotherapist-checking-woman-s-back_23-2148780736.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/male-physiotherapist-checking-woman-s-back_23-2148780736.jpg"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about chiropractic care and our services"
          tag="FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159146.jpg"
          imageAlt="Modern chiropractic clinic with advanced equipment"
          mediaPosition="right"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Is chiropractic care safe?",              content: "Yes, chiropractic care is very safe when performed by a licensed, trained professional. Our chiropractors are fully certified and use evidence-based techniques. We perform thorough examinations and may order imaging to ensure safe treatment."
            },
            {
              id: "2",              title: "How many visits will I need?",              content: "The number of visits depends on your condition and individual health goals. During your initial consultation, we'll discuss your treatment plan and estimated timeline. Most acute conditions improve within 4-6 weeks, while chronic conditions may require longer-term care."
            },
            {
              id: "3",              title: "Does insurance cover chiropractic treatment?",              content: "Many insurance plans cover chiropractic care. We accept most major insurance providers and can verify your coverage before treatment. We also offer flexible payment plans for uninsured patients."
            },
            {
              id: "4",              title: "What should I expect during my first visit?",              content: "Your first visit includes a comprehensive health history, physical examination, and potentially X-rays or other imaging. We'll discuss your symptoms, goals, and treatment options. Most first visits take 60 minutes."
            },
            {
              id: "5",              title: "Can chiropractic care help with headaches?",              content: "Yes, many headaches originate from neck tension and misalignment. Chiropractic adjustments can help reduce headache frequency and intensity by addressing the underlying cause rather than just treating symptoms."
            },
            {
              id: "6",              title: "Is chiropractic care suitable for children?",              content: "Yes, chiropractic care can be beneficial for children. We use age-appropriate techniques and lighter pressure for pediatric patients. Many parents bring their children in for wellness care and injury prevention."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Schedule Your Appointment Today"
          description="Take the first step toward better health. Contact us to book your initial consultation and discover how ChiroCare can help you achieve your wellness goals."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/physiotherapist-checking-back-medium-shot_23-2149047489.jpg"
          imageAlt="Professional chiropractic treatment in progress"
          mediaPosition="right"
          tagIcon={Calendar}
          inputPlaceholder="Enter your email"
          buttonText="Get Started"
          termsText="We respect your privacy and will only contact you about your appointment request."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="ChiroCare"
          columns={[
            {
              title: "Services",              items: [
                { label: "Spinal Care", href: "#services" },
                { label: "Sports Medicine", href: "#services" },
                { label: "Wellness Care", href: "#services" },
                { label: "Pain Management", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#about" },
                { label: "Patient Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Health Blog", href: "#" },
                { label: "Wellness Tips", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Insurance Info", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "(555) 123-4567", href: "tel:5551234567" },
                { label: "info@chirocare.com", href: "mailto:info@chirocare.com" },
                { label: "123 Wellness Avenue, Health City, HC 12345", href: "#" },
                { label: "Mon-Fri: 8am-6pm | Sat: 9am-2pm", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 ChiroCare. All rights reserved. Licensed chiropractors committed to your wellness."
        />
      </div>
    </ThemeProvider>
  );
}
