"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Coffee, Instagram, Facebook, Twitter } from 'lucide-react';

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Brew & Bloom"
          button={{
            text: "Reserve Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Welcome to Brew & Bloom"
          description="Experience the finest specialty coffee and artisan pastries in a warm, welcoming community space. Handcrafted beverages made with passion every morning."
          background={{ variant: "circleGradient" }}
          tag="Specialty Coffee"
          tagIcon={Coffee}
          imageSrc="https://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753019.jpg"
          imageAlt="Perfect espresso in a café setting"
          buttons={[
            { text: "View Menu", href: "menu" },
            { text: "Reserve a Table", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "Brew & Bloom was founded with a simple mission: to create the perfect sanctuary for coffee lovers. Every cup is carefully crafted by our passionate baristas using only the finest, ethically-sourced beans from sustainable farms around the world.",            "We believe in building community through great coffee and genuine connections. Our cozy space invites you to slow down, savor the moment, and connect with friends, colleagues, and strangers who share your love for quality beverages and good company.",            "From our first roast to every pour today, we're committed to excellence, sustainability, and creating moments worth savoring."
          ]}
          useInvertedBackground="noInvert"
          showBorder={false}
          buttons={[
            { text: "Learn More About Our Values", href: "#" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Featured Menu"
          description="Explore our signature drinks and fresh pastries, carefully selected to complement our specialty coffee experience"
          products={[
            {
              id: "1",              name: "House Espresso",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-with-milk_23-2148337185.jpg",              imageAlt: "Rich house espresso shot"
            },
            {
              id: "2",              name: "Creamy Latte",              price: "$4.75",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-coffee-cup-chair_23-2149678914.jpg",              imageAlt: "Smooth creamy latte with latte art"
            },
            {
              id: "3",              name: "Artisan Pastry",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg",              imageAlt: "Fresh baked artisan croissant"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Guests Say"
          description="Real stories from real coffee lovers who've made Brew & Bloom their second home"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Regular Customer",              testimonial: "This is my favorite spot in the city. The coffee is incredible, the atmosphere is warm and inviting, and the team always remembers my order. Truly a special place.",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Coffee Enthusiast",              testimonial: "As someone who takes my coffee seriously, I'm impressed by the quality and consistency here. Their single-origin selections are exceptional and the baristas really know their craft.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Emma Chen",              role: "Local Designer",              testimonial: "The perfect place to work, meet friends, or simply relax. Great coffee, amazing pastries, and such a welcoming vibe. I'm here almost every day!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg",              imageAlt: "Emma Chen"
            },
            {
              id: "4",              name: "David Rodriguez",              role: "Business Owner",              testimonial: "I've hosted countless client meetings here and the environment always impresses. Quality beverages, attentive service, and a space that feels both professional and relaxed.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-charming-casual-girl-joyfully-looking-camera-isolated_574295-3854.jpg",              imageAlt: "David Rodriguez"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="Passionate coffee professionals dedicated to crafting the perfect cup and creating memorable experiences"
          team={[
            {
              id: "1",              name: "Alex Rivera",              role: "Head Barista",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",              imageAlt: "Alex Rivera, Head Barista"
            },
            {
              id: "2",              name: "Maya Patel",              role: "Specialty Coffee Expert",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employee-with-apron_23-2148366592.jpg",              imageAlt: "Maya Patel, Specialty Coffee Expert"
            },
            {
              id: "3",              name: "James Wilson",              role: "Café Manager",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754673.jpg",              imageAlt: "James Wilson, Café Manager"
            },
            {
              id: "4",              name: "Sofia Santos",              role: "Founder & Owner",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-with-apron-holding-empty-cup_23-2148366627.jpg",              imageAlt: "Sofia Santos, Founder & Owner"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our café, menu, and services"
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What hours are you open?",              content: "We're open Monday through Friday from 6:30 AM to 8:00 PM, Saturday 7:00 AM to 9:00 PM, and Sunday 8:00 AM to 7:00 PM. We're closed on major holidays."
            },
            {
              id: "2",              title: "Do you offer WiFi and seating for remote work?",              content: "Yes! We have fast, reliable WiFi throughout the café and plenty of comfortable seating with outlets. Many of our customers work here regularly."
            },
            {
              id: "3",              title: "Can we host private events or book tables?",              content: "Absolutely. We offer private event space for groups and can accommodate table reservations for larger parties. Please contact us for details and availability."
            },
            {
              id: "4",              title: "Do you have dairy-free and gluten-free options?",              content: "Yes, we offer plant-based milk alternatives including oat, almond, and coconut milk. We also have several gluten-free pastry options available daily."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, mobile payments, and cash. We also offer a loyalty program with our mobile app for rewards and discounts."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the perfect cup of coffee? Visit us today or get in touch to make a reservation or ask any questions. We look forward to welcoming you to Brew & Bloom."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Visit Us Today", href: "#" },
            { text: "Contact Us", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Brew & Bloom"
          copyrightText="© 2025 Brew & Bloom Coffee Co. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/brewandbloom", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com/brewandbloom", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com/brewandbloom", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}