"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CheckCircle, Droplets, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmall"
        background="none"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Pricing", id: "pricing" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Trnávka Swimming Pool"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{ variant: "rotated-rays-static" }}
      title="Cool Off at Trnávka This Summer"
      description="Your neighborhood swimming destination, located in the heart of the community with a rich history of summer memories. Join us for family fun, lap training, and relaxation."
      buttons={[
        { text: "Buy Tickets Now", href: "#pricing" },
      ]}
      carouselItems={[
        { id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-mattress-pool_23-2147814752.jpg", imageAlt: "Family pool recreation" },
        { id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girls-posing-water_23-2148699974.jpg", imageAlt: "Lap lanes swimming" },
        { id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/fishing-brothers_1098-20860.jpg", imageAlt: "Kids water area" },
        { id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-swimming-pool_23-2147814738.jpg", imageAlt: "Sunny pool day" },
        { id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3040.jpg", imageAlt: "Tranquil blue pool" },
        { id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-swimmer-pool_23-2148326782.jpg", imageAlt: "Swimming facility architecture" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Established 1985"
      description={[
        "For nearly four decades, Trnávka has been the premier summer destination for families and swimming enthusiasts. Located conveniently on the edge of the scenic town green, we have grown from a modest municipal pool to a modern aquatic facility.",        "Our history is built on community trust and endless summer joy. We continue to upgrade our facilities every season to ensure the highest standards for our visitors."
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        { id: "f1", label: "Pools", title: "Family & Lap Pools", items: ["Olympic-sized lap pool", "Zero-entry family zone", "Diving board area"] },
        { id: "f2", label: "Services", title: "Lessons & Events", items: ["Swim lessons for all ages", "Corporate event hosting", "Private party rentals"] },
        { id: "f3", label: "Amenities", title: "Comfort & Safety", items: ["Lifeguard monitored", "On-site snack bar", "Changing rooms and lockers"] },
      ]}
      title="Facility Highlights"
      description="Everything you need for a perfect day at the pool."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        { id: "p1", badge: "Daily", price: "150 CZK", subtitle: "Full day access", features: ["Access to all pools", "Free lockers", "Full-day re-entry"], buttons: [{ text: "Book Daily", href: "#" }] },
        { id: "p2", badge: "Family", price: "450 CZK", subtitle: "Best for groups", features: ["2 Adults + 2 Kids", "Includes 1 drink each", "Family locker access"], buttons: [{ text: "Book Family", href: "#" }] },
        { id: "p3", badge: "Best Value", price: "2,500 CZK", subtitle: "All summer long", features: ["Unlimited pool entry", "Fast-track entry lane", "Event discounts"], buttons: [{ text: "Buy Season", href: "#" }] },
      ]}
      title="Clear & Simple Pricing"
      description="Choose the ticket option that fits your visit."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", title: "Water Temperature", value: "26°C", icon: Droplets },
        { id: "m2", title: "Current Occupancy", value: "65%", icon: Users },
        { id: "m3", title: "Facility Status", value: "Open", icon: CheckCircle },
      ]}
      title="Facility Status"
      description="Real-time updates to help you plan your visit."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Jana Nováková", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-her-parents-spending-time-swimming-pool_259150-59157.jpg" },
        { id: "t2", name: "Petr Svoboda", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-male-swimmer_23-2148326733.jpg" },
        { id: "t3", name: "Marie Dvořáková", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-senior-man-swimming_23-2151207401.jpg" },
        { id: "t4", name: "Karel Černý", imageSrc: "http://img.b2bpic.net/free-photo/little-cute-baby-boy-instructor-with-kid-mother-with-son_1157-42285.jpg" },
        { id: "t5", name: "Lucie Kučerová", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg" },
      ]}
      cardTitle="Loved by the Community"
      cardTag="Recent Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        { id: "q1", title: "Is the pool open in bad weather?", content: "Yes, we monitor conditions closely and remain open unless severe weather warnings are issued." },
        { id: "q2", title: "Are there swimming lessons available?", content: "We offer group and private lessons for children and adults. Check our events board for schedules." },
        { id: "q3", title: "Can I bring my own food?", content: "We encourage you to visit our on-site snack bar, but small snacks are allowed in picnic areas." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/professional-guys-posing-beach-with-lifejacket-lifebuoy_273609-31488.jpg"
      mediaAnimation="slide-up"
      title="Common Questions"
      description="Answers to help you have the best day at Trnávka."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      text="Ready to dive in? Contact us for event bookings or membership questions today."
      buttons={[
        { text: "Contact Us", href: "mailto:info@trnavkapool.cz" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Tickets", href: "#pricing" }] },
        { title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
      ]}
      bottomLeftText="© 2024 Trnávka Swimming Pool"
      bottomRightText="Built with passion"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}