"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Globe, Users, Award, Leaf, Coffee } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Bean & Brew"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Why Us", id: "metrics" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Bean & Brew"
          description="Discover the art of specialty coffee. Sourced responsibly, roasted perfectly, served with passion."
          imageSrc="https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg"
          imageAlt="Fresh coffee being brewed by skilled barista"
          showDimOverlay={true}
          buttons={[
            { text: "Order Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Crafted for Coffee Lovers"
          description="Since 2015, Bean & Brew has been dedicated to bringing you the finest specialty coffee from around the world. We partner with ethical farmers, roast in small batches, and believe every cup tells a story of passion and quality."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="Warm and inviting coffee shop interior"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Our Signature Blends"
          description="Each blend is carefully crafted to highlight unique flavor profiles and origins. Perfect for any time of day."
          tag="Menu"
          tagIcon={Coffee}
          products={[
            {
              id: "1",              name: "Morning Espresso",              price: "$4.50",              variant: "Bold & Energizing",              imageSrc: "https://img.b2bpic.net/free-photo/breakfast-with-espresso-cup-hot-coffee-croissant-black-stone-plate-coffee-aroma_482257-18271.jpg",              imageAlt: "Rich espresso shot",              isFavorited: false
            },
            {
              id: "2",              name: "Creamy Cappuccino",              price: "$5.00",              variant: "Smooth & Velvety",              imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-with-white-saucer_114579-16848.jpg",              imageAlt: "Cappuccino with latte art",              isFavorited: false
            },
            {
              id: "3",              name: "Cold Brew Bliss",              price: "$4.75",              variant: "Refreshing & Smooth",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",              imageAlt: "Chilled cold brew coffee",              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Bean & Brew"
          description="Our commitment to quality and sustainability speaks through these numbers."
          metrics={[
            {
              id: "1",              icon: Globe,
              title: "Countries",              value: "15+"
            },
            {
              id: "2",              icon: Users,
              title: "Happy Customers",              value: "8,500+"
            },
            {
              id: "3",              icon: Award,
              title: "Coffee Awards",              value: "12"
            },
            {
              id: "4",              icon: Leaf,
              title: "Organic Sourced",              value: "100%"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Coffee Lovers Say"
          description="Join thousands of satisfied customers who've discovered their perfect cup with us."
          tag="Reviews"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Coffee Enthusiast",              company: "Local Community",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Portrait of Sarah Mitchell"
            },
            {
              id: "2",              name: "James Rodriguez",              role: "Daily Customer",              company: "Bean & Brew Regular",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "Portrait of James Rodriguez"
            },
            {
              id: "3",              name: "Emma Chen",              role: "Business Owner",              company: "Coffee Wholesaler",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Portrait of Emma Chen"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Barista",              company: "Specialty Café",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg",              imageAlt: "Portrait of Michael Thompson"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Everything you need to know about our coffee and services."
          faqs={[
            {
              id: "1",              title: "Where do your coffee beans come from?",              content: "We source our beans from sustainable farms across Africa, South America, and Asia. Each region offers unique flavor profiles that we carefully select and blend to perfection."
            },
            {
              id: "2",              title: "Do you offer subscription services?",              content: "Yes! Our subscription plans deliver fresh-roasted beans to your door monthly. You can choose from light, medium, or dark roasts, and we offer flexible pause and skip options."
            },
            {
              id: "3",              title: "Are your products environmentally friendly?",              content: "We're committed to sustainability. All our packaging is compostable, we support Fair Trade practices, and 5% of profits go to environmental conservation projects."
            },
            {
              id: "4",              title: "Can I visit the café for tours?",              content: "Absolutely! We offer free roastery tours every Saturday at 10am and 2pm. Groups larger than 8 should book ahead. Contact us for reservations!"
            },
            {
              id: "5",              title: "What's your return policy?",              content: "We guarantee 100% satisfaction. If you're not happy with your coffee, we'll replace it or refund your money within 30 days, no questions asked."
            }
          ]}
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee? Stop by our café, order online, or reach out with any questions. We'd love to meet you."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Get in Touch", href: "https://contact-form.example.com" },
            { text: "Order Online", href: "https://shop.example.com" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/overhead-vertical-shot-coffee-beans-great-background-blog_181624-9690.jpg"
          imageAlt="Close-up of freshly roasted coffee beans"
          logoText="Bean & Brew"
          copyrightText="© 2024 Bean & Brew. All rights reserved. Crafted with ☕"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Espresso Blends", href: "#products" },
                { label: "Subscriptions", href: "#products" },
                { label: "Gift Cards", href: "#products" },
                { label: "Brewing Equipment", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#about" },
                { label: "Careers", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Visit Our Café", href: "#contact" },
                { label: "Newsletter", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}