"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import { Award, ShieldCheck, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "Products", id: "#products" },
        { name: "About", id: "#about" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Smoke & Ember"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{ variant: "plain" }}
      title="Premium Smoke Shop & Fine Accessories"
      description="Elevate your experience with our curated selection of high-quality bongs, glass smoking pieces, Cookies brand apparel, makeup, and premium tobacco accessories. Quality you can trust, style you can enjoy."
      kpis={[
        { value: "500+", label: "Glass Pieces" },
        { value: "20+", label: "Premium Brands" },
        { value: "24h", label: "Fast Shipping" },
      ]}
      enableKpiAnimation={true}
      buttons={[{ text: "Explore Gear", href: "#products" }]}
      imageSrc="http://img.b2bpic.net/free-photo/waffle-sticks-glass-jar-inside-wooden-tray_114579-19163.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatarText="Trusted by 5k+ enthusiasts"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Curated for Quality"
      metrics={[
        { icon: Award, label: "Hand-Crafted Glass", value: "100%" },
        { icon: ShieldCheck, label: "Quality Checked", value: "Guaranteed" },
        { icon: Users, label: "Expert Support", value: "24/7" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "b1", brand: "Glass Studio", name: "Classic Beaker Bong", price: "$120.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/waffle-sticks-glass-jar-inside-wooden-tray_114579-19163.jpg" },
        { id: "b2", brand: "Cookies", name: "Cookies Signature Duffle", price: "$95.00", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/waffle-sticks-glass-jar-inside-wooden-tray_114579-19163.jpg" },
        { id: "b3", brand: "MK Collection", name: "Signature Purse", price: "$240.00", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/waffle-sticks-glass-jar-inside-wooden-tray_114579-19163.jpg" },
      ]}
      title="Shop Our Latest Collections"
      description="Explore our expanded inventory featuring luxury purses, Cookies lifestyle gear, and premium smoking essentials."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Smoke & Ember"
      columns={[
        { title: "Catalog", items: [{ label: "Bongs & Glass", href: "#products" }, { label: "Cookies Brand", href: "#products" }, { label: "Accessories & Makeup", href: "#products" }] },
        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Shipping", href: "#contact" }] },
      ]}
      copyrightText="© 2025 Smoke & Ember. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}