"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="fluid"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Fizjopasjonaci"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About Us", id: "#about" },
            { name: "Services", id: "#services" },
            { name: "Team", id: "#team" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
          button={{ text: "Book Online", href: "#contact" }}
        />
      </div>
      <div id="home" data-section="home">
        <HeroOverlayTestimonial
          title="Restore Your Movement, Reclaim Your Life"
          description="At Studio Fizjopasjonaci, Kazimiera Świda and our experienced team are dedicated to providing expert physiotherapy and rehabilitation to help you achieve lasting relief and optimal well-being."
          testimonials={[
            {
              name: "Pawel Poznar",              handle: "@PawelPoznar",              testimonial: "Super professional approach by a highly experienced team! I recommend this place to anyone who needs help!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg"
            },
            {
              name: "Alesia Khahlova",              handle: "@AlesiaKhahlova",              testimonial: "I struggled with mobility issues and constant back pain, but after a series of massages with Kazimiera Świda, my life changed for the better.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg"
            },
            {
              name: "Szymon Kilian",              handle: "@SzymonKilian",              testimonial: "This place is free from shoddy work, lack of interest, and overpricing. It is with pleasure I recommend their high quality services.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-glasses-brick-wall_176420-14684.jpg"
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/blurred-woman-warrior-pose-bending-forward_23-2147802560.jpg"
          imageAlt="Physiotherapy session with patient and therapist"
          showBlur={true}
          textPosition="bottom"
        />
      </div>
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="About Studio Fizjopasjonaci"
          description="Led by Kazimiera Świda, our studio in Wrocław is a sanctuary for healing and rehabilitation. We combine years of experience with personalized care to address a wide range of musculoskeletal issues, ensuring every patient receives a tailored treatment plan for effective recovery and long-term wellness."
          metrics={[
            { value: "10+", title: "Years Experience" },
            { value: "500+", title: "Happy Clients" },
            { value: "20+", title: "Treatments Offered" }
          ]}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/gate-seats-terminal-transportation-sit_1258-121.jpg"
          imageAlt="Interior of a modern physiotherapy clinic"
          mediaAnimation="slide-up"
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Our Specialized Physiotherapy Services"
          description="We offer a comprehensive range of services tailored to your individual needs, from pain relief to performance enhancement. Discover how we can help you move better and live pain-free."
          features={[
            { id: "massage-therapy", label: "Pain Relief", title: "Therapeutic Massage", items: ["Deep tissue massage", "Relaxation techniques", "Trigger point therapy"] },
            { id: "rehabilitation", label: "Injury Recovery", title: "Post-Injury Rehabilitation", items: ["Personalized exercise plans", "Manual therapy", "Mobility restoration"] },
            { id: "posture-correction", label: "Body Alignment", title: "Posture Correction & Ergonomics", items: ["Spinal alignment techniques", "Ergonomic assessments", "Strengthening exercises"] },
            { id: "sports-physio", label: "Performance", title: "Sports Physiotherapy", items: ["Injury prevention strategies", "Performance optimization", "Pre/post-event care"] },
            { id: "dry-needling", label: "Advanced Techniques", title: "Dry Needling Therapy", items: ["Myofascial pain relief", "Muscle spasm reduction", "Improved range of motion"] },
            { id: "manual-therapy", label: "Hands-on Care", title: "Manual Therapy", items: ["Joint mobilization", "Soft tissue manipulation", "Neuromuscular re-education"] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Dedicated Team"
          description="Our physiotherapists are highly qualified and passionate about helping you achieve your health goals. Get to know the experts who will guide you on your journey to recovery."
          team={[
            { id: "kazimiera-swida", name: "Kazimiera Świda", role: "Lead Physiotherapist & Founder", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-working-pain-recovery-clinic-with-man-with-broken-arm-looking-unhappy-angry-showing-rejection-negative-with-thumbs-down-gesture-bad-expression_839833-10705.jpg", imageAlt: "Kazimiera Świda, Lead Physiotherapist" },
            { id: "tomasz-nowak", name: "Tomasz Nowak", role: "Senior Physiotherapist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-medical-doctor-grey-background_613910-123.jpg", imageAlt: "Tomasz Nowak, Senior Physiotherapist" },
            { id: "anna-wisniewska", name: "Anna Wiśniewska", role: "Rehabilitation Specialist", imageSrc: "http://img.b2bpic.net/free-photo/picture-woman-professional-psychologist-her-fifties-waiting-client-sitting-her-modern-office-armchair-holding-open-copybook-looking-with-serious-expression_344912-1950.jpg", imageAlt: "Anna Wiśniewska, Rehabilitation Specialist" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Patients Say"
          description="Don't just take our word for it. Read testimonials from our satisfied clients who have found relief and improved their quality of life with us."
          testimonials={[
            { id: "1", name: "Pawel Poznar", role: "Local Guide", company: "Google Reviews", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-student-smiling-confident-standing-library-university_839833-29769.jpg", quote: "Super professional approach by a highly experienced team! I recommend this place to anyone who needs help!" },
            { id: "2", name: "Alesia Khahlova", role: "Local Guide", company: "Google Reviews", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coworkers-throw-party-congratulating-woman-accomplishment-portrait-surprised-grateful-satisfied-happy-young-attractive-female-pressing-palms-chest-thankful-smiling-upbeat-white-wall_176420-35571.jpg", quote: "I want to share my amazing experience visiting Studio Fizjopasjonaci! I struggled with mobility issues and constant back pain, but after a series of massages with Kazimiera Świda, my life changed for the better." },
            { id: "3", name: "Szymon Kilian", role: "Local Guide", company: "Google Reviews", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-man-holding-cup-coffee-yellow-wall_23-2148465220.jpg", quote: "This place is free from shoddy work, lack of interest, and overpricing. In an era of alarming and widespread acceptance of lowering service quality while simultaneously escalating fees, it is with pleasure I recommend their high quality services." },
            { id: "4", name: "Julia Kowalski", role: "Client", company: "Happy Patient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-thoughtfully-looking-away-waiting-washing-modern-self-service-laundry-night_574295-2571.jpg", quote: "The team at Fizjopasjonaci are true professionals. My shoulder pain is completely gone after just a few sessions. Highly recommend!" },
            { id: "5", name: "Michal Dabrowski", role: "Client", company: "Satisfied Patient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", quote: "Kazimiera Świda has magic hands! Her deep tissue massages resolved my chronic back pain. I feel like a new person." }
          ]}
          kpiItems={[
            { value: "4.8", label: "Avg Rating" },
            { value: "20+", label: "Total Reviews" },
            { value: "98%", label: "Success Rate" }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, appointments, and what to expect during your visit."
          faqs={[
            { id: "1", title: "What should I bring to my first appointment?", content: "Please bring any relevant medical records, X-rays, or MRI scans. Wear comfortable clothing that allows for movement during assessment and treatment." },
            { id: "2", title: "Do you accept insurance?", content: "We work with various insurance providers. Please contact our reception directly to confirm your coverage details before your appointment." },
            { id: "3", title: "How long does a typical session last?", content: "Initial consultations typically last 60 minutes, while follow-up sessions are usually 30-45 minutes, depending on your treatment plan." },
            { id: "4", title: "What types of conditions do you treat?", content: "We treat a wide range of conditions including back pain, neck pain, sports injuries, post-surgical rehabilitation, chronic pain, and mobility issues." },
            { id: "5", title: "Can I book an appointment online?", content: "Yes, you can easily book your appointment online through our 'Book Online' button or by visiting our contact page." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Book Your Appointment Today"
          description="Ready to start your journey to better health? Contact us to schedule your consultation or ask any questions you may have. We look forward to hearing from you."
          background={{ variant: "rotated-rays-static" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-3915.jpg"
          imageAlt="Map showing clinic location in Wrocław"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Send Message"
          termsText="By clicking Send Message you're confirming that you agree with our Terms and Conditions."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdt9pz"
          logoAlt="Studio Fizjopasjonaci Logo"
          logoText="Fizjopasjonaci"
          columns={[
            { title: "Services", items: [{ label: "Therapeutic Massage", href: "#services" }, { label: "Rehabilitation", href: "#services" }, { label: "Posture Correction", href: "#services" }, { label: "Sports Physiotherapy", href: "#services" }] },
            { title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Our Team", href: "#team" }, { label: "Testimonials", href: "#testimonials" }] },
            { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }, { label: "Book Online", href: "#contact" }] }
          ]}
          copyrightText="© 2024 Studio Fizjopasjonaci. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
