"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { DollarSign, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Brighton Best"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Brighton Best 99¢ & Up"
      description="Your local home for unbeatable value, everyday essentials, and unique finds. Premium quality at affordable prices."
      buttons={[
        {
          text: "Shop Now",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-looking-window-display-clothing-store_23-2147889079.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Quality at Every Price"
      description={[
        "At Brighton Best, we believe that premium items shouldn't come with premium price tags.",
        "We curate a wide selection of household goods, snacks, decor, and more, keeping everything accessible and affordable for the neighborhood.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Great Selection",
          description: "Thousands of items across home, beauty, and decor.",
          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-zero-waste-products-table_23-2148491197.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/vibrant-shopping-spree-illustration_23-2152028653.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-looking-window-display-clothing-store_23-2147889079.jpg",
          imageAlt: "assorted household goods products",
        },
        {
          title: "Affordable Daily Deals",
          description: "Prices start as low as 99 cents.",
          icon: DollarSign,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/travel-summer-accessories-blue-wood_1249-601.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-basket-with-cleaning-products_23-2148357465.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/urban-group-architecture-women-box_1253-472.jpg",
          imageAlt: "assorted household goods products",
        },
        {
          title: "Community Focus",
          description: "Dedicated to serving the Brighton neighborhood.",
          icon: Users,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-cleaning-products-basket_23-2148818427.jpg",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cleaning-products-with-sponges-brush_23-2148587359.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-ornamental-plants-home-decor-female-hand-shop-window_169016-50350.jpg",
          imageAlt: "assorted household goods products",
        },
      ]}
      title="Why Choose Brighton Best"
      description="Discover why our community loves shopping with us every single day."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          brand: "HomeEssentials",
          name: "Cleaning Supplies",
          price: "$0.99",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-ornamental-plants-home-decor-female-hand-shop-window_169016-50350.jpg",
        },
        {
          id: "2",
          brand: "Decor",
          name: "Wall Art",
          price: "$2.99",
          rating: 4,
          reviewCount: "8",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cleaning-sex-toys_23-2149151824.jpg",
        },
        {
          id: "3",
          brand: "Snacks",
          name: "Organic Nuts",
          price: "$1.99",
          rating: 5,
          reviewCount: "25",
          imageSrc: "http://img.b2bpic.net/free-photo/light-box-with-cosmetic-products_23-2148598597.jpg",
        },
        {
          id: "4",
          brand: "Beauty",
          name: "Facial Mask",
          price: "$0.99",
          rating: 5,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-photo/variety-bowls-cups-modern-household-shop_169016-41492.jpg",
        },
        {
          id: "5",
          brand: "Kitchen",
          name: "Bamboo Spatula",
          price: "$1.99",
          rating: 4,
          reviewCount: "10",
          imageSrc: "http://img.b2bpic.net/free-photo/flower-pots-shelves_1150-9992.jpg",
        },
        {
          id: "6",
          brand: "Stationery",
          name: "Notebooks",
          price: "$0.99",
          rating: 5,
          reviewCount: "30",
          imageSrc: "http://img.b2bpic.net/free-photo/sale-concept-with-notebook-mock-up_23-2148313070.jpg",
        },
      ]}
      title="Top Picks"
      description="Featured items currently available in-store."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Essential",
          price: "Free",
          subtitle: "Sign up for basic deals",
          buttons: [
            {
              text: "Get Started",
              href: "#",
            },
          ],
          features: [
            "Weekly flyer",
            "Basic coupons",
          ],
        },
        {
          id: "pro",
          badge: "VIP",
          price: "$5/mo",
          subtitle: "Unlock store-wide benefits",
          buttons: [
            {
              text: "Upgrade",
              href: "#",
            },
          ],
          features: [
            "10% off everything",
            "Early access to items",
          ],
        },
      ]}
      title="Membership Tiers"
      description="Join our loyalty program to get exclusive member deals."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "10K+",
          description: "Items in stock",
        },
        {
          id: "m2",
          value: "500+",
          description: "Happy customers weekly",
        },
        {
          id: "m3",
          value: "10+",
          description: "Years of service",
        },
      ]}
      title="Serving You"
      description="Numbers that define our growth and passion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="I love shopping at Brighton Best! They have everything I need for my home and the prices are truly unbeatable. The best shop in the neighborhood."
      rating={5}
      author="Sarah Miller"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
          alt: "Sarah Miller",
        },
        {
          src: "http://img.b2bpic.net/free-photo/love-shopping-close-up-shot-beautiful-dark-haired-female-smiling-camera-with-her-purchases-her-hand_651396-3879.jpg",
          alt: "Michael Chen",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-man-holding-shopping-bags-shoulder-looking-isolated_141793-68648.jpg",
          alt: "David Wilson",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-buys-groceries-supermarket_169016-5031.jpg",
          alt: "Elena Rodriguez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg",
          alt: "James Brown",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Visit Us Today"
      description="Located in the heart of the community. Stop by for friendly service and great deals."
      buttons={[
        {
          text: "Get Directions",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Brighton Best 99¢ & Up"
      copyrightText="© 2025 Brighton Best 99¢ & Up | All rights reserved"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
