"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Sparkles, Award, Coffee, MapPin, Instagram, Facebook, Twitter } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="radialGradient"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="outline"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Coffee House"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Experience", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Your Perfect Cup"
          description="Experience premium specialty coffee crafted by our expert baristas. From rich espresso to smooth cold brew, every sip tells a story."
          tag="Fresh Daily"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403065127-bjqo0yj5.jpg"
          imageAlt="Fresh brewed coffee in ceramic cup"
          frameStyle="card"
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Coffee Story"
          description="We believe in the art and science of coffee making"
          tabs={[
            {
              id: "specialty-beans",
              label: "Specialty Beans",
              description: "We source single-origin beans from sustainable farms across Ethiopia, Colombia, and Vietnam. Each batch is carefully selected and roasted in-house to bring out unique flavor profiles."
            },
            {
              id: "our-craft",
              label: "Our Craft",
              description: "Our baristas undergo rigorous training in espresso extraction, milk steaming, and latte art. Every drink is prepared with precision and passion to match your exact preferences."
            },
            {
              id: "values",
              label: "Community First",
              description: "We're more than a coffee shop - we're a gathering place. We host local artist exhibitions, support community initiatives, and provide a welcoming space for work, study, and connection."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403068521-0hvfrjhz.jpg"
          imageAlt="Close-up of specialty coffee beans"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSix
          title="Featured Coffee Selection"
          description="Handpicked coffees prepared to perfection. Each drink is crafted fresh to order."
          tag="Bestsellers"
          tagIcon={Award}
          products={[
            {
              id: "espresso",
              name: "Double Espresso",
              price: "$3.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg",
              imageAlt: "Double espresso shot"
            },
            {
              id: "cappuccino",
              name: "Cappuccino",
              price: "$5.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403060798-jyic1c5u.jpg",
              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "cold-brew",
              name: "Cold Brew",
              price: "$4.75",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403066278-qx4cpm1u.jpg",
              imageAlt: "Cold brew iced coffee"
            },
            {
              id: "specialty",
              name: "Specialty Seasonal",
              price: "$6.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766664366017-olzx94xn.jpg",
              imageAlt: "Specialty seasonal coffee drink"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Full Menu", href: "contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="The Coffee Experience"
          description="Discover what makes our cafe special"
          tag="Why Choose Us"
          tagIcon={Coffee}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766664367700-t9a93u4t.jpg"
          imageAlt="Coffee brewing preparation"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",
              title: "Expert Brewing Methods",
              content: "Our baristas master multiple brewing techniques including pour-over, French press, AeroPress, and traditional espresso. We adapt our method to bring out the best in each bean."
            },
            {
              id: "2",
              title: "Cozy Ambiance",
              content: "Relax in our warm, inviting cafe with comfortable seating, soft lighting, and curated background music. Perfect for morning coffee, afternoon meetings, or evening conversations."
            },
            {
              id: "3",
              title: "Community Hub",
              content: "We host regular coffee tastings, latte art competitions, and local artist showcases. Join our community of coffee enthusiasts and make new friends over your favorite brew."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Visit Our Cafe"
          ctaDescription="Stop by to experience freshly brewed coffee and our welcoming atmosphere."
          ctaButton={{
            text: "Get Directions",
            href: "https://maps.google.com"
          }}
          ctaIcon={MapPin}
          faqs={[
            {
              id: "1",
              title: "What are your hours?",
              content: "We're open Monday-Friday 7am-7pm, Saturday 8am-8pm, and Sunday 8am-6pm. Closed on major holidays."
            },
            {
              id: "2",
              title: "Do you offer WiFi?",
              content: "Yes! We provide free high-speed WiFi to all our customers. Perfect for working or studying with your favorite coffee."
            },
            {
              id: "3",
              title: "Can I order custom drinks?",
              content: "Absolutely! Our baristas love creating custom drinks. Just let us know your flavor preferences and we'll craft something special for you."
            },
            {
              id: "4",
              title: "Do you have dairy-free options?",
              content: "We offer oat, almond, soy, and coconut milk alternatives for all our espresso drinks. We also have vegan pastries available."
            },
            {
              id: "5",
              title: "Can I buy whole bean coffee?",
              content: "Yes! We sell whole bean coffee and ground coffee from our featured roasters. Ask our baristas for recommendations based on your taste preferences."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Coffee House"
          description="Crafting exceptional coffee experiences since 2018. We believe every cup tells a story."
          copyrightText="© 2025 Coffee House. All rights reserved."
          columns={[
            {
              title: "Menu",
              items: [
                { label: "Coffee Drinks", href: "products" },
                { label: "Pastries", href: "products" },
                { label: "Seasonal", href: "products" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Story", href: "about" },
                { label: "Sustainability", href: "about" },
                { label: "Team", href: "about" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Locations", href: "contact" },
                { label: "Events", href: "contact" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}