"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Coffee, Leaf, Zap, Star, Heart } from 'lucide-react';

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="noise"
      cardStyle="gradient-bordered"
      primaryButtonStyle="outline"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg"
          links={[
            { label: "Menu", href: "features" },
            { label: "About", href: "about" },
            { label: "Products", href: "products" },
            { label: "Contact", href: "contact" }
          ]}
          cta="Book a Table"
          ctaLink="contact"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Welcome to Gloria Coffee"
          description="Experience the finest specialty coffee in a warm, inviting atmosphere. From our carefully sourced beans to expertly crafted beverages, every cup tells a story."
          primaryCta="Explore Menu"
          primaryCtaLink="features"
          secondaryCta="Visit Us"
          secondaryCtaLink="contact"
          metrics={[
            { label: "Years of Excellence", value: "15+" },
            { label: "Happy Customers Daily", value: "1000+" },
            { label: "Premium Coffee Blends", value: "50+" }
          ]}
          image="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg"
          badge="Specialty Coffee House"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          description="Gloria Coffee was founded with a simple passion: to bring the world's finest coffees to your cup. We believe every sip should be a moment of joy and connection. We partner directly with sustainable coffee farms, employ expert baristas who craft each drink with precision, maintain premium quality standards, and focus on being a community gathering place for meaningful moments."
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFifteen
          title="Our Specialty Drinks"
          description="Handcrafted beverages that elevate your coffee experience"
          features={[
            {
              title: "Caramel Macchiato",
              description: "Espresso with steamed milk and signature caramel drizzle",
              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg",
              icon: Coffee
            },
            {
              title: "Single Origin Espresso",
              description: "Pure, bold, and perfectly extracted from premium beans",
              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414395178-77w1rchc.jpg",
              icon: Star
            },
            {
              title: "Iced Vanilla Latte",
              description: "Smooth, refreshing, and perfect for warm days",
              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
              icon: Heart
            }
          ]}
          badge="Signature Selection"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Featured Menu Items"
          description="Discover our most loved offerings"
          products={[
            {
              name: "Morning Croissant",
              price: "$5.99",
              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573458620-djq2znw8.jpg",
              rating: 4.8,
              ctaText: "Order Now",
              ctaLink: "contact"
            },
            {
              name: "Caprese Sandwich",
              price: "$9.99",
              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg",
              rating: 4.9,
              ctaText: "Order Now",
              ctaLink: "contact"
            },
            {
              name: "Chocolate Cake",
              price: "$6.99",
              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573460458-6fck1vod.jpg",
              rating: 4.7,
              ctaText: "Order Now",
              ctaLink: "contact"
            }
          ]}
          badge="Must Try"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="What Our Customers Say"
          description="Join thousands who've made Gloria their favorite coffeehouse"
          testimonials={[
            {
              quote: "The best espresso I've had outside of Italy. Every barista knows how to perfect each drink.",
              author: "Maria Rodriguez",
              role: "Regular Customer",
              avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679215769-8spgigse.jpg"
            },
            {
              quote: "Gloria is my creative sanctuary. Great coffee, peaceful ambiance, and amazing staff.",
              author: "James Chen",
              role: "Freelancer",
              avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508653705-qp2xy5s6.jpg"
            },
            {
              quote: "I bring all my clients here for meetings. The atmosphere and quality coffee make the perfect impression.",
              author: "Sarah Thompson",
              role: "Business Owner",
              avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679217178-y1zjo42n.jpg"
            },
            {
              quote: "The team remembers my order and always greets me with a smile. That's customer service done right.",
              author: "Michael Park",
              role: "Morning Regular",
              avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679218140-bhsns38m.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          title="Visit Gloria Coffee"
          description="Join us for your next coffee break. We're open seven days a week."
          ctaText="Get Directions"
          ctaLink="https://maps.google.com"
          faqs={[
            {
              question: "What are your opening hours?",
              answer: "Monday - Friday: 6:00 AM - 8:00 PM. Saturday - Sunday: 8:00 AM - 9:00 PM. We're closed on major holidays."
            },
            {
              question: "Do you offer WiFi?",
              answer: "Yes, free WiFi is available to all customers. Password is displayed at the counter."
            },
            {
              question: "Can I reserve a table?",
              answer: "For groups of 6 or more, we recommend calling ahead at (555) 123-4567 to reserve seating."
            },
            {
              question: "Do you have vegan options?",
              answer: "Absolutely! We offer plant-based milk alternatives and vegan pastries. Ask our baristas for recommendations."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          logoText="Gloria"
          description="Premium specialty coffee house serving the finest beverages since 2010."
          copyright="© 2025 Gloria Coffee. All rights reserved."
          links={[
            {
              title: "Hours",
              items: [
                { label: "Monday - Friday: 6 AM - 8 PM", href: "contact" },
                { label: "Saturday - Sunday: 8 AM - 9 PM", href: "contact" },
                { label: "Contact: (555) 123-4567", href: "contact" }
              ]
            },
            {
              title: "Location",
              items: [
                { label: "123 Coffee Street", href: "https://maps.google.com" },
                { label: "Downtown District", href: "https://maps.google.com" },
                { label: "Get Directions", href: "https://maps.google.com" }
              ]
            },
            {
              title: "Follow Us",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Contact Us", href: "contact" }
              ]
            }
          ]}
          media="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg"
        />
      </div>
    </ThemeProvider>
  );
}