"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Amenities", id: "features" },
        { name: "Dining", id: "restaurant" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Crystal Land"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{ variant: "plain" }}
      title="Experience Endless Fun at Crystal Land"
      description="Nanakmatta's premier water park and dining destination. Dive into refreshing pools and enjoy delicious food with friends and family."
      avatars={[
        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536628-cfbmivpk.png", alt: "Pool view" },
        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-3eo1h24r.png", alt: "Family fun" },
        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-796z322b.png", alt: "Restaurant area" },
        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-572mv1dc.png", alt: "Dining atmosphere" },
      ]}
      avatarText="Join hundreds of happy families!"
      buttons={[
        { text: "Explore Dining", href: "#restaurant" },
        { text: "Explore Amenities", href: "#features" },
      ]}
      marqueeItems={[
        { type: "text", text: "10+ Slides" },
        { type: "text", text: "Family Friendly" },
        { type: "text", text: "Pool Access" },
        { type: "text", text: "Fine Dining" },
        { type: "text", text: "Open Daily" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Welcome to Our Oasis"
      description="Crystal Land offers a perfect blend of high-energy water attractions and peaceful dining experiences. We aim to make every visit memorable for our guests."
      metrics={[
        { value: "10+", title: "Thrilling Slides" },
        { value: "5k+", title: "Happy Visitors" },
        { value: "4.1*", title: "Rating" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536628-cfbmivpk.png?_wi=1"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "f1", title: "Water Rides", description: "High-octane water slides for all ages.", tag: "Fun", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-3eo1h24r.png?_wi=1" },
        { id: "f2", title: "Swimming Pools", description: "Crystal clear water, perfectly maintained.", tag: "Relax", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536628-cfbmivpk.png?_wi=2" },
      ]}
      title="World-Class Amenities"
      description="Discover everything we have to offer, from exhilarating rides to savory cuisine."
    />
  </div>

  <div id="restaurant" data-section="restaurant">
      <ProductCardTwo
      title="Our Restaurant"
      description="Experience culinary excellence with our locally sourced ingredients and authentic flavors."
      gridVariant="three-columns-all-equal-width"
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      products={[
        { id: "r1", brand: "Authentic", name: "Signature Dushbara", price: "₹299", rating: 5, reviewCount: "48 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-796z322b.png?_wi=1" },
        { id: "r2", brand: "Refreshing", name: "Garden Salad", price: "₹199", rating: 4, reviewCount: "32 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-572mv1dc.png?_wi=1" },
        { id: "r3", brand: "Classic", name: "Grilled Specialty", price: "₹450", rating: 5, reviewCount: "56 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-796z322b.png?_wi=2" }
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", title: "Wonderful family day", quote: "Nice place to visit with family and friends, food and ambience was very good.", name: "Amit Kumar", role: "Visitor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-3eo1h24r.png?_wi=2" },
        { id: "t2", title: "Great value", quote: "Food was really good at reasonable price with good service.", name: "Priya Singh", role: "Local", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DTGh05bYk6qadO2GYd5fmuRWif/uploaded-1778299536629-572mv1dc.png?_wi=2" },
      ]}
      title="Guest Feedback"
      description="See what our visitors say about their time at Crystal Land."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "When are you open?", content: "We open daily at 10 a.m." },
        { id: "q2", title: "Do you serve food?", content: "Yes, we have a restaurant serving varied local and continental cuisine." },
      ]}
      title="Frequently Asked Questions"
      description="Have questions? We have answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contact Us"
      title="Ready to Visit Us?"
      description="We are located at WRJR+P7J, Sunkhra, Nanakmatta. Give us a call or plan your trip now."
      buttons={[ { text: "Call Now", href: "tel:+916396620021" } ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Crystal Land"
      columns={[
        { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Dining", href: "#restaurant" }, { label: "FAQ", href: "#faq" }] },
        { title: "Contact", items: [{ label: "Call +91 63966 20021", href: "tel:+916396620021" }] },
      ]}
      copyrightText="© 2025 | Crystal Land Water Park"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}