"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Heart, Quote, Zap, Sparkles } from "lucide-react";
import Link from "next/link";

export default function HomePage() {
  const navItems = [
    { name: "Services", id: "services" },
    { name: "Pricing", id: "pricing" },
    { name: "Testimonials", id: "testimonials" },
    { name: "FAQ", id: "faq" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Services",
      items: [
        { label: "Physical Therapy", href: "#services" },
        { label: "Sports Medicine", href: "#services" },
        { label: "Pain Management", href: "#services" },
        { label: "Work Injury Care", href: "#services" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Testimonials", href: "#testimonials" },
        { label: "Pricing", href: "/pricing" },
        { label: "Contact", href: "#contact" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Accessibility", href: "#" },
        { label: "Contact Us", href: "#contact" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="large"
      background="fluid"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Pyatt MSK" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero" className="py-20 md:py-32">
        <HeroLogoBillboard
          logoText="Pyatt MSK"
          description="Expert musculoskeletal rehabilitation and physiotherapy. Get back to doing what you love with personalized treatment plans designed for your recovery."
          buttons={[
            { text: "Book Your Assessment", href: "#contact" },
            { text: "Learn More", href: "#services" },
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/orthopedic-specialist-assisting-old-patient-with-leg-joint-injury_482257-26987.jpg"
          imageAlt="Professional rehabilitation therapy session"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Choose Us"
          title="Comprehensive MSK Care That Gets Results"
          description="Patient-Centered Excellence"
          subdescription="Pyatt MSK Rehabilitation"
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/physiotherapy-doctor-assisting-elderly-patient-with-leg-exercise-clinic_662251-1742.jpg"
          imageAlt="Physiotherapy treatment"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Proven Results & Patient Success"
          tag="Excellence in Care"
          metrics={[
            {
              id: "1",
              value: "95%",
              description:
                "Patient satisfaction rate and successful recovery outcomes across all treatment programs",
            },
            {
              id: "2",
              value: "10,000+",
              description:
                "Patients successfully treated and returned to their normal activities and lifestyle",
            },
            {
              id: "3",
              value: "20+",
              description:
                "Years of combined experience from our team of certified physiotherapists and specialists",
            },
            {
              id: "4",
              value: "4.9/5",
              description:
                "Average rating from verified patient reviews and testimonials on independent platforms",
            },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services" className="py-20 md:py-32 bg-gradient-to-b from-transparent to-accent/5">
        <FeatureCardTwentyOne
          tag="Our Services"
          title="Comprehensive Treatment Services"
          description="Tailored rehabilitation programs addressing a wide range of musculoskeletal conditions. From acute injuries to chronic pain, we have the expertise to help you recover."
          imageSrc="http://img.b2bpic.net/free-photo/personal-trainer-assisting-woman-with-disabilities-her-workout-sports-rehab-centre-with-physiotherapists-patients-working-together-towards-healing_1321-3603.jpg"
          imageAlt="Sports medicine rehabilitation"
          mediaAnimation="slide-up"
          mediaPosition="right"
          accordionItems={[
            {
              id: "1",
              title: "Physical Therapy & Rehabilitation",
              content:
                "Evidence-based treatment for post-injury recovery, surgery rehabilitation, and chronic pain management. Our therapists use advanced techniques to restore function and mobility.",
            },
            {
              id: "2",
              title: "Sports Injury Treatment",
              content:
                "Specialized care for athletes and active individuals. We treat sprains, strains, and performance-related injuries to get you back in the game safely.",
            },
            {
              id: "3",
              title: "Pain Management",
              content:
                "Comprehensive approach to managing acute and chronic pain including manual therapy, exercise prescription, and injury prevention strategies.",
            },
            {
              id: "4",
              title: "Work Injury Rehabilitation",
              content:
                "Occupational rehabilitation and ergonomic assessment to help you return to work safely and prevent future workplace injuries.",
            },
          ]}
          buttons={[{ text: "Explore Services", href: "#services" }]}
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="py-20 md:py-32">
        <TestimonialCardSix
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "@sarah_m",
              testimonial:
                "After my ACL surgery, Pyatt MSK got me back to running. Their team's expertise and personalized approach made all the difference in my recovery.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Sarah Mitchell",
            },
            {
              id: "2",
              name: "David Chen",
              handle: "@david_chen",
              testimonial:
                "Chronic back pain was affecting my work. The physiotherapists at Pyatt MSK provided relief and taught me how to manage it long-term. Highly recommend!",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "David Chen",
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              handle: "@emily_active",
              testimonial:
                "I injured my shoulder playing tennis. The sports medicine specialists helped me understand my injury and return to the court stronger than before.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Emily Rodriguez",
            },
            {
              id: "4",
              name: "Michael Thompson",
              handle: "@mthompson",
              testimonial:
                "Professional, caring, and results-driven. My work injury recovery was faster than expected thanks to their structured approach and constant support.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Michael Thompson",
            },
            {
              id: "5",
              name: "Jessica Park",
              handle: "@jpark_wellness",
              testimonial:
                "The team made me feel heard and supported throughout my recovery journey. Their expertise combined with genuine care is unmatched.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Jessica Park",
            },
            {
              id: "6",
              name: "Robert Walsh",
              handle: "@rwash_sports",
              testimonial:
                "Outstanding rehabilitation program. Within 8 weeks, I regained full mobility and confidence. This is professional healthcare at its finest.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Robert Walsh",
            },
          ]}
          animationType="slide-up"
          title="Real Patient Stories"
          description="Hear from patients who have successfully recovered and returned to their normal activities"
          tag="Patient Testimonials"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to start your recovery journey? Get expert assessment and personalized treatment plan today."
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Free Consultation", href: "#contact" },
            { text: "Call Now", href: "tel:+1234567890" },
          ]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          columns={footerColumns}
          logoText="Pyatt MSK"
          copyrightText="© 2025 Pyatt MSK Rehabilitation. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}