"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Coffee, Heart, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline 
          brandName="BrewHaven"
          navItems={[
            { name: "Menu", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "#products"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit 
          logoText="BrewHaven"
          description="Discover expertly crafted coffee and artisanal pastries in our welcoming café. Experience the perfect blend of quality, community, and exceptional taste."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "View Menu", href: "#products" },
            { text: "Visit Us", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg"
          imageAlt="Artisanal coffee and latte"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <AboutMetric 
          title="BrewHaven: Where Coffee Passion Meets Community"
          useInvertedBackground="noInvert"
          metrics={[
            { icon: Coffee, label: "Years of Excellence", value: "12+" },
            { icon: Users, label: "Happy Customers", value: "5K+" },
            { icon: Award, label: "Award-Winning Roasts", value: "15+" },
            { icon: Heart, label: "Community Events", value: "Monthly" }
          ]}
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardOne 
          title="Our Coffee Selection"
          description="Premium, freshly roasted single-origin and blended coffees crafted for every taste"
          tag="Featured"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Signature Espresso",              price: "$5.99",              imageSrc: "https://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg",              imageAlt: "Rich espresso shot"
            },
            {
              id: "2",              name: "Creamy Cappuccino",              price: "$6.49",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148892879.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              name: "Cold Brew Iced Coffee",              price: "$5.99",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-woman-with-coffee-cup_23-2150244119.jpg",              imageAlt: "Refreshing iced coffee"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
        />
      </div>
      
      <div id="specialties" data-section="specialties">
        <FeatureCardSixteen 
          title="Why Choose BrewHaven"
          description="Experience the difference that passion and expertise make in every cup"
          tag="Our Commitment"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          negativeCard={{
            items: [
              "Mass-produced coffee",              "Inconsistent quality",              "Impersonal service",              "Limited seating"
            ]
          }}
          positiveCard={{
            items: [
              "Artisanal roasted daily",              "Consistent excellence",              "Personalized barista care",              "Spacious, welcoming café"
            ]
          }}
          animationType="slide-up"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardEleven 
          title="BrewHaven by the Numbers"
          description="A testament to our commitment to quality and customer satisfaction"
          tag="Our Impact"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "500+",              title: "Daily Visitors",              description: "Loyal community members visiting every single day",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-holding-glass_23-2149045763.jpg",              imageAlt: "Busy coffee shop interior"
            },
            {
              id: "2",              value: "98%",              title: "Customer Satisfaction",              description: "Consistently exceeding expectations with quality and service",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee_23-2149703761.jpg",              imageAlt: "Professional barista preparing coffee"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix 
          title="What Our Customers Say"
          description="Real experiences from coffee lovers in our community"
          tag="Customer Love"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@coffee_lover_2024",              testimonial: "BrewHaven has become my daily sanctuary. The quality of their espresso and warm atmosphere is unmatched in the city.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@james_tech_writer",              testimonial: "Perfect workspace vibe. The coffee keeps me productive and the baristas actually remember my order. That's service!",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emma_creatives",              testimonial: "The pastries are fresh, the coffee is exceptional, and every visit feels like coming home to friends.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Park",              handle: "@michael_designs",              testimonial: "Best specialty coffee in town. Their single-origin selections are incredible and the baristas are true craftspeople.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Michael Park"
            },
            {
              id: "5",              name: "Lisa Thompson",              handle: "@lisa_morning_ritual",              testimonial: "I've tried every coffee shop nearby, but BrewHaven's consistency and care for detail keep bringing me back.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",              name: "David Wong",              handle: "@david_foodie",              testimonial: "The café's commitment to sourcing ethical, premium beans really shows in every sip. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "David Wong"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to experience BrewHaven? Visit us today and discover why our community loves every cup. Your perfect coffee awaits."
          animationType="entrance-slide"
          buttons={[
            { text: "Find Us", href: "#" },
            { text: "Order Online", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/close-up-barista-pouring-coffee-into-cup_23-2148420316.jpg"
          imageAlt="Cozy BrewHaven café atmosphere"
          logoText="BrewHaven"
          copyrightText="© 2025 BrewHaven Coffee. All rights reserved."
          columns={[
            {
              title: "Menu",              items: [
                { label: "Coffee", href: "#products" },
                { label: "Pastries", href: "#products" },
                { label: "Specials", href: "#specialties" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#metrics" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "#contact" },
                { label: "Instagram", href: "#" },
                { label: "Email", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}