"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Users, Heart, HelpCircle } from "lucide-react";

export default function CoffeeShopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="plain"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Brew Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="BREW HAVEN"
          description="Discover the art of premium specialty coffee. Handcrafted beverages made with carefully sourced, single-origin beans. Experience the perfect blend of quality, tradition, and innovation in every cup."
          buttons={[
            { text: "Explore Menu", href: "#products" },
            { text: "Visit Us", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg"
          imageAlt="Premium coffee brewing"
          frameStyle="browser"
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We believe every cup of coffee tells a story. From the highlands where our beans are carefully cultivated to the moment you take your first sip, we're committed to delivering an exceptional coffee experience that celebrates craftsmanship, sustainability, and community."
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Coffee Selection"
          description="Explore our carefully curated collection of premium coffee blends and single-origin selections"
          tag="Bestsellers"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              brand: "Brew Haven",              name: "Ethiopian Highlands Reserve",              price: "$18.99",              rating: 5,
              reviewCount: "234",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-making-cappuccino-bartender-preparing-coffee-drink_1150-14700.jpg",              imageAlt: "Ethiopian Highlands Reserve coffee beans"
            },
            {
              id: "2",              brand: "Brew Haven",              name: "Colombian Smooth Blend",              price: "$16.99",              rating: 5,
              reviewCount: "189",              imageSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",              imageAlt: "Colombian Smooth Blend latte"
            },
            {
              id: "3",              brand: "Brew Haven",              name: "Brazilian Dark Roast",              price: "$17.99",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg",              imageAlt: "Brazilian Dark Roast in cafe setting"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Coffee Impact"
          description="Celebrating the milestones that define our commitment to quality and community"
          tag="Achievements"
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Happy Customers",              description: "Loyal coffee enthusiasts who trust our quality",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg",              imageAlt: "Barista crafting specialty coffee"
            },
            {
              id: "2",              value: "12",              title: "Single Origins",              description: "Premium beans sourced from around the world",              imageSrc: "https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg",              imageAlt: "Coffee shop interior with bean selection"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Coffee Experts"
          description="The passionate baristas and coffee specialists behind every perfect cup"
          tag="Our Team"
          tagIcon={Users}
          team={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Head Barista",              imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg",              imageAlt: "Sarah Mitchell, Head Barista"
            },
            {
              id: "2",              name: "Marco Romano",              role: "Coffee Roaster",              imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg",              imageAlt: "Marco Romano, Coffee Roaster"
            },
            {
              id: "3",              name: "Elena Torres",              role: "Specialty Coffee Expert",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-man-making-coffee_23-2149045707.jpg",              imageAlt: "Elena Torres, Specialty Coffee Expert"
            },
            {
              id: "4",              name: "James Chen",              role: "Cafe Manager",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg",              imageAlt: "James Chen, Cafe Manager"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Join thousands of coffee lovers who've discovered their perfect brew at Brew Haven"
          cardTag="Customer Love"
          cardTagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Jessica Roberts",              imageSrc: "https://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg",              imageAlt: "Jessica Roberts"
            },
            {
              id: "2",              name: "David Park",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754680.jpg",              imageAlt: "David Park"
            },
            {
              id: "3",              name: "Amanda Foster",              imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458038.jpg",              imageAlt: "Amanda Foster"
            },
            {
              id: "4",              name: "Michael Hughes",              imageSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-cappuccino-coffee-shop_1303-29343.jpg",              imageAlt: "Michael Hughes"
            },
            {
              id: "5",              name: "Sophie Laurent",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "6",              name: "Thomas Sullivan",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-man-making-coffee_23-2149045710.jpg",              imageAlt: "Thomas Sullivan"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Coffee Questions Answered"
          description="Everything you need to know about our coffee, brewing methods, and cafe experience"
          tag="FAQ"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What makes your coffee special?",              content: "Our coffee is sourced directly from sustainable farms around the world. Each bean is carefully selected for flavor profile and quality. We work with local roasters to ensure peak freshness, roasting small batches to order for maximum flavor and aroma."
            },
            {
              id: "2",              title: "Do you offer decaf options?",              content: "Yes! We offer premium decaffeinated options for all our coffee varieties. Our decaf beans go through a natural water-based decaffeination process that preserves flavor while removing caffeine. Ask our baristas for recommendations."
            },
            {
              id: "3",              title: "Can I order online for delivery?",              content: "Absolutely! We offer online ordering with same-day local delivery for orders placed before 2 PM. You can also pick up pre-made beverages at our cafe location. Visit our website to browse our full menu and place an order."
            },
            {
              id: "4",              title: "What brewing methods do you use?",              content: "We use multiple brewing methods including espresso, pour-over, French press, and cold brew. Each method highlights different flavor notes in our beans. Our expert baristas can recommend the perfect brewing method for your chosen coffee."
            },
            {
              id: "5",              title: "Are your beans fair-trade certified?",              content: "Many of our single-origin beans are fair-trade certified. We prioritize working with farms that use sustainable practices and ensure fair compensation for farmers. Check individual product descriptions for certification details."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/low-angle-photo-barista-cleans-portafilter-before-preparing-cappuccino-coffee-shop-restaurant-close-up_613910-20384.jpg"
          imageAlt="Coffee cup at Brew Haven cafe"
          mediaPosition="left"
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798050.jpg"
          imageAlt="Coffee beans background"
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven Coffee. All rights reserved."
          columns={[
            {
              title: "Menu",              items: [
                { label: "Coffee", href: "#products" },
                { label: "Espresso Drinks", href: "#products" },
                { label: "Pastries", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "#contact" },
                { label: "Instagram", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}