"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Coffee, Heart, Award, Globe, Users, Leaf, Zap, Home, Sprout } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="large"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="BrewBliss"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Why Us", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Discover Your Perfect Cup of Coffee"
          description="Handcrafted specialty coffees made with premium beans and expert barista skills. Experience the warmth and comfort of BrewBliss."
          tag="Specialty Coffee"
          tagIcon={Coffee}
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Visit Us Today", href: "#contact" },
            { text: "View Menu", href: "#products" }
          ]}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee_23-2149703761.jpg",              imageAlt: "Premium specialty latte"
            },
            {
              id: "carousel-2",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-fresh-coffee-with-milk-sugar_23-2148463986.jpg",              imageAlt: "Expertly poured espresso"
            },
            {
              id: "carousel-3",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-glass-cappuccino_140725-13865.jpg",              imageAlt: "Roasted coffee beans"
            },
            {
              id: "carousel-4",              imageSrc: "https://img.b2bpic.net/free-photo/cappuccino-coffee-glass-with-croissant-wooden-tray_23-2147908384.jpg",              imageAlt: "Beautiful latte art"
            },
            {
              id: "carousel-5",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg",              imageAlt: "Professional espresso machine"
            },
            {
              id: "carousel-6",              imageSrc: "https://img.b2bpic.net/free-photo/hot-cup-cappuccino-with-froth_140725-7517.jpg",              imageAlt: "Cozy coffee shop interior"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Crafting Coffee Excellence Since 2015. Every cup tells a story of passion, quality, and dedication to the perfect brew."
          useInvertedBackground="invertDefault"
          metrics={[
            {
              icon: Heart,
              label: "Coffee Lovers Served",              value: "50K+"
            },
            {
              icon: Award,
              label: "Award-Winning Blends",              value: "12"
            },
            {
              icon: Globe,
              label: "Sustainable Sourcing",              value: "100%"
            },
            {
              icon: Users,
              label: "Happy Customers",              value: "9.8/10"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Signature Menu"
          description="Explore our carefully curated selection of premium coffee drinks and specialty beverages"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          products={[
            {
              id: "1",              brand: "BrewBliss",              name: "Signature Espresso",              price: "$4.50",              rating: 5,
              reviewCount: "428",              imageSrc: "https://img.b2bpic.net/free-photo/latte-macchiato-black-coffee-milk-espresso-milk-foam_141793-4470.jpg",              imageAlt: "Signature espresso shot"
            },
            {
              id: "2",              brand: "BrewBliss",              name: "Velvety Cappuccino",              price: "$5.25",              rating: 5,
              reviewCount: "512",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-easter-coffee-decorations_52683-109956.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              brand: "BrewBliss",              name: "Cold Brew Refresher",              price: "$5.00",              rating: 5,
              reviewCount: "356",              imageSrc: "https://img.b2bpic.net/free-photo/latte-coffee_74190-7821.jpg",              imageAlt: "Iced cold brew coffee"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Why Choose BrewBliss"
          description="Experience the difference that quality, expertise, and passion make in every cup"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              icon: Leaf,
              title: "Premium Quality Beans",              description: "Carefully sourced from sustainable farms around the world. Each bean is roasted to perfection to bring out unique flavor profiles."
            },
            {
              icon: Zap,
              title: "Expert Baristas",              description: "Our certified baristas bring years of experience and passion to every drink. Precision and artistry in every pour."
            },
            {
              icon: Home,
              title: "Cozy Atmosphere",              description: "Warm ambiance, comfortable seating, and free WiFi make BrewBliss your perfect workspace or hangout spot."
            },
            {
              icon: Sprout,
              title: "Eco-Friendly Practices",              description: "100% compostable cups, reusable alternatives, and sustainable sourcing. Your coffee with a clear conscience."
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="We believe in quality over quantity. Every metric reflects our commitment to excellence and customer satisfaction."
          tag="Our Impact"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "98%",              description: "Customer satisfaction rate with our drinks and service quality"
            },
            {
              id: "2",              value: "15",              description: "Years of combined barista experience in our team"
            },
            {
              id: "3",              value: "500+",              description: "Daily customers who trust us for their coffee needs"
            },
            {
              id: "4",              value: "24/7",              description: "Hours we're dedicated to serving the coffee community"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Over 50,000 coffee lovers trust BrewBliss for their daily dose of perfection"
          cardTag="Loved by Our Community"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Williams",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",              imageAlt: "Michael Williams"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected with BrewBliss"
          description="Subscribe to our newsletter for exclusive offers, new menu items, barista tips, and coffee inspiration delivered straight to your inbox."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/cup-latte-with-drawn-bear-milk-foam-beans-side-view_141793-4171.jpg"
          imageAlt="Cozy BrewBliss coffee shop interior"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime. No spam, just great coffee updates."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="BrewBliss" />
      </div>
    </ThemeProvider>
  );
}