"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Coffee, Leaf, Zap, Star, HelpCircle } from 'lucide-react';

export default function CoffeeHopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="CoffeeHop"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Process", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "products"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Exceptional Coffee"
          description="Ethically sourced, expertly roasted, and crafted with passion. Experience the art of specialty coffee at CoffeeHop."
          tag="Premium Coffee"
          tagIcon={Coffee}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-tasty-coffee-morning_1232-811.jpg",              imageAlt: "Freshly brewed espresso"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/latte-coffee-cup_74190-104.jpg",              imageAlt: "Premium coffee beans"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-cup-with-creamy-cappuccino-latte-with-milky-foam-top-leaf-shape-isolated-wooden-plate-with-pattern-table-cafe-shop-presentation_346278-1479.jpg",              imageAlt: "Coffee shop interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-spoon-wooden-table_107420-96310.jpg",              imageAlt: "Pour over brewing technique"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-tasty-coffee-morning_1232-811.jpg",              imageAlt: "Specialty coffee drink"
            }
          ]}
          buttons={[
            { text: "Shop Menu", href: "products" },
            { text: "Learn Our Story", href: "about" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Coffee Philosophy"
          description="At CoffeeHop, we believe coffee is more than a beverage—it's a craft."
          tabs={[
            {
              id: "sourcing",              label: "Ethical Sourcing",              description: "We partner directly with farmers across the globe, ensuring fair trade practices and sustainable farming methods. Every bean tells a story of dedication and craftsmanship."
            },
            {
              id: "roasting",              label: "Expert Roasting",              description: "Our master roasters carefully monitor each roast to bring out the unique flavor profiles of every origin. Small batches ensure exceptional quality and consistency."
            },
            {
              id: "community",              label: "Community First",              description: "We're more than a cafe—we're a gathering place for coffee lovers, creators, and dreamers. Join our community and experience coffee culture at its finest."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cup-creamy-cappuccino_140725-6009.jpg"
          imageAlt="Coffee craft and community"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardFour
          title="Our Signature Selection"
          description="Handpicked coffees and specialty drinks crafted to perfection. From bold espressos to smooth single-origins."
          tag="Featured Menu"
          tagIcon={Leaf}
          products={[
            {
              id: "1",              name: "Single-Origin Espresso",              price: "$6.50",              variant: "Rich Dark Roast",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Espresso shot"
            },
            {
              id: "2",              name: "Artisan Cappuccino",              price: "$5.75",              variant: "Silky Microfoam",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              name: "Cold Brew Classic",              price: "$4.99",              variant: "Smooth & Refreshing",              imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-espresso-coffee-takeaway-paper-cup-stone-table-cafe-monotone-background-with-copy-space-coffee-break_166373-3732.jpg",              imageAlt: "Cold brew served over ice"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardEight
          title="How We Brew Excellence"
          description="Our meticulous 4-step process ensures every cup is exceptional."
          tag="Our Process"
          tagIcon={Zap}
          textboxLayout="default"
          features={[
            {
              id: 1,
              title: "Source with Care",              description: "We work directly with sustainable farms, ensuring ethical practices and the finest beans from around the world.",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-coffee-cup-plate-high-angle_23-2149703762.jpg",              imageAlt: "Coffee bean sourcing"
            },
            {
              id: 2,
              title: "Roast with Precision",              description: "Our master roasters carefully control time and temperature to unlock the unique flavor profile of each origin.",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-cup-coffee-wooden-table_1232-414.jpg",              imageAlt: "Coffee roasting process"
            },
            {
              id: 3,
              title: "Brew with Expertise",              description: "Using traditional and modern brewing methods, we extract the perfect balance of flavor and body.",              imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-cappuccino-with-shortbread-cookies_140725-2283.jpg",              imageAlt: "Brewing technique"
            },
            {
              id: 4,
              title: "Enjoy the Moment",              description: "Savor each sip in our welcoming cafe, surrounded by fellow coffee enthusiasts and good conversations.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-cup-coffee-with-spoon_1232-413.jpg",              imageAlt: "Enjoying coffee experience"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Loved by Coffee Enthusiasts"
          description="Hear what our customers say about their CoffeeHop experience."
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahcoffee",              testimonial: "CoffeeHop changed how I appreciate specialty coffee. The flavors are incredible, and the staff genuinely cares about quality.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Thompson",              handle: "@coffee_addict",              testimonial: "The single-origin beans are absolutely exceptional. I've tried coffee from everywhere, and this is among the best.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Thompson"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@morningrituals",              testimonial: "Not just a coffee shop—it's a community. My daily visits to CoffeeHop have become my favorite part of the routine.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "James Park",              handle: "@thirdwavejourney",              testimonial: "The craftsmanship here is unmatched. Every detail from sourcing to serving reflects their commitment to excellence.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",              imageAlt: "James Park"
            },
            {
              id: "5",              name: "Olivia Morrison",              handle: "@coffeeandcreative",              testimonial: "Perfect atmosphere for working or meeting friends. The coffee is premium quality and the vibes are always welcoming.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageAlt: "Olivia Morrison"
            },
            {
              id: "6",              name: "David Kumar",              handle: "@coffeepurist",              testimonial: "Finally found a place that takes coffee as seriously as I do. The pour-over technique and bean selection are world-class.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",              imageAlt: "David Kumar"
            }
          ]}
          speed={40}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about CoffeeHop and our specialty coffee experience."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What makes your coffee special?",              content: "We source ethically from sustainable farms, use expert roasting techniques, and employ precision brewing methods. Each bean is selected for quality and flavor profile, ensuring an exceptional cup every time."
            },
            {
              id: "2",              title: "Do you offer single-origin beans?",              content: "Yes! We rotate our single-origin selection seasonally, featuring coffee from different regions around the world. Each origin has unique flavor notes that our team can help you explore."
            },
            {
              id: "3",              title: "Can I buy beans to brew at home?",              content: "Absolutely! We offer whole bean and ground options for all our coffees. Our knowledgeable staff can recommend the best brewing method for your preferred coffee."
            },
            {
              id: "4",              title: "Do you have non-coffee beverages?",              content: "Yes, we offer premium hot chocolate, specialty teas, and plant-based milk options for all our drinks. We cater to all preferences while maintaining our commitment to quality."
            },
            {
              id: "5",              title: "What are your hours?",              content: "We're open Monday to Friday 6am-8pm, Saturday 7am-9pm, and Sunday 8am-7pm. Visit our contact page for more details and to reach out with special requests."
            },
            {
              id: "6",              title: "Do you offer catering or wholesale?",              content: "Yes! We offer wholesale bean options for businesses and catering services for events. Contact us directly to discuss your corporate coffee needs."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our coffee, need catering services, or just want to say hello? We'd love to hear from you. Reach out and join our coffee community."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Your Phone (optional)",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your coffee interests or inquiry...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/hot-latte-coffee-cup_1339-8381.jpg"
          imageAlt="CoffeeHop cafe setup"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="CoffeeHop" />
      </div>
    </ThemeProvider>
  );
}