"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Coffee, Leaf, Flame, Users, Globe, Star, TrendingUp, Heart, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Bean & Brew"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Craft Your Perfect Cup"
          description="Experience ethically sourced, expertly roasted coffee in a warm, welcoming atmosphere. From classic espresso to innovative specialty drinks, every sip tells a story of quality and passion."
          tag="Premium Coffee Experience"
          tagIcon={Coffee}
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="Cozy coffee shop interior with warm lighting"
          imagePosition="right"
          kpis={[
            { value: "15 Years", label: "Crafting Excellence" },
            { value: "500+", label: "Happy Daily Visitors" },
            { value: "25+", label: "Signature Blends" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Explore Menu", href: "#products" },
            { text: "Visit Us Today", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Bean & Brew: Where Passion Meets Every Pour. Committed to sourcing the finest beans from sustainable farms worldwide and roasting them fresh to highlight each origin's unique character."
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Leaf, label: "Ethically Sourced", value: "100%" },
            { icon: Flame, label: "Small Batch Roasted", value: "Daily" },
            { icon: Users, label: "Community Members", value: "2,500+" },
            { icon: Globe, label: "Origins Represented", value: "12 Countries" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Signature Selection"
          description="Handpicked coffee products crafted to perfection. Each item represents our commitment to quality and innovation."
          tag="Featured Favorites"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              brand: "Bean & Brew",              name: "Ethiopian Yirgacheffe",              price: "$14.99",              rating: 5,
              reviewCount: "342",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-cup_23-2148865572.jpg",              imageAlt: "Ethiopian Yirgacheffe single-origin coffee"
            },
            {
              id: "2",              brand: "Bean & Brew",              name: "Signature Espresso Blend",              price: "$16.99",              rating: 5,
              reviewCount: "518",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-preparing-drink_23-2148865580.jpg",              imageAlt: "Premium espresso blend with rich crema"
            },
            {
              id: "3",              brand: "Bean & Brew",              name: "Colombian Supremo",              price: "$13.99",              rating: 5,
              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-holding-coffee-cup_23-2148865570.jpg",              imageAlt: "Colombian Supremo whole beans"
            }
          ]}
          buttons={[
            { text: "Shop All Products", href: "#contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Impact"
          description="By the Numbers"
          tag="Statistics"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="invertDefault"
          metrics={[
            { id: "1", value: "50K+", description: "Cups Served Monthly" },
            { id: "2", value: "98%", description: "Customer Satisfaction" },
            { id: "3", value: "12", description: "Award Wins" },
            { id: "4", value: "24/7", description: "Community Hub" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Join thousands of coffee lovers who've made Bean & Brew their daily destination for exceptional coffee and genuine connection"
          cardTag="Loved by Our Community"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",              imageAlt: "Sarah Anderson"
            },
            {
              id: "2",              name: "Marcus Chen",              imageSrc: "https://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "3",              name: "Jessica Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "4",              name: "David Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",              imageAlt: "David Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Mail}
          title="Stay Brewed In"
          description="Subscribe to our newsletter for exclusive blends, events, and insider tips on coffee culture. Join our community of passionate coffee enthusiasts."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/latte-coffee-cup-table_1203-7315.jpg"
          imageAlt="Cozy coffee shop setting"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Join Us"
          termsText="We respect your privacy. Unsubscribe anytime. Your coffee journey matters to us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/latte-coffee-cup-table_1203-7315.jpg"
          imageAlt="Coffee shop ambiance"
          logoText="Bean & Brew"
          copyrightText="© 2025 Bean & Brew Coffee Co. | Crafted with care and passion."
          columns={[
            {
              title: "Menu",              items: [
                { label: "Espresso Drinks", href: "#products" },
                { label: "Single Origins", href: "#products" },
                { label: "Specialty Blends", href: "#products" },
                { label: "Seasonal Offerings", href: "#products" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#about" },
                { label: "Team", href: "#about" },
                { label: "Sourcing", href: "#about" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Events", href: "#contact" },
                { label: "Catering", href: "#contact" },
                { label: "Loyalty Program", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}