"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Coffee, Sparkles, Star, TrendingUp, Heart, Instagram, Twitter, Linkedin } from "lucide-react";

export default function CoffeeShopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Brew & Bean"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Why Us", id: "features" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Reserve Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Craft Coffee Perfected"
          description="Experience the finest specialty coffee sourced from ethical farms around the world. Every cup tells a story of tradition, quality, and passion."
          tag="Artisan Coffee"
          tagIcon={Coffee}
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/smiley-man-posing-apron-with-coffee-pot_23-2148366687.jpg"
          imageAlt="Artisan coffee brewing setup with precision equipment"
          buttons={[
            { text: "Explore Our Blends", href: "products" },
            { text: "Learn Our Story", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Coffee Journey"
          description={[
            "Since 2015, Brew & Bean has been dedicated to sourcing the world's finest coffee beans directly from farmers who share our values. We believe exceptional coffee starts with exceptional relationships.",            "Every batch is carefully roasted in-house to unlock the unique characteristics of each origin. From Ethiopian highlands to Colombian mountains, we celebrate the diversity and complexity that makes coffee extraordinary.",            "Our commitment to sustainability means fair compensation for farmers, eco-conscious packaging, and continuous investment in ethical supply chains."
          ]}
          showBorder={false}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Read Our Full Story", href: "#" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Signature Collections"
          description="Handpicked selections from our most celebrated origins and carefully crafted blends"
          tag="Premium Selection"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Brew & Bean",              name: "Ethiopian Highland",              price: "$18.99",              rating: 5,
              reviewCount: "342",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",              imageAlt: "Ethiopian Highland single-origin coffee beans"
            },
            {
              id: "2",              brand: "Brew & Bean",              name: "Colombian Espresso",              price: "$16.99",              rating: 5,
              reviewCount: "528",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Colombian Espresso blend for rich extraction"
            },
            {
              id: "3",              brand: "Brew & Bean",              name: "Cold Brew Concentrate",              price: "$14.99",              rating: 5,
              reviewCount: "291",              imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-espresso-coffee-takeaway-paper-cup-stone-table-cafe-monotone-background-with-copy-space-coffee-break_166373-3732.jpg",              imageAlt: "Ready-to-brew cold brew concentrate"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Brew & Bean"
          description="We set ourselves apart through unwavering commitment to quality, sustainability, and customer experience"
          tag="Our Difference"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          negativeCard={{
            items: [
              "Mass-produced, compromised flavor",              "Unknown bean origins and sourcing",              "Environmental waste and packaging",              "Inconsistent roasting and quality"
            ]
          }}
          positiveCard={{
            items: [
              "Single-origin, traceable sourcing",              "Direct relationships with ethical farmers",              "Eco-friendly, compostable packaging",              "Small-batch, precision roasting",              "Expert curation and tasting notes"
            ]
          }}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact"
          description="Building a global community of coffee lovers while supporting farmers and protecting our planet"
          tag="By The Numbers"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "50K+",              title: "Coffee Lovers Served",              description: "Growing community of passionate coffee enthusiasts worldwide",              imageSrc: "https://img.b2bpic.net/free-photo/man-s-hand-holding-cups-cappuccino-sprinkled-with-powdered-chocolate-using-mobile-phone_23-2147975342.jpg",              imageAlt: "Happy coffee customers enjoying their brew"
            },
            {
              id: "2",              value: "32",              title: "Origins Sourced",              description: "Coffee from farms across Africa, Asia, and Latin America",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-disposable-coffee-cup_23-2147975347.jpg",              imageAlt: "Global coffee origins and traditions"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Coffee Enthusiasts"
          description="Hear from our community about what makes Brew & Bean special"
          tag="Customer Stories"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "Transformed my morning routine",              quote: "I've tried dozens of coffee subscriptions, but Brew & Bean stands out. The quality is exceptional, and knowing exactly where my beans come from makes it taste even better.",              name: "Sarah Mitchell",              role: "Coffee Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Supporting real change",              quote: "What sets Brew & Bean apart is their genuine commitment to farmers. I feel good about every purchase, knowing it directly supports ethical coffee production.",              name: "Marcus Chen",              role: "Sustainability Advocate",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "3",              title: "Cafe-quality at home",              quote: "The roasting expertise is evident in every cup. Their brewing guides helped me unlock flavors I didn't know existed. This is premium coffee made accessible.",              name: "Elena Rodriguez",              role: "Home Barista",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              title: "Best gift I could give",              quote: "I've sent Brew & Bean as gifts to coffee-loving friends around the world. The presentation and quality always impress. It's become my go-to for special occasions.",              name: "David Park",              role: "Regular Customer",              imageSrc: "https://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",              imageAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee? Start your journey with Brew & Bean today. Subscribe to our monthly selection or visit us for a taste of our latest roasts."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Order Now", href: "#" },
            { text: "Visit Our Café", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Brew & Bean"
          copyrightText="© 2025 Brew & Bean Coffee. Ethically sourced. Expertly roasted. Beloved by many."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}