"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { CheckCircle, Shield, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Movies",          id: "products"},
        {
          name: "Events",          id: "features"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="IndiTicket"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Your Ticket to Magic"
      description="Experience movies and live events across India with our seamless, real-time booking platform."
      tag="India's #1 Ticketing App"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-cyber-monday-horizontal-sale-banners-set_23-2149120116.jpg",          imageAlt: "Cinema Experience"},
        {
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-cyber-monday-horizontal-sale-banners-set_23-2149120116.jpg",          imageAlt: "Event Crowd"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="4.9/5 from 1M+ users"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          icon: CheckCircle,
          title: "Instant Confirmation",          description: "Get your tickets in your inbox immediately after booking."},
        {
          icon: Zap,
          title: "Real-time Availability",          description: "Always stay updated with the latest seat status at your favorite venues."},
        {
          icon: Shield,
          title: "Secure Payments",          description: "Advanced encryption for safe and quick financial transactions."},
      ]}
      title="Why Book With Us?"
      description="Premium features to make your entertainment experience effortless."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Action Blockbuster",          price: "₹250",          imageSrc: "http://img.b2bpic.net/free-photo/person-documenting-war-conflict-zone-through-photography_23-2151671707.jpg"},
        {
          id: "2",          name: "Global Music Festival",          price: "₹1500",          imageSrc: "http://img.b2bpic.net/free-vector/modern-music-festival-poster_23-2147558179.jpg"},
        {
          id: "3",          name: "Tech Conference 2025",          price: "₹5000",          imageSrc: "http://img.b2bpic.net/free-vector/business-flyer-template-with-photo_23-2148274516.jpg"},
      ]}
      title="Trending Now"
      description="Don't miss the biggest blockbusters and events happening near you."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Best app ever",          quote: "Booking tickets has never been this easy. Seamless experience every single time.",          name: "Aarav Sharma",          role: "Film Buff",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-smartphone_23-2149005348.jpg"},
        {
          id: "2",          title: "Reliable & Fast",          quote: "I use IndiTicket for all major music concerts. Their support is world-class.",          name: "Priya Iyer",          role: "Concert Goer",          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-grandstands-side-view_23-2149867396.jpg"},
        {
          id: "3",          title: "Smooth UI",          quote: "The seat selection process is incredibly intuitive. Saved me so much time.",          name: "Rahul Mehta",          role: "Corporate Professional",          imageSrc: "http://img.b2bpic.net/free-vector/flat-web-design-elements-green-color_23-2147542335.jpg"},
        {
          id: "4",          title: "Great Discounts",          quote: "Always finding the best deals on movie tickets here. Highly recommended!",          name: "Ananya Rao",          role: "Student",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-big-hat-using-laptop_273609-13389.jpg"},
        {
          id: "5",          title: "Excellent Service",          quote: "Customer support helped me rebook a show quickly. Top-notch service.",          name: "Vikram Singh",          role: "Frequent Traveler",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-smartphone_23-2149005348.jpg"},
      ]}
      title="Loved by Millions"
      description="Hear what our users say about the IndiTicket experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "How do I cancel my ticket?",          content: "You can manage cancellations directly from the 'My Bookings' section in your profile."},
        {
          id: "2",          title: "Is my payment information safe?",          content: "Yes, we use industry-standard encryption for all your financial transactions."},
        {
          id: "3",          title: "Can I book for others?",          content: "Absolutely! Just enter the attendee details at the checkout page."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find answers to all your common queries about booking tickets."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Keep in Touch"
      title="Stay Updated"
      description="Subscribe to our newsletter for exclusive offers and upcoming show alerts."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="IndiTicket"
      copyrightText="© 2025 IndiTicket. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
