"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Coffee, Sparkles, Star, Heart, MessageSquare, HelpCircle } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumSizeExtraLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-subtle"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473653005-7sz88m2f.jpg"
          brandName="Brew Haven"
          button={{ text: "Order Now", href: "#featured-beverages" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Artisan Coffee Crafted with Care"
          description="Discover premium specialty coffee roasted fresh daily. Experience the perfect blend of quality, flavor, and community."
          tag="Premium Coffee Shop"
          tagIcon={Coffee}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473654203-dyo86gbj.jpg"
          imageAlt="Beautiful latte with latte art"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Menu", href: "#featured-beverages" },
            { text: "Order Delivery", href: "#contact" }
          ]}
          ariaLabel="Coffee shop hero section"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Brewing Excellence Since 2018"
          description="We believe great coffee starts with exceptional beans. Our coffee is sourced from sustainable farms and roasted to perfection in small batches to ensure maximum freshness and flavor."
          tag="Our Story"
          tagIcon={Sparkles}
          features={[
            {
              id: "sourcing",
              title: "Ethically Sourced",
              description: "Direct trade relationships with coffee farmers ensuring fair pricing and sustainable farming practices.",
              label: "100% Fair Trade"
            },
            {
              id: "roasting",
              title: "Small Batch Roasting",
              description: "Fresh roasted in-house daily. Each batch is carefully monitored to bring out unique flavor profiles.",
              label: "Roasted Daily"
            }
          ]}
          buttons={[{ text: "Learn More", href: "#" }]}
          useInvertedBackground="noInvert"
          ariaLabel="About our coffee shop"
        />
      </div>

      <div id="featured-beverages" data-section="featured-beverages">
        <ProductCardThree
          title="Featured Beverages"
          description="Try our most popular specialty drinks crafted by our expert baristas"
          tag="Customer Favorites"
          tagIcon={Star}
          products={[
            {
              id: "1",
              name: "Classic Espresso",
              price: "$3.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473655449-8xz9bw2w.jpg",
              imageAlt: "Double shot espresso",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Silky Cappuccino",
              price: "$4.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473656669-yh1rt5d4.jpg",
              imageAlt: "Cappuccino with latte art",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Cold Brew Delight",
              price: "$4.00",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473657988-cflpzm4o.jpg",
              imageAlt: "Iced cold brew with ice",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "Matcha Latte",
              price: "$5.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473660171-nvz0q700.jpg",
              imageAlt: "Vibrant matcha green tea latte",
              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          gridVariant="two-columns-alternating-heights"
          useInvertedBackground="noInvert"
          ariaLabel="Featured coffee beverages"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardEighteen
          title="What Sets Us Apart"
          description="Experience the difference quality coffee and genuine hospitality can make"
          tag="Why Choose Us"
          tagIcon={Heart}
          negativeCard={{
            title: "Typical Coffee Chains",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473661620-ovycgpz2.jpg",
            imageAlt: "Generic coffee beans",
            items: [
              "Mass-produced coffee",
              "Inconsistent quality",
              "No personal connection",
              "Limited specialty options"
            ]
          }}
          positiveCard={{
            title: "Brew Haven",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473663138-lv9o9wkh.jpg",
            imageAlt: "Expert barista pouring latte art",
            items: [
              "Artisanal small-batch roasts",
              "Consistent premium quality",
              "Personal relationships with regulars",
              "Creative seasonal specialties"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="Why choose Brew Haven"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Coffee Enthusiasts"
          description="See what our regular customers have to say about their Brew Haven experience"
          tag="Customer Reviews"
          tagIcon={MessageSquare}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "@coffeeaddict",
              testimonial: "Best espresso in the city! The baristas really care about getting it perfect every time. This is my daily ritual.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473666507-3ogfv3bz.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Chen",
              handle: "@jchenworks",
              testimonial: "The cold brew is absolutely smooth and refreshing. Great atmosphere for getting work done with reliable WiFi and excellent customer service.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473667899-k701b6aa.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              handle: "@emmaeats",
              testimonial: "Finally found a place that respects their craft. Every cup tastes intentional. The matcha latte is my new obsession!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473669176-zhf9xhgn.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              name: "David Thompson",
              handle: "@davidtech",
              testimonial: "Brew Haven is more than coffee - it's community. The staff remembers your order and makes you feel valued as a customer.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473670731-enm7gcw8.jpg",
              imageAlt: "David Thompson"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          useInvertedBackground="noInvert"
          ariaLabel="Customer testimonials"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our coffee, ordering, and delivery options"
          tag="Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",
              title: "Do you offer delivery or shipping?",
              content: "Yes! We offer local delivery within 5 miles and ship whole bean coffee nationwide. Orders typically arrive within 2-3 business days."
            },
            {
              id: "2",
              title: "Can I request a specific roast level?",
              content: "Absolutely! We roast custom to your preference. Just let us know if you prefer light, medium, or dark roast when placing your order."
            },
            {
              id: "3",
              title: "What are your hours?",
              content: "We're open Monday-Friday 6:30 AM - 7:00 PM, Saturday 8:00 AM - 8:00 PM, and Sunday 9:00 AM - 6:00 PM. We're closed on major holidays."
            },
            {
              id: "4",
              title: "Do you have a loyalty program?",
              content: "Yes! Sign up for our Brew Club and earn points on every purchase. Every 10th drink is free!"
            },
            {
              id: "5",
              title: "Are your beans sustainable?",
              content: "100% of our beans are ethically sourced through direct trade relationships with certified sustainable coffee farms."
            },
            {
              id: "6",
              title: "Can you accommodate dietary restrictions?",
              content: "Of course! We offer oat, almond, coconut, and soy milk alternatives. We're happy to customize any drink."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473665073-qjm5622l.jpg"
          imageAlt="Warm and inviting coffee shop interior"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          ariaLabel="Coffee shop FAQ"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our coffee or want to book a tasting event? We'd love to hear from you. Fill out the form below and we'll get back to you shortly."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "subject", type: "text", placeholder: "Subject", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your question or event idea...",
            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473672791-wpmxhdxu.jpg"
          imageAlt="Cozy coffee shop counter"
          mediaPosition="right"
          buttonText="Send Message"
          ariaLabel="Contact form"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          columns={[
            {
              title: "Coffee",
              items: [
                { label: "Shop Beans", href: "#featured-beverages" },
                { label: "Brewing Guide", href: "#" },
                { label: "Our Roasts", href: "#" }
              ]
            },
            {
              title: "Visit",
              items: [
                { label: "Locations", href: "#" },
                { label: "Hours", href: "#faq" },
                { label: "Book Event", href: "#contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765473653005-7sz88m2f.jpg"
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven Coffee. All rights reserved. Crafted with care."
          ariaLabel="Coffee shop footer"
        />
      </div>
    </ThemeProvider>
  );
}