"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="noiseGradient"
      cardStyle="outline"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Big Cup"
          button={{
            text: "Reserve Now",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Big Cup"
          description="Handcrafted coffee experience. Discover premium espresso blends, artisan preparations, and the warmth of community in every cup."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573454899-7c3ddkou.jpg",
              imageAlt: "Premium espresso shot"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573455855-cm2t3mby.jpg",
              imageAlt: "Creamy latte with latte art"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573456680-rrp6tkj0.jpg",
              imageAlt: "Classic cappuccino with foam"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg",
              imageAlt: "Fresh americano in morning light"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573458620-djq2znw8.jpg",
              imageAlt: "Premium roasted coffee beans"
            }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafting moments of " },
            { type: "text", content: "excellence" },
            { type: "text", content: " since day one" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
        />
      </div>
      
      <div id="menu" data-section="menu">
        <ProductCardSeven
          title="Featured Menu"
          description="Discover our signature coffee selections, carefully curated for discerning palates"
          products={[
            {
              id: "1",
              name: "Espresso",
              price: "$3.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573459600-5l57kczu.jpg",
              imageAlt: "Rich espresso shot"
            },
            {
              id: "2",
              name: "Latte",
              price: "$4.75",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg",
              imageAlt: "Creamy latte with milk"
            },
            {
              id: "3",
              name: "Cappuccino",
              price: "$4.75",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573460458-6fck1vod.jpg",
              imageAlt: "Classic cappuccino with foam"
            },
            {
              id: "4",
              name: "Macchiato",
              price: "$4.25",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573461423-0xw1circ.jpg",
              imageAlt: "Strong macchiato with espresso mark"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Coffee Lovers Say"
          description="Real experiences from our valued guests"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen, Coffee Enthusiast",
              date: "Date: 15 January 2025",
              title: "Best espresso in the city",
              quote: "Big Cup has become my daily ritual. The espresso is perfectly balanced, and the baristas really know their craft. Every visit feels special.",
              tag: "Regular Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573469572-p96r5kd9.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573465469-4l88vn82.jpg"
            },
            {
              id: "2",
              name: "Sarah Mitchell, Business Owner",
              date: "Date: 20 January 2025",
              title: "Perfect meeting spot",
              quote: "I hold all my client meetings at Big Cup now. The atmosphere is sophisticated yet welcoming, and the coffee service is consistently excellent.",
              tag: "Business Meetings",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414402772-ruzjnlgd.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414395178-77w1rchc.jpg"
            },
            {
              id: "3",
              name: "James Rodriguez, Barista",
              date: "Date: 22 January 2025",
              title: "Inspiring coffee community",
              quote: "As a fellow barista, I appreciate the skill and passion Big Cup brings to every cup. Their commitment to quality is unmatched.",
              tag: "Industry Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573470494-zjcnexaw.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573466573-0smy0mjk.jpg"
            },
            {
              id: "4",
              name: "Elena Thompson, Designer",
              date: "Date: 24 January 2025",
              title: "My creative sanctuary",
              quote: "Big Cup is where I do my best work. The calm ambiance, quality coffee, and friendly vibe create the perfect environment for creativity.",
              tag: "Creative Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573471399-4d27fyvr.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573462322-z6hyn2m2.jpg"
            },
            {
              id: "5",
              name: "David Park, Student",
              date: "Date: 26 January 2025",
              title: "Study haven",
              quote: "Best study spot on campus. The coffee keeps me energized, and the space is perfect for focused work or group projects.",
              tag: "Student",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573472328-odpyg8ww.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573467513-flqar8uh.jpg"
            },
            {
              id: "6",
              name: "Lisa Anderson, Entrepreneur",
              date: "Date: 28 January 2025",
              title: "Worth the visit",
              quote: "Traveled across town specifically for Big Cup and it did not disappoint. Their signature blends and attention to detail are remarkable.",
              tag: "Coffee Connoisseur",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573463226-9txcw0qx.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about Big Cup"
          faqs={[
            {
              id: "1",
              title: "What coffee beans do you use?",
              content: "We source premium, ethically-grown coffee beans from renowned roasters worldwide. Our beans are selected for quality, flavor profile, and fair trade practices. Each blend is carefully curated to ensure the perfect taste in every cup."
            },
            {
              id: "2",
              title: "Do you offer dairy-free options?",
              content: "Yes! We offer a variety of milk alternatives including oat, almond, soy, and coconut milk. Our baristas are trained to prepare any drink with your preferred milk option at no extra charge."
            },
            {
              id: "3",
              title: "What are your operating hours?",
              content: "Big Cup is open Monday through Friday from 6:30 AM to 7:00 PM, Saturday from 8:00 AM to 6:00 PM, and Sunday from 9:00 AM to 5:00 PM. We're closed on major holidays."
            },
            {
              id: "4",
              title: "Do you have seating available for groups?",
              content: "Absolutely! We have comfortable seating for individuals, couples, and groups. For larger parties or events, please call ahead to ensure we can accommodate everyone comfortably."
            },
            {
              id: "5",
              title: "Can I order custom drinks?",
              content: "Our talented baristas love creating custom drinks! Tell us your preferences and they'll craft the perfect beverage for you. We can adjust strength, sweetness, and milk ratios to your liking."
            },
            {
              id: "6",
              title: "Do you offer WiFi?",
              content: "Yes, we offer free high-speed WiFi for all guests. Perfect for working, studying, or browsing. Just ask at the counter for the password."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573468385-8w9p7nmj.jpg"
          imageAlt="Big Cup barista preparing coffee with care"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact" style={{ backgroundColor: "#ffff00" }}>
        <ContactText
          text="Ready to experience your perfect coffee moment? Visit us today or get in touch for reservations and inquiries. Please provide your name below."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve a Table", href: "#" },
            { text: "Contact Us", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Big Cup"
          columns={[
            {
              title: "Menu",
              items: [
                { label: "Coffee", href: "#menu" },
                { label: "Pastries", href: "#" },
                { label: "Specials", href: "#" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Story", href: "#about" },
                { label: "Baristas", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Location", href: "#" },
                { label: "Phone", href: "#" },
                { label: "Email", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Big Cup Coffee. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}