"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Coffee } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Makaka"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Contact", id: "contact" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Order Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Brew Excellence, Taste Pure Coffee"
          description="Welcome to Makaka, where every cup tells a story of passion, quality, and craftsmanship. Experience the finest specialty coffee sourced from sustainable farms around the world."
          tag="Specialty Coffee"
          tagIcon={Coffee}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055850.jpg"
          imageAlt="Freshly brewed coffee with steam rising"
          imagePosition="right"
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us Today", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="At Makaka, we believe coffee is more than a beverage—it's a ritual, a moment of connection, and a celebration of craftsmanship. Since our founding, we've been dedicated to sourcing the finest beans and roasting them to perfection."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "contact" },
            { text: "Shop Beans", href: "products" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Menu"
          description="Discover our signature blends and specialty drinks crafted to perfection by our expert baristas."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Makaka Signature",              name: "Espresso Perfetto",              price: "$4.50",              rating: 5,
              reviewCount: "328",              imageSrc: "https://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2309.jpg",              imageAlt: "Rich espresso shot with perfect crema"
            },
            {
              id: "2",              brand: "Makaka Signature",              name: "Cappuccino Classico",              price: "$5.25",              rating: 5,
              reviewCount: "412",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg",              imageAlt: "Silky cappuccino with latte art"
            },
            {
              id: "3",              brand: "Makaka Cold Series",              name: "Iced Americano",              price: "$5.00",              rating: 4,
              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/woman-grinding-coffee-coffee-machine_1303-31284.jpg",              imageAlt: "Refreshing iced coffee with ice cubes"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Makaka by the Numbers"
          description="See what our community loves about us."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "15K+",              title: "Happy Coffee Lovers",              items: ["Growing community", "Loyal customers", "Coffee enthusiasts"]
            },
            {
              id: "2",              value: "50+",              title: "Specialty Blends",              items: ["Single-origin coffees", "Seasonal roasts", "Exclusive blends"]
            },
            {
              id: "3",              value: "4.9/5",              title: "Customer Rating",              items: ["Exceptional quality", "Expert service", "Premium experience"]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about Makaka Coffee."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg"
          imageAlt="Expert barista preparing specialty coffee"
          mediaPosition="left"
          faqs={[
            {
              id: "1",              title: "What makes Makaka coffee special?",              content: "We source single-origin beans from sustainable farms and roast them in small batches to ensure peak freshness and flavor. Our expert baristas are trained to bring out the unique characteristics of each blend."
            },
            {
              id: "2",              title: "Do you offer online ordering?",              content: "Yes! You can order our coffee beans online for delivery, or reserve beverages through our mobile app for quick pickup at our locations."
            },
            {
              id: "3",              title: "Are your products sustainably sourced?",              content: "Absolutely. We partner directly with Fair Trade certified farms and prioritize environmental responsibility in every aspect of our business."
            },
            {
              id: "4",              title: "What are your operating hours?",              content: "We're open Monday-Friday 6:00 AM - 8:00 PM, Saturday 7:00 AM - 9:00 PM, and Sunday 8:00 AM - 7:00 PM. Visit us anytime for your favorite brew!"
            },
            {
              id: "5",              title: "Do you have a loyalty program?",              content: "Yes! Join our Makaka Club to earn points on every purchase, unlock exclusive blends, and enjoy special member-only events."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions? We'd love to hear from you. Reach out to Makaka Coffee today and let's brew something amazing together."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/black-sign-house-wall_23-2147726655.jpg"
          imageAlt="Makaka Coffee Shop storefront"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number" }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your coffee dreams...",            rows: 5,
            required: true
          }}
          buttonText="Send Message"
        />
      </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: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Loyalty Program", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Orders", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Sustainability", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Makaka Coffee. Brew Excellence."
          bottomRightText="Crafted with care ☕"
        />
      </div>
    </ThemeProvider>
  );
}