"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Activity, Droplet, Flame, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Acasă",          id: "hero"},
        {
          name: "Despre Noi",          id: "about"},
        {
          name: "Servicii",          id: "features"},
        {
          name: "Tratamente",          id: "products"},
        {
          name: "Tarife",          id: "pricing"},
        {
          name: "Păreri",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Ortoz"
      button={{
        text: "Programează Acum",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Ortoz"
      description="Refugiul Tău de Relaxare și Rejuvenare. Experiențe de masaj terapeutic și relaxant, adaptate nevoilor tale, într-un ambient de lux în Chișinău."
      buttons={[
        {
          text: "Programează o Ședință",          href: "#contact"},
        {
          text: "Vezi Serviciile Noastre",          href: "#features"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg",          imageAlt: "Luxury spa interior with soft lighting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/back-massage-daylight-spa-long-gliding-strokes_169016-69103.jpg",          imageAlt: "Professional massage therapist working on a client's back"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-head-massage-spa-center_1139-1126.jpg",          imageAlt: "Person receiving a relaxing head massage"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099232.jpg",          imageAlt: "Aromatherapy oils, flowers, and zen stones"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/candle-burning-spa-salon_23-2147648659.jpg",          imageAlt: "Tranquil spa treatment room with warm tones"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7508.jpg",          imageAlt: "Person relaxing peacefully on a massage table"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Filozofia Noastră"
      tagAnimation="opacity"
      title="Despre Ortoz: Pasiune pentru Bunăstare"
      description="La Ortoz, combinăm profesionalismul cu o abordare umană caldă, pentru a oferi servicii de masaj de cea mai înaltă calitate."
      subdescription="Ne dedicăm îmbunătățirii sănătății și stării de bine a clienților noștri, asigurând o experiență personalizată și memorabilă."
      icon={Heart}
      imageSrc="http://img.b2bpic.net/free-photo/male-patient-undergoing-therapy-with-physiologist_23-2148836529.jpg"
      imageAlt="Maseur care oferă o atingere blândă"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Heart,
          title: "Masaj Terapeutic",          description: "Ameliorarea durerilor, relaxarea musculară și îmbunătățirea mobilității."},
        {
          icon: Droplet,
          title: "Masaj de Relaxare",          description: "Reducerea stresului, inducerea unei stări profunde de calm și bunăstare."},
        {
          icon: Activity,
          title: "Masaj Sportiv",          description: "Recuperare rapidă după efort fizic intens și prevenirea leziunilor."},
        {
          icon: Heart,
          title: "Masaj Anti-Celulitic",          description: "Îmbunătățirea circulației, tonifierea pielii și reducerea aspectului de celulită."},
        {
          icon: Flame,
          title: "Masaj cu Pietre Calde",          description: "Relaxare profundă, eliberarea tensiunilor și echilibrarea energiei corpului."},
      ]}
      title="Servicii de Masaj Excepționale"
      description="Oferim o gamă variată de terapii prin masaj, fiecare concepută pentru a-ți reda echilibrul și vitalitatea."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Pachet Relaxare Premium",          price: "600 MDL",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg",          imageAlt: "Luxury spa room"},
        {
          id: "p2",          name: "Terapie Dureri Cronice",          price: "450 MDL",          imageSrc: "http://img.b2bpic.net/free-photo/professional-female-physiotherapist-giving-shoulder-massage-blonde-woman_1139-1114.jpg",          imageAlt: "Back massage therapy"},
        {
          id: "p3",          name: "Ritual Detoxifiant Complet",          price: "750 MDL",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-facial-yoga_23-2150162812.jpg",          imageAlt: "Detox body wrap"},
        {
          id: "p4",          name: "Masaj Facial Revitalizant",          price: "300 MDL",          imageSrc: "http://img.b2bpic.net/free-photo/face-massage-close-up-adult-woman-getting-spa-massage-treatment-beauty-spa-salon-spa-skin-body-care-facial-beauty-treatment-cosmetology_158595-7711.jpg",          imageAlt: "Facial massage"},
        {
          id: "p5",          name: "Abonament Wellness",          price: "1800 MDL/lună",          imageSrc: "http://img.b2bpic.net/free-photo/calendar-check-front-side-with-white-background_187299-39783.jpg",          imageAlt: "Wellness subscription calendar"},
        {
          id: "p6",          name: "Cadou Masaj",          price: "De la 300 MDL",          imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-beauty-products_23-2148200546.jpg",          imageAlt: "Gift card for massage"},
      ]}
      title="Tratamente Specializate Ortoz"
      description="Descoperă tratamentele noastre unice, create pentru a adresa nevoi specifice și a oferi rezultate remarcabile."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      textboxLayout="default"
      animationType="slide-up"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          title: "Ședință Unică",          price: "350 MDL",          period: "pe ședință",          features: [
            "Masaj relaxare (60 min)",            "Consultație terapeut"],
          button: {
            text: "Programează",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/couple-home_1098-14462.jpg",          imageAlt: "Single massage session"},
        {
          id: "pro",          title: "Abonament Lunar",          price: "1200 MDL",          period: "pe lună",          features: [
            "4 ședințe (60 min)",            "Prioritate programări",            "10% reducere la alte servicii"],
          button: {
            text: "Cumpără Acum",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman_23-2147816903.jpg",          imageAlt: "Monthly spa membership"},
        {
          id: "premium",          title: "Pachet 5 Ședințe",          price: "1500 MDL",          period: "valabil 3 luni",          features: [
            "5 ședințe (60 min)",            "Flexibilitate program",            "5% reducere la produse spa"],
          button: {
            text: "Detalii Pachet",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-seaweed-snacks_23-2150670821.jpg",          imageAlt: "Package of five massage sessions"},
      ]}
      title="Planuri de Abonament și Ședințe Individuale"
      description="Alege opțiunea care ți se potrivește cel mai bine, de la ședințe unice la abonamente avantajoase."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sărăteanu Victoria",          handle: "Client fidel",          testimonial: "ORTOZ - locul unde profesionalismul întâlnește căldura umană! Recomand cu încredere pentru servicii de calitate și o atmosferă prietenoasă.",          imageSrc: "http://img.b2bpic.net/free-photo/laughing-senior-lady-holding-magazine_23-2148275070.jpg",          imageAlt: "Victoria Sărăteanu"},
        {
          id: "t2",          name: "Ana Popescu",          handle: "Clientă nouă",          testimonial: "Fiecare vizită la Ortoz este o evadare din cotidian. Maseurii sunt incredibili, iar rezultatele se simt imediat.",          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-lying-white-coats_1262-423.jpg",          imageAlt: "Ana Popescu"},
        {
          id: "t3",          name: "Ion Mănescu",          handle: "Client Terapeutic",          testimonial: "Am avut dureri de spate cronice și, după câteva ședințe la Ortoz, am simțit o îmbunătățire semnificativă. Profesioniști adevărați!",          imageSrc: "http://img.b2bpic.net/free-photo/young-physiotherapist-helping-patient-with-back-problems_23-2149115622.jpg",          imageAlt: "Ion Mănescu"},
        {
          id: "t4",          name: "Elena Radu",          handle: "Clientă Spa",          testimonial: "Serviciile sunt impecabile, iar ambianta este de vis. Recomand cu drag Ortoz pentru oricine caută o experiență de masaj de excepție.",          imageSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590345.jpg",          imageAlt: "Elena Radu"},
        {
          id: "t5",          name: "Andrei Stoica",          handle: "Client Wellness",          testimonial: "Nu doar că mă simt mai bine fizic, dar și mental. Masajul de la Ortoz este o investiție în starea mea de bine generală.",          imageSrc: "http://img.b2bpic.net/free-photo/manual-therapy_1098-15117.jpg",          imageAlt: "Andrei Stoica"},
      ]}
      title="Ce spun clienții noștri"
      description="Mărturii autentice de la cei care au experimentat transformarea la Ortoz."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "Ce tipuri de masaj oferiți?",          content: "Oferim masaj terapeutic, de relaxare, sportiv, anti-celulitic și cu pietre calde, personalizate nevoilor dumneavoastră."},
        {
          id: "f2",          title: "Cât durează o ședință de masaj?",          content: "Majoritatea ședințelor noastre durează 60 de minute, dar avem și opțiuni de 30 sau 90 de minute, în funcție de tratament."},
        {
          id: "f3",          title: "Este necesară programarea în avans?",          content: "Da, pentru a asigura disponibilitatea terapeutului dorit și a intervalului orar, recomandăm programarea în avans."},
        {
          id: "f4",          title: "Ce ar trebui să port la o ședință de masaj?",          content: "Vă recomandăm să purtați haine comode. În timpul ședinței, veți fi acoperit cu un prosop, expunând doar zona pe care se lucrează."},
        {
          id: "f5",          title: "Pot alege terapeutul?",          content: "Da, puteți solicita un terapeut preferat în momentul programării, în funcție de disponibilitate."},
        {
          id: "f6",          title: "Oferiți vouchere cadou?",          content: "Absolut! Voucherele cadou pentru serviciile Ortoz sunt o modalitate excelentă de a oferi relaxare și bunăstare celor dragi."},
      ]}
      title="Întrebări Frecvente"
      description="Găsește răspunsuri la cele mai comune întrebări despre serviciile și politica Ortoz."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ești gata să experimentezi relaxarea și revitalizarea la Ortoz? Contactează-ne astăzi pentru a programa ședința ta personalizată de masaj."
      buttons={[
        {
          text: "Sună Acum",          href: "tel:+37368206986"},
        {
          text: "Trimite un Mesaj (WhatsApp)",          href: "https://wa.me/37368206986"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Ortoz"
      columns={[
        {
          title: "Servicii",          items: [
            {
              label: "Masaj Terapeutic",              href: "#features"},
            {
              label: "Masaj de Relaxare",              href: "#features"},
            {
              label: "Masaj Sportiv",              href: "#features"},
          ],
        },
        {
          title: "Companie",          items: [
            {
              label: "Despre Noi",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Tarife",              href: "#pricing"},
          ],
        },
        {
          title: "Suport",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Termeni și Condiții",              href: "#"},
            {
              label: "Politica de Confidențialitate",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Ortoz | Toate drepturile rezervate"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
