"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Activity, Award, Droplets, Heart, Leaf, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Results",
          id: "#results",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQs",
          id: "#faqs",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Baransu Centro de Masajes"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Professional Massage Therapy That Heals Fast"
      description="Trusted by Valladolid's athletes and professionals. Expert treatment for back pain, injuries, and postural tension. Book your appointment today."
      testimonials={[
        {
          name: "Javier R.",
          handle: "@JR_Wellness",
          testimonial: "After weeks of back pain, Baransu provided quick and lasting relief. Their expertise is unmatched!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
          imageAlt: "Javier R.",
        },
        {
          name: "Ana S.",
          handle: "@AthleteAna",
          testimonial: "As an athlete, recovery is key. Baransu's sports massages are essential for my performance.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fit-friends-outdoors_23-2150828925.jpg",
          imageAlt: "Ana S.",
        },
        {
          name: "Carlos M.",
          handle: "@CM_Executive",
          testimonial: "Their deep tissue massage helped alleviate my chronic neck tension from office work. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-sitting-table_23-2148163309.jpg",
          imageAlt: "Carlos M.",
        },
        {
          name: "Elena P.",
          handle: "@ElenaP_Heals",
          testimonial: "Finally found a therapist who truly understands postural pain. Baransu is a game-changer for my wellness.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-man-making-devil-horns-up-head_176420-17980.jpg",
          imageAlt: "Elena P.",
        },
        {
          name: "Pablo G.",
          handle: "@PG_Pro",
          testimonial: "The personalized treatment plan made all the difference. My injury recovery was faster than expected.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
          imageAlt: "Pablo G.",
        },
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Schedule Your Session",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-rehabilitation-center-getting-treatment_23-2150356706.jpg"
      imageAlt="Professional massage therapist working on a client's back"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
          alt: "Young female with pinkish hair posing",
        },
        {
          src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
          alt: "Head shot of happy beautiful young woman posing indoors, looking at camera and smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",
          alt: "Pretty woman gesturing OK",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
          alt: "Portrait of a happy young businessman looking at camera",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-with-curly-hair-doing-sports-sunny-day-chubby-woman-grey-top-with-tattoos-looking-sideways-sport-body-positive-concept_74855-21334.jpg",
          alt: "Portrait of woman with curly hair doing sports on sunny day.",
        },
      ]}
      avatarText="Join our 1000+ satisfied clients!"
      marqueeItems={[
        {
          type: "text",
          text: "Rapid Pain Relief",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/sportswomen-talking-after-sport_23-2147600449.jpg",
          alt: "Sportswomen talking after sport",
        },
        {
          type: "text",
          text: "Improved Mobility",
        },
        {
          type: "text-icon",
          text: "Enhanced Recovery",
          icon: Heart,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/close-up-cheerful-woman-holding-water-bottle_23-2147600823.jpg",
          alt: "Close-up of cheerful woman holding a water bottle",
        },
        {
          type: "text",
          text: "Personalized Care",
        },
        {
          type: "text-icon",
          text: "Holistic Wellness",
          icon: Leaf,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="About Baransu: Your Path to Lasting Relief"
      description="At Baransu, we combine ancient techniques with modern therapeutic approaches to provide personalized massage therapy. Our dedicated team is committed to helping you achieve rapid pain relief, improved mobility, and overall wellness. Experience the difference that expert care makes in Valladolid."
      bulletPoints={[
        {
          title: "Personalized Care",
          description: "Tailored treatment plans addressing your specific concerns and health goals.",
        },
        {
          title: "Expert Therapists",
          description: "Highly trained and certified professionals dedicated to your well-being.",
        },
        {
          title: "Proven Results",
          description: "Join countless satisfied clients who have found relief and improved health.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/girl-having-coffee-bathroom_23-2148147484.jpg"
      imageAlt="Interior of Baransu massage clinic with a welcoming ambiance"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Droplets,
          title: "Deep Tissue Massage",
          description: "Targets chronic muscle tension and knots with focused pressure.",
        },
        {
          icon: Activity,
          title: "Sports Massage",
          description: "Enhances athletic performance, aids recovery, and prevents injuries.",
        },
        {
          icon: Heart,
          title: "Therapeutic & Relaxation",
          description: "Alleviates stress, improves circulation, and promotes overall well-being.",
        },
        {
          icon: Leaf,
          title: "Myofascial Release",
          description: "Gentle, sustained pressure to release tension in the fascia, restoring movement.",
        },
        {
          icon: Droplets,
          title: "Cupping Therapy",
          description: "Ancient technique to reduce pain, inflammation, and improve blood flow.",
        },
      ]}
      title="Our Specialized Massage Services"
      description="We offer a comprehensive range of therapeutic massage techniques tailored to your specific needs, designed to address your unique pain points and wellness goals."
    />
  </div>

  <div id="results" data-section="results">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          icon: Star,
          title: "Client Satisfaction",
          value: "4.7 Star Rating",
        },
        {
          id: "2",
          icon: Award,
          title: "Years of Experience",
          value: "10+",
        },
        {
          id: "3",
          icon: Users,
          title: "Relieved Clients",
          value: "1000s",
        },
      ]}
      title="Why Clients Choose Baransu"
      description="Our commitment to excellence and client satisfaction has earned us a stellar reputation in Valladolid. We deliver tangible results for your health and well-being."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Back Pain Vanished!",
          quote: "Baransu is my go-to for chronic back pain. Their therapists are incredibly skilled, and I always leave feeling rejuvenated.",
          name: "Isabel García",
          role: "Marketing Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
          imageAlt: "Isabel García",
        },
        {
          id: "2",
          title: "Boosted My Performance",
          quote: "The sports massage I received here was exceptional. It significantly improved my recovery time and flexibility.",
          name: "Marco Alonso",
          role: "Professional Cyclist",
          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-drinking-coffee-by-lake_1303-12690.jpg",
          imageAlt: "Marco Alonso",
        },
        {
          id: "3",
          title: "A Sanctuary of Calm",
          quote: "Beyond the pain relief, the atmosphere at Baransu is truly relaxing. It's my monthly retreat for stress reduction.",
          name: "Sofia Rodríguez",
          role: "Architect",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-old-woman-blue-shirt-showing-thumbs-up-gesture_171337-8035.jpg",
          imageAlt: "Sofia Rodríguez",
        },
        {
          id: "4",
          title: "Expert Care for Injuries",
          quote: "I had a persistent shoulder injury, and Baransu's targeted therapy made a huge difference. Highly recommend their personalized approach.",
          name: "Diego Fernández",
          role: "Personal Trainer",
          imageSrc: "http://img.b2bpic.net/free-photo/friendly-man-greeting-you-with-handshake-smiling-amused-saying-hello-standing-yellow_1258-40920.jpg",
          imageAlt: "Diego Fernández",
        },
        {
          id: "5",
          title: "Always Professional and Effective",
          quote: "From booking to treatment, every aspect of Baransu is professional. They genuinely care about their clients' well-being.",
          name: "Laura Sánchez",
          role: "Business Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/friendly-corporate-businesswoman_23-2147702112.jpg",
          imageAlt: "Laura Sánchez",
        },
      ]}
      title="Hear From Our Happy Clients"
      description="Read what professionals and athletes in Valladolid say about their experience at Baransu Centro de Masajes."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Valladolid Sports Club",
        "Local Fitness Center",
        "Healthy Bites Cafe",
        "Mindful Living Studio",
        "Active Life Physio",
        "Green Earth Organics",
        "City Marathon Organizers",
      ]}
      title="Trusted Partners & Community Recognition"
      description="We are proud to collaborate with local businesses and contribute to the health and wellness of the Valladolid community."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "How do I book an appointment?",
          content: "You can easily book an appointment through our website's 'Schedule Your Session' button or by calling us directly during business hours.",
        },
        {
          id: "faq2",
          title: "What types of massage do you offer?",
          content: "We offer a variety of services including Deep Tissue, Sports Massage, Therapeutic Relaxation, Myofascial Release, and Cupping Therapy. Each session is tailored to your needs.",
        },
        {
          id: "faq3",
          title: "What should I wear for my session?",
          content: "Comfortable, loose-fitting clothing is recommended. For some therapies, you may be asked to undress to your comfort level and will be professionally draped.",
        },
        {
          id: "faq4",
          title: "What is your cancellation policy?",
          content: "We require at least 24 hours' notice for cancellations or rescheduling. A fee may apply for late cancellations or no-shows.",
        },
        {
          id: "faq5",
          title: "Do you accept insurance?",
          content: "Please contact us directly to inquire about insurance coverage, as it varies depending on your provider and our services.",
        },
        {
          id: "faq6",
          title: "What are the benefits of regular massage?",
          content: "Regular massage can reduce muscle pain, improve flexibility, lower stress levels, enhance athletic performance, and promote overall mental and physical well-being.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our services, booking, and what to expect during your visit to Baransu Centro de Masajes."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "animated-grid",
      }}
      tag="Get in Touch"
      title="Book Your Session Today"
      description="Ready to experience relief and rejuvenation? Schedule your appointment with our expert therapists at Baransu Centro de Masajes in Valladolid."
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By submitting your information, you agree to receive communications from Baransu Centro de Masajes."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Baransu Centro de Masajes"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
