"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import { Coffee, CheckCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Products",          id: "products"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="BrewMugs"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Start Your Morning with Artistry"
      description="Discover our collection of handcrafted ceramic mugs, designed to bring warmth and elegance to every sip."
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-hands-holding-clay-cup_23-2149644946.jpg"
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg",          alt: "Barista making coffee"},
        {
          src: "http://img.b2bpic.net/free-photo/cozy-composition-with-cup-tea-books-knitted-element_169016-42672.jpg",          alt: "Cozy tea composition"},
        {
          src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46356.jpg",          alt: "Handmade mug closeup"},
        {
          src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46555.jpg",          alt: "Autumn cozy mug"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-cup-with-hot-tea-breaks_23-2148375054.jpg",          alt: "Tea break cup"},
      ]}
      avatarText="Trusted by 10,000+ coffee lovers"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Crafted with Passion"
      tag="Our Philosophy"
      tagIcon={Coffee}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Premium Ceramic",          description: "High-quality, durable clay fired to perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-hot-drinks-while-camping-outdoors_23-2148704463.jpg",          buttonIcon: CheckCircle,
        },
        {
          title: "Microwave Safe",          description: "Heat your favorite beverage without worry.",          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295824.jpg",          buttonIcon: CheckCircle,
        },
        {
          title: "Ergonomic Grip",          description: "Designed to fit comfortably in your hand.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mug-floating-water_23-2151013909.jpg",          buttonIcon: CheckCircle,
        },
        {
          title: "Eco-Friendly",          description: "Sustainable production for a greener home.",          imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-happy-woman-holding-mug_23-2148717752.jpg",          buttonIcon: CheckCircle,
        },
      ]}
      title="Why Choose Our Mugs?"
      description="Engineered for comfort and designed for style, our mugs are the perfect companion for your daily brew."
    />
  </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: "Classic White",          price: "$25",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-woman-holding-mug-taking-selfies_23-2148717773.jpg"},
        {
          id: "2",          name: "Obsidian Black",          price: "$28",          imageSrc: "http://img.b2bpic.net/free-photo/front-tea-with-cookies_95678-244.jpg"},
        {
          id: "3",          name: "Sky Blue",          price: "$28",          imageSrc: "http://img.b2bpic.net/free-photo/blue-cup-placed-snow_23-2148011904.jpg"},
        {
          id: "4",          name: "Stone Grey",          price: "$25",          imageSrc: "http://img.b2bpic.net/free-photo/black-cup-full-with-organic-kumquats_114579-61618.jpg"},
        {
          id: "5",          name: "Golden Hour",          price: "$35",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-tea-cup-organic-background_23-2151775034.jpg"},
        {
          id: "6",          name: "Terracotta",          price: "$30",          imageSrc: "http://img.b2bpic.net/free-photo/stack-earthtoned-bowls-simple-elegant-kitchen-decor_157027-4251.jpg"},
      ]}
      title="Our Collection"
      description="Choose your favorite design from our curated selection."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "10k+",          title: "Happy Drinkers",          description: "Mugs delivered across the globe.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-mug-copy-space_23-2148379690.jpg"},
        {
          id: "m2",          value: "50+",          title: "Unique Designs",          description: "Variations created for your taste.",          imageSrc: "http://img.b2bpic.net/free-photo/cup-with-black-coffee-wooden-board_23-2148623253.jpg"},
        {
          id: "m3",          value: "100%",          title: "Satisfaction",          description: "Guaranteed quality and care.",          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee_1339-7150.jpg"},
      ]}
      title="Mugs in Numbers"
      description="The impact of our craft in your daily life."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Alice Smith",          handle: "@alicesmith",          testimonial: "The best mug I've ever owned. Perfectly balanced.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-young-woman-sits-kitchen-floor-extends-hand-with-cup-offers-you-mug-with-coffee_1258-187222.jpg"},
        {
          id: "t2",          name: "Bob Jones",          handle: "@bobjones",          testimonial: "Stunning design, holds heat like a charm.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-22377.jpg"},
        {
          id: "t3",          name: "Charlie Day",          handle: "@cday",          testimonial: "My morning coffee has never felt more premium.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-getting-coffee-cup_23-2148389828.jpg"},
        {
          id: "t4",          name: "Diana Prince",          handle: "@diana",          testimonial: "Great gift idea for any coffee lover.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-indoor-portrait-smiling-european-woman-with-dark-hair-wearing-white-t-shirt-drinking-coffee-morning-kitchen_291650-160.jpg"},
        {
          id: "t5",          name: "Evan Wright",          handle: "@ewright",          testimonial: "Worth every penny for the quality.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-smiling_23-2148665396.jpg"},
      ]}
      title="Loved by Coffee Enthusiasts"
      description="See why our customers love their morning ritual."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Are these dishwasher safe?",          content: "Yes, our mugs are safe to clean in the dishwasher."},
        {
          id: "q2",          title: "Do you ship worldwide?",          content: "We offer shipping to most countries globally."},
        {
          id: "q3",          title: "What material is used?",          content: "We use high-quality ceramic clay fired at high temperatures."},
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about our products."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in touch"
      title="Need Support?"
      description="Our team is here to help you find your perfect mug."
      buttons={[
        {
          text: "Contact Us",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About",              href: "#about"},
          ],
        },
        {
          items: [
            {
              label: "Products",              href: "#products"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      logoText="BrewMugs"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
