"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Coffee, Award, Users, Globe, Sparkles, Star, Heart } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Bean & Brew"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Why Us", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Craft Your Perfect Cup"
          description="Discover artisanal coffee roasted fresh daily. From bold espressos to smooth lattes, we craft every cup with passion and precision."
          tag="Premium Café Experience"
          tagIcon={Coffee}
          imageSrc="https://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee_23-2149703761.jpg"
          imageAlt="Freshly brewed coffee in a ceramic cup"
          buttons={[
            { text: "View Menu", href: "#products" },
            { text: "Visit Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="We've been perfecting our craft since 2015, sourcing the finest coffee beans from sustainable farms across the globe to bring you exceptional quality in every sip."
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Coffee, label: "Coffee Blends", value: "12+" },
            { icon: Award, label: "Awards Won", value: "8" },
            { icon: Users, label: "Happy Customers", value: "5K+" },
            { icon: Globe, label: "Countries Sourced", value: "15" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Why Choose Bean & Brew"
          description="Discover what makes our coffee shop the preferred destination for coffee enthusiasts"
          tag="Our Excellence"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Sourcing",              title: "Ethically Sourced Beans",              subtitle: "Direct relationships with farmers",              description: "We partner directly with coffee farmers worldwide, ensuring fair trade practices and the freshest, highest-quality beans delivered to our roastery.",              imageSrc: "https://img.b2bpic.net/free-photo/new-shiny-coffee-machine-coffee-shop-is-ready-start-making-coffee_613910-17361.jpg",              imageAlt: "Espresso machine preparing coffee"
            },
            {
              id: 2,
              tag: "Craft",              title: "Expert Roasting",              subtitle: "Small-batch roasted fresh daily",              description: "Our certified master roasters carefully roast each batch to perfection, bringing out unique flavor profiles that make our coffee distinctly exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg",              imageAlt: "Skilled barista crafting coffee"
            },
            {
              id: 3,
              tag: "Experience",              title: "Cozy Atmosphere",              subtitle: "Your second home awaits",              description: "Step into our warm, welcoming space designed for comfort and connection. Whether you're working, studying, or catching up with friends, Bean & Brew is your perfect sanctuary.",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee_23-2149703761.jpg",              imageAlt: "Coffee shop interior with comfortable seating"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Signature Menu"
          description="Handcrafted beverages made with passion and precision. Each cup tells a story of quality and care."
          tag="Coffee Collection"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Bean & Brew",              name: "Cappuccino",              price: "$5.50",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-organic-latte-macchiato-with-milk_23-2148420329.jpg",              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "2",              brand: "Bean & Brew",              name: "Americano",              price: "$4.25",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "https://img.b2bpic.net/free-photo/latte-cup-coffee-with-cinnamon-sticks_141793-775.jpg",              imageAlt: "Rich and bold americano"
            },
            {
              id: "3",              brand: "Bean & Brew",              name: "Mocha Delight",              price: "$6.75",              rating: 5,
              reviewCount: "1.5k",              imageSrc: "https://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9896.jpg",              imageAlt: "Decadent mocha with chocolate drizzle"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Love"
          description="Join thousands of satisfied coffee lovers who make Bean & Brew their daily destination"
          tag="Customer Stories"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Coffee Enthusiast",              date: "Date: 15 January 2025",              title: "Best coffee in the city, hands down!",              quote: "I've tried countless coffee shops, but Bean & Brew stands out with their exceptional quality and warm atmosphere. The baristas know my order by heart, and the consistency is unmatched. This is my happy place.",              tag: "Regular Customer",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",              avatarAlt: "Sarah Mitchell",              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 ambiance"
            },
            {
              id: "2",              name: "James Chen, Remote Worker",              date: "Date: 22 January 2025",              title: "My office away from home",              quote: "As someone who works remotely, finding the right café is crucial. Bean & Brew has reliable WiFi, comfortable seating, and amazing coffee that keeps me energized throughout the day. Highly recommend!",              tag: "Work-Friendly",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",              avatarAlt: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",              imageAlt: "Comfortable workspace setup"
            },
            {
              id: "3",              name: "Emma Rodriguez, Coffee Connoisseur",              date: "Date: 28 January 2025",              title: "Sourcing and roasting done right",              quote: "What impresses me most is their commitment to ethical sourcing and small-batch roasting. You can taste the difference in every cup. The education they provide about their beans is also fantastic.",              tag: "Quality Focused",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",              avatarAlt: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",              imageAlt: "Coffee roasting process"
            },
            {
              id: "4",              name: "David Park, Local Community",              date: "Date: 05 February 2025",              title: "A true community hub",              quote: "Bean & Brew isn't just a coffee shop; it's where our community comes together. The team hosts regular events and truly cares about their customers. Perfect blend of great coffee and great people.",              tag: "Community Builder",              avatarSrc: "https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",              avatarAlt: "David Park",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg",              imageAlt: "Customers enjoying time together"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the perfect cup of coffee? Visit Bean & Brew today and discover why we're the preferred choice for coffee lovers everywhere."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Find Us", href: "#" },
            { text: "Get In Touch", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#hero" },
                { label: "Menu", href: "#products" },
                { label: "About", href: "#about" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Sourcing", href: "#features" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Bean & Brew. All rights reserved."
          bottomRightText="Crafted with care for coffee lovers"
        />
      </div>
    </ThemeProvider>
  );
}