"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Our Water",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="PureFlow"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars",
      }}
      title="Pure Water. Three Perfect Choices."
      description="Discover our heritage of clean hydration and explore three premium water varieties crafted for your lifestyle—each with unique mineral profiles and sourcing stories."
      buttons={[
        {
          text: "Explore Our Waters",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/glasses-water-with-shadow_23-2148863475.jpg"
      imageAlt="Pure premium water bottle presentation"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Our Heritage of Purity"
      buttons={[
        {
          text: "Learn More About Our Story",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Alpine Spring",
          price: "$3.50",
          imageSrc: "http://img.b2bpic.net/free-photo/glass-water-ai-generated_268835-11497.jpg",
        },
        {
          id: "2",
          name: "Mineral Sparkle",
          price: "$4.00",
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-water-bottle_23-2151049052.jpg",
        },
        {
          id: "3",
          name: "Alkaline Dew",
          price: "$3.75",
          imageSrc: "http://img.b2bpic.net/free-photo/plastic-bottle-with-clear-water_23-2147828399.jpg",
        },
        {
          id: "4",
          name: "Glacier Mist",
          price: "$3.90",
          imageSrc: "http://img.b2bpic.net/free-photo/yellow-lemons-black-surface-with-glass-glintwine_114579-17269.jpg",
        },
        {
          id: "5",
          name: "Mountain Flow",
          price: "$3.20",
          imageSrc: "http://img.b2bpic.net/free-photo/glass-water_23-2148113513.jpg",
        },
        {
          id: "6",
          name: "Arctic Calm",
          price: "$4.10",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-delicious-kombucha-drink_23-2148895713.jpg",
        },
      ]}
      title="Our Premium Water Varieties"
      description="Crafted from nature, balanced for health."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Refreshing",
          quote: "The best water I have ever tasted. Feels incredibly pure.",
          name: "Sarah J.",
          role: "Athlete",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-bowing-head-her-shoulder-sport-suit-looking-cute-front-view_176474-39009.jpg",
        },
        {
          id: "2",
          title: "Essential",
          quote: "Perfect for my daily wellness routine.",
          name: "Michael C.",
          role: "Coach",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-pajamas-having-breakfast-kitchen-morning-eating-biscuits-drinking-milk-healthy-lifestyle_285396-4861.jpg",
        },
        {
          id: "3",
          title: "Premium Quality",
          quote: "Love the mineral profile and the sourcing transparency.",
          name: "Emily R.",
          role: "Professional",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-latin-people_23-2151057783.jpg",
        },
        {
          id: "4",
          title: "Pure Choice",
          quote: "I only drink this for my health and fitness.",
          name: "David K.",
          role: "Wellness Expert",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
        },
        {
          id: "5",
          title: "Consistent",
          quote: "The quality never falters. Truly high-end hydration.",
          name: "Jessica L.",
          role: "Business Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-spectacular-lovely-girl-with-bright-make-up-collected-hair-tshirt-is-sincerely-smiling-camera-city-background_291650-2381.jpg",
        },
      ]}
      title="Trusted by Health Advocates"
      description="What our customers are saying about our premium water."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Join Us"
      title="Stay Hydrated with Us"
      description="Subscribe for updates, hydration tips, and exclusive offers."
      imageSrc="http://img.b2bpic.net/free-photo/fresh-pear-juice-table_23-2148306935.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="PureFlow"
      columns={[
        {
          title: "Product",
          items: [
            {
              label: "All Varieties",
              href: "#products",
            },
            {
              label: "Retailers",
              href: "#",
            },
            {
              label: "Bulk Orders",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Our History",
              href: "#",
            },
            {
              label: "Sustainability",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
