"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Coffee, Star, Sparkles, MessageCircle, Heart } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Product", id: "products-section" },
            { name: "Testimonial", id: "testimonials-section" },
            { name: "Faq", id: "faq-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          button={{ text: "Visit Us", href: "#contact-section" }}
          brandName="Brew & Bean"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroLogoBillboardSplit
          logoText="Brew & Bean"
          description="Where every cup tells a story. Experience the finest single-origin beans, carefully roasted to perfection in our cozy, earth-toned space."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Explore Our Beans", href: "#products-section" },
            { text: "Visit Us", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
          imageAlt="Cozy coffee shop interior with natural wood tones and warm lighting"
          mediaAnimation="slide-up"
          frameStyle="card"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <TextAbout
          tag="Our Story"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          title="Crafted with Care, Served with Passion"
          buttons={[
            { text: "Explore Our Beans", href: "#products-section" },
            { text: "Visit Us", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardMedia
          title="Crafted for Coffee Enthusiasts"
          description="Discover our carefully curated selection of premium beans and brewing methods designed to elevate your daily coffee ritual."
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: "feature-1",              title: "Ethically Sourced Beans",              description: "We partner directly with farmers to ensure the highest quality and sustainability in every cup.",              tag: "Sustainability",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-ground-coffee-biscuits-chocolate-marble-surface_114579-57893.jpg",              imageAlt: "Hand holding a freshly roasted coffee bean"
            },
            {
              id: "feature-2",              title: "Expert Brewing Techniques",              description: "Our baristas use time-honored methods combined with modern precision for perfect extraction.",              tag: "Precision",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-female-hands-pressing-coffee-into-tamper-prepares-order-cafe-counter_1258-203404.jpg",              imageAlt: "Barista demonstrating pour-over technique"
            },
            {
              id: "feature-3",              title: "Cozy Atmosphere",              description: "A warm, inviting space designed for connection, productivity, and relaxation.",              tag: "Ambiance",              imageSrc: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",              imageAlt: "Interior of the coffee shop with natural lighting and seating"
            }
          ]}
        />
      </div>

      <div id="products-section" data-section="products-section">
        <ProductCardTwo
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Premium Coffee Selection"
          description="Discover our curated collection of ethically sourced, single-origin beans roasted to perfection. Each cup tells a story of passion and craftsmanship."
          tag="Best Sellers"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "coffee-001",              brand: "BrewCraft",              name: "Ethiopian Yirgacheffe",              price: "$14.99",              rating: 4.8,
              reviewCount: "(128)",              imageSrc: "https://img.b2bpic.net/free-photo/brown-coffee-beans-glass-jar_114579-20068.jpg",              imageAlt: "Ethiopian Yirgacheffe coffee beans"
            },
            {
              id: "coffee-002",              brand: "BrewCraft",              name: "Colombian Supremo",              price: "$15.49",              rating: 4.7,
              reviewCount: "(96)",              imageSrc: "https://img.b2bpic.net/free-photo/coffee_1388-627.jpg",              imageAlt: "Colombian Supremo coffee beans"
            },
            {
              id: "coffee-003",              brand: "BrewCraft",              name: "Guatemalan Antigua",              price: "$16.99",              rating: 4.9,
              reviewCount: "(203)",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-coffee-concept-wooden-table_23-2148464808.jpg",              imageAlt: "Guatemalan Antigua coffee beans"
            }
          ]}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardSix
          testimonials={[
            {
              id: "testimonial-1",              name: "Maya Chen",              handle: "@maya_coffee_lover",              testimonial: "The aroma and taste here is unmatched. Every cup tells a story of passion and craftsmanship.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-women-hanging-out_23-2149144377.jpg",              imageAlt: "Maya Chen enjoying a cup of coffee",              icon: Star
            },
            {
              id: "testimonial-2",              name: "James Rodriguez",              handle: "@coffee_professional",              testimonial: "A sanctuary for coffee connoisseurs. The attention to detail in every brew is remarkable.",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-orange-sweater-reading-interesting-book-cafe_169016-1396.jpg",              imageAlt: "James Rodriguez with his coffee cup",              icon: Coffee
            },
            {
              id: "testimonial-3",              name: "Sophie Williams",              handle: "@sophie_brews",              testimonial: "The perfect blend of comfort and quality. My go-to spot for a mindful morning ritual.",              imageSrc: "https://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg",              imageAlt: "Sophie Williams sipping coffee in a cozy chair",              icon: Heart
            }
          ]}
          animationType="slide-up"
          title="What Our Coffee Enthusiasts Say"
          description="Hear from our community of coffee lovers who appreciate the artistry behind every cup."
          textboxLayout="inline-image"
          useInvertedBackground={false}
          tag="Premium Experience"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[{ text: "Explore More Reviews", href: "#" }]}
          buttonAnimation="opacity"
          speed={40}
          topMarqueeDirection="left"
          ariaLabel="Testimonials section featuring customer reviews"
        />
      </div>

      <div id="faq-section" data-section="faq-section">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our coffee experience, brewing methods, and shop policies."
          faqs={[
            {
              id: "what-beans",              title: "What types of coffee beans do you source?",              content: "We source single-origin beans from small farms around the world, ensuring the highest quality and freshness. Our selection changes seasonally to reflect the best harvests."
            },
            {
              id: "brewing-methods",              title: "What brewing methods do you offer?",              content: "We specialize in pour-over, French press, and espresso-based drinks. Each method is carefully curated to highlight the unique characteristics of our beans."
            },
            {
              id: "opening-hours",              title: "What are your opening hours?",              content: "Our shop is open daily from 7 AM to 7 PM. We're closed on Sundays for staff rest and preparation."
            },
            {
              id: "custom-orders",              title: "Can I place custom orders or bulk purchases?",              content: "Yes! We offer custom blends and bulk coffee orders for businesses and individuals. Contact us for more information and pricing."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="inline-image"
          useInvertedBackground={false}
          titleSegments={[
            { type: "text", content: "Frequently Asked " },
            { type: "image", src: "https://img.b2bpic.net/free-vector/coffee-poster-advertisement-flayers_73621-1218.jpg", alt: "Coffee bean icon" },
            { type: "text", content: " Questions" }
          ]}
          tag="Coffee Knowledge"
          tagIcon={Coffee}
          tagAnimation="slide-up"
          buttons={[{ text: "View Full FAQ", href: "#contact-section" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactFaq
          faqs={[
            {
              id: "faq-1",              title: "What are your opening hours?",              content: "We're open daily from 7:00 AM to 7:00 PM. Come by for your perfect morning brew or a relaxing afternoon break."
            },
            {
              id: "faq-2",              title: "Do you offer wireless internet?",              content: "Yes, we provide complimentary WiFi for all our guests. Just ask for the password at the counter."
            },
            {
              id: "faq-3",              title: "Can I reserve a table?",              content: "While we don't take reservations, we recommend visiting during off-peak hours for a more relaxed experience."
            },
            {
              id: "faq-4",              title: "How can I get in touch with customer service?",              content: "You can reach us via email at hello@coffeeshop.com or call us directly at (555) 123-4567. Our team is always ready to assist you."
            }
          ]}
          ctaTitle="Have a Question?"
          ctaDescription="Our friendly staff is here to help. Reach out to us anytime."
          ctaButton={{ text: "Send Message", href: "#contact-form" }}
          ctaIcon={MessageCircle}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          ariaLabel="Contact and FAQ section"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/wooden-board-with-coffee-beans-marble-background-high-quality-photo_114579-67932.jpg"
          imageAlt="Cozy coffee shop interior with natural wood tones and warm lighting"
          columns={[
            {
              title: "Explore",              items: [
                { label: "Our Story", href: "#about-section" },
                { label: "Menu", href: "#products-section" },
                { label: "Events", href: "#events-section" },
                { label: "Careers", href: "#careers-section" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact-section" },
                { label: "FAQs", href: "#faq-section" },
                { label: "Shipping Policy", href: "#shipping-policy-section" },
                { label: "Returns & Exchanges", href: "#returns-section" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com/coffeeshop" },
                { label: "Facebook", href: "https://facebook.com/coffeeshop" },
                { label: "Twitter", href: "https://twitter.com/coffeeshop" },
                { label: "Newsletter", href: "#newsletter-section" }
              ]
            }
          ]}
          logoText="Brew & Bean"
          copyrightText="© 2025 | Brew & Bean Coffee Co."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}