"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Coffee, Leaf, Handshake, Flame, Users, Award } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Bean & Brew"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "feature" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Crafted Coffee for Every Moment"
          description="Experience the perfect blend of tradition and innovation. From single-origin beans to signature roasts, discover the art of exceptional coffee."
          tag="Specialty Coffee Since 2015"
          tagIcon={Coffee}
          kpis={[
            { value: "15K+", label: "Daily Customers" },
            { value: "50+", label: "Signature Blends" },
            { value: "100%", label: "Ethically Sourced" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg"
          imageAlt="Barista pouring espresso pour over coffee"
          imagePosition="right"
          buttons={[
            { text: "Explore Menu", href: "feature" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Coffee Story"
          description="We believe great coffee begins with respect—for the farmers, the craft, and the moment of connection shared over a perfect cup."
          tag="Our Passion"
          tagIcon={Leaf}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          bulletPoints={[
            {
              title: "Direct Trade Sourcing",              description: "We work directly with coffee farmers to ensure fair prices and sustainable practices",              icon: Handshake
            },
            {
              title: "Small Batch Roasting",              description: "Every bean is roasted fresh in-house to bring out its unique flavor profile",              icon: Flame
            },
            {
              title: "Community First",              description: "Our cafe is a gathering place for coffee lovers and creative minds",              icon: Users
            },
            {
              title: "Expert Baristas",              description: "Our team is certified and passionate about crafting the perfect cup",              icon: Award
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg"
          imageAlt="Coffee roasting process with fresh beans"
          imagePosition="right"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardTwelve
          title="Our Signature Menu"
          description="Carefully curated selections showcasing our finest beans and brewing techniques"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Menu"
          animationType="slide-up"
          features={[
            {
              id: "espresso",              label: "Espresso",              title: "Bold and concentrated shots of pure coffee excellence",              items: [
                "Single or double shot",                "Crema-rich extraction",                "Custom roast blends"
              ]
            },
            {
              id: "pourover",              label: "Pour Over",              title: "Precision brewing for the coffee connoisseur",              items: [
                "Ethiopian, Colombian, Kenyan origins",                "Hand-poured to perfection",                "Full flavor extraction"
              ]
            },
            {
              id: "seasonal",              label: "Seasonal",              title: "Limited edition flavors celebrating the seasons",              items: [
                "Rotating seasonal blends",                "Unique flavor combinations",                "Exclusive limited batches"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="What Our Guests Say"
          description="Real stories from coffee lovers who've made Bean & Brew part of their daily ritual"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Marketing Manager",              date: "Date: 15 November 2024",              title: "The best morning ritual I could ask for",              quote: "Every visit to Bean & Brew feels special. The baristas know my order, the ambiance is perfect for meetings, and the coffee is consistently exceptional. This is more than a cafe—it's community.",              tag: "Regular Customer",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148892879.jpg"
            },
            {
              id: "2",              name: "James Rodriguez, Software Developer",              date: "Date: 10 November 2024",              title: "Perfect workspace energy",              quote: "I work here three days a week. The wifi is reliable, the atmosphere is inspiring, and the coffee quality keeps me productive. The pour-over blend is my go-to.",              tag: "Remote Worker",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",              avatarAlt: "James Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-cup_23-2148865607.jpg"
            },
            {
              id: "3",              name: "Emma Chen, Pastry Chef",              date: "Date: 5 November 2024",              title: "Sourcing inspiration and quality",              quote: "As someone in food and beverage, I appreciate the attention to detail here. The ethical sourcing, the freshness, the expertise—it all shows in every cup. Bean & Brew sets the standard.",              tag: "Food Professional",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              avatarAlt: "Emma Chen",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino_181624-19406.jpg"
            },
            {
              id: "4",              name: "Michael Thompson, Local Artist",              date: "Date: 28 October 2024",              title: "Where creativity meets comfort",              quote: "This place has soul. The space inspires creativity, the coffee fuels late-night sessions, and the team genuinely cares about their customers. It's my creative sanctuary.",              tag: "Returning Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",              avatarAlt: "Michael Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg"
            },
            {
              id: "5",              name: "Lisa Wang, Student",              date: "Date: 22 October 2024",              title: "More than coffee, it's connection",              quote: "Bean & Brew is where I study, meet friends, and discover new coffee varieties. The staff is welcoming, knowledgeable, and makes everyone feel valued. Highly recommended!",              tag: "Weekly Visitor",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1551.jpg",              avatarAlt: "Lisa Wang",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg"
            },
            {
              id: "6",              name: "David Park, Business Owner",              date: "Date: 18 October 2024",              title: "Excellence in every detail",              quote: "I've visited hundreds of cafes. Bean & Brew stands out for consistency, quality, and genuine hospitality. This is how specialty coffee should be done. Worth every visit.",              tag: "Coffee Enthusiast",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",              avatarAlt: "David Park",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Join Our Community"
          tagIcon={Coffee}
          title="Stay Connected"
          description="Subscribe to our newsletter for exclusive blends, brewing tips, and special promotions delivered to your inbox weekly."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/high-angle-barista-frothing-milk_23-2148522975.jpg"
          imageAlt="Warm coffee cup for connection"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your coffee preferences. Unsubscribe anytime to stop receiving updates."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Bean & Brew"
          logoLineHeight={1.1}
        />
      </div>
    </ThemeProvider>
  );
}