"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Program",
          id: "program",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Postura 365"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      title="Fix Your Posture. Eliminate Pain. Feel Strong Again."
      description="Professional physiotherapy and a proven therapeutic exercise program designed to fix pain at the root."
      testimonials={[
        {
          name: "Sarah Miller",
          handle: "@patient",
          testimonial: "After just a few sessions I felt a huge improvement. Amazing experience!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg",
        },
        {
          name: "James Chen",
          handle: "@athlete",
          testimonial: "Professional, caring and extremely knowledgeable. Highly recommended!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medic-giving-advice-man-sitting-wheelchair-checkup-visit-general-practitioner-meeting-with-patient-with-disability-consultation-appointment-people-talking-cabinet_482257-36777.jpg",
        },
        {
          name: "Elena Rossi",
          handle: "@executive",
          testimonial: "The exercises improved my posture and reduced my pain significantly.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-helping-patient-rehabilitation_23-2150321584.jpg",
        },
        {
          name: "Mark D.",
          handle: "@patient",
          testimonial: "I recommended this program to my family and friends. The best in town.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428176.jpg",
        },
        {
          name: "Clara S.",
          handle: "@patient",
          testimonial: "The best physiotherapy experience I have ever had. Truly professional.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-brunette-girl-casual-clothes-touches-her-hair-looks-camera-sitting-chair-cafe_197531-33258.jpg",
        },
      ]}
      buttons={[
        {
          text: "Start Your Recovery",
          href: "#contact",
        },
        {
          text: "Get the 50€ Program",
          href: "#program",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151295919.jpg?_wi=1"
      imageAlt="Professional wellness clinic therapy"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151295921.jpg",
          alt: "Patient profile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cinematic-portrait-woman-working-healthcare-system-having-care-job_23-2151237478.jpg",
          alt: "Patient profile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-suffering-female-doctor_23-2148980732.jpg",
          alt: "Patient profile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151295917.jpg",
          alt: "Patient profile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/stylish-woman-smiling-staying-street_197531-33902.jpg",
          alt: "Patient profile",
        },
      ]}
      avatarText="Trusted by 500+ patients"
      marqueeItems={[
        {
          type: "text",
          text: "Clinically Proven Methods",
        },
        {
          type: "text",
          text: "Expert-Led Therapy",
        },
        {
          type: "text",
          text: "100% Satisfaction Rate",
        },
        {
          type: "text",
          text: "Long-Term Pain Relief",
        },
        {
          type: "text",
          text: "Posture Restoration",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "The Trusted Posture & Pain Recovery Experts",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071448.jpg",
          alt: "Expert physiotherapy",
        },
      ]}
      buttons={[
        {
          text: "Book a Session",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Physiotherapy Sessions",
          description: "Hands-on treatment for acute pain and long-term recovery.",
          imageSrc: "http://img.b2bpic.net/free-photo/leaf-blue-rhomb-frame_23-2148317518.jpg",
          titleIconSrc: "Activity",
          buttonText: "Learn More",
        },
        {
          title: "Posture Correction",
          description: "Custom programs designed to reverse years of desk-job stiffness.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-community-center_23-2149155287.jpg",
          titleIconSrc: "Target",
          buttonText: "Learn More",
        },
        {
          title: "Rehabilitation Therapy",
          description: "Evidence-based recovery plans for sustained pain relief.",
          imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149132304.jpg",
          titleIconSrc: "Award",
          buttonText: "Learn More",
        },
      ]}
      title="Our Specialized Services"
      description="Comprehensive care tailored to your specific needs."
    />
  </div>

  <div id="program" data-section="program">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Postura 365 Digital Program",
          price: "50€",
          imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-using-medical-device_23-2148328462.jpg",
        },
        {
          id: "p2",
          name: "Posture Correction Bundle",
          price: "50€",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg",
        },
        {
          id: "p3",
          name: "Pain Relief Starter Kit",
          price: "50€",
          imageSrc: "http://img.b2bpic.net/free-photo/retired-woman-uses-laptop-hands-close-up_169016-27162.jpg",
        },
        {
          id: "p4",
          name: "Advanced Mobility Plan",
          price: "50€",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38272.jpg",
        },
        {
          id: "p5",
          name: "Desk Worker Relief",
          price: "50€",
          imageSrc: "http://img.b2bpic.net/free-photo/male-patient-working-medical-device_23-2148328388.jpg",
        },
        {
          id: "p6",
          name: "Athlete Recovery Guide",
          price: "50€",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg",
        },
      ]}
      title="Therapeutic Exercise Program"
      description="Fix posture and reduce pain from home with our guided 50€ program."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Postura 365 has been life changing. The professional care and the program design helped me overcome years of chronic back pain. I'm forever grateful."
      rating={5}
      author="James Anderson"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/mature-doctor-wearing-face-mask-while-talking-patient-medical-clinic_637285-8985.jpg",
          alt: "Patient profile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-nurse-feeling-happy-about-good-news-she-has-received-while-working-hospital_637285-4972.jpg",
          alt: "Patient profile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg",
          alt: "Patient profile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/professional-medic-examining-patient-reaction-light-pupil-response_482257-127007.jpg",
          alt: "Patient profile",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pediatrician-giving-bottle-pills-parent-small-kid-with-illness-after-checkup-examination-medic-giving-prescription-medicine-flask-woman-child-helping-with-recovery_482257-40747.jpg",
          alt: "Patient profile",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "program-plan",
          title: "Exercise Program",
          price: "50€",
          period: "One-time",
          features: [
            "Guided videos",
            "Posture assessment",
            "Lifetime access",
          ],
          button: {
            text: "Get Instant Access",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227848.jpg",
          imageAlt: "Patient doing physical rehabilitation helped by therapists",
        },
        {
          id: "consult-plan",
          title: "Consultation",
          price: "80€",
          period: "Per session",
          features: [
            "1-on-1 assessment",
            "Personalized plan",
            "Recovery roadmap",
          ],
          button: {
            text: "Book Session",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-working-woman-celebration-labour-day_23-2151295919.jpg?_wi=2",
          imageAlt: "Patient doing physical rehabilitation helped by therapists",
        },
      ]}
      title="Transparent Pricing"
      description="Select the option that works best for your recovery journey."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Your Recovery Starts Today"
      description="Ready to get back to full health? Contact us or book your consultation directly."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Full Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email Address",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "How can we help you?",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-doing-exercises-simulator-with-therapist-gym_1157-38380.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Postura 365"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Program",
              href: "#program",
            },
            {
              label: "FAQ",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Postura 365 | Professional Pain Recovery."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
