"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Coffee, Heart, Sparkles, Star, TrendingUp, MapPin, Users, Award, ThumbsUp } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="The Daily Brew"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Locations", id: "locations" },
            { name: "Reviews", id: "reviews" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Craft Your Perfect Coffee Moment"
          description="Experience the finest specialty coffee in an atmosphere designed for connection, creativity, and comfort. Every cup tells a story of passion and precision."
          tag="Premium Coffee Culture"
          tagIcon={Coffee}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",              imageAlt: "Warm and welcoming coffee shop interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-coffee-into-cup_23-2148420318.jpg",              imageAlt: "Beautifully crafted espresso with latte art"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-tasty-coffee-morning_1232-811.jpg",              imageAlt: "Refreshing cold brew coffee"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/overhead-view-teapot-cookies-coffee-croissant-fig-lemon-table_23-2147956822.jpg",              imageAlt: "Delicious pastry paired with coffee"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg",              imageAlt: "Skilled barista preparing specialty coffee"
            }
          ]}
          buttons={[
            { text: "Explore Menu", href: "#menu" },
            { text: "Reserve Table", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Heart}
          title="Crafted with Passion, Served with Pride"
          description="The Daily Brew was born from a simple mission: to create a sanctuary where exceptional coffee meets authentic community. Since our opening, we've been dedicated to sourcing the finest single-origin beans, training our baristas to mastery, and creating an environment where every guest feels at home. We believe in the power of a perfect cup to bring people together."
          metrics={[
            { value: "10K+", title: "Happy Customers Monthly" },
            { value: "50+", title: "Specialty Coffee Varieties" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg"
          imageAlt="Passionate barista crafting specialty coffee"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Signature Collection"
          description="Discover our carefully curated selection of specialty beverages and artisan preparations"
          tag="Featured Drinks"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "Ethiopian Yirgacheffe",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-coffee-into-cup_23-2148420318.jpg",              imageAlt: "Ethiopian single-origin espresso"
            },
            {
              id: "2",              name: "Cold Brew Concentrate",              price: "$4.75",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-tasty-coffee-morning_1232-811.jpg",              imageAlt: "Smooth cold brew coffee"
            },
            {
              id: "3",              name: "Pastry Pairing Set",              price: "$8.99",              imageSrc: "https://img.b2bpic.net/free-photo/overhead-view-teapot-cookies-coffee-croissant-fig-lemon-table_23-2147956822.jpg",              imageAlt: "Coffee and pastry combination"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwo
          title="What Our Guests Say"
          description="Hear from the community that makes The Daily Brew special"
          tag="Customer Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Emma Richardson",              role: "Freelance Designer",              testimonial: "The Daily Brew is my creative sanctuary. The atmosphere is perfect for focused work, and the coffee? Absolutely exceptional. I've tried everywhere, and this is genuinely the best.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",              imageAlt: "Emma Richardson"
            },
            {
              id: "2",              name: "Marcus Chen",              role: "Software Developer",              testimonial: "Outstanding baristas who actually care about their craft. They remember my order and always have a recommendation ready. This place has become my morning ritual.",              imageSrc: "https://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "3",              name: "Sarah Mitchell",              role: "Marketing Manager",              testimonial: "Finally found a coffee shop that gets it. The single-origin selections are incredible, the pastries are fresh daily, and the team creates such a welcoming vibe.",              imageSrc: "https://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "4",              name: "James Rodriguez",              role: "Entrepreneur",              testimonial: "The Daily Brew isn't just a coffee shop—it's a community hub. Perfect place for meetings, thinking, or simply enjoying a moment of peace. Highly recommended.",              imageSrc: "https://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "5",              name: "Lisa Anderson",              role: "Student",              testimonial: "Best study spot in the neighborhood. Great wifi, quiet corners, and coffee that actually tastes like coffee. Plus the staff is always super friendly.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              name: "David Thompson",              role: "Artist",              testimonial: "The aesthetic, the coffee quality, the human connection—everything about this place inspires creativity. I bring all my artist friends here.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",              imageAlt: "David Thompson"
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="locations" data-section="locations">
        <MetricCardOne
          title="By The Numbers"
          description="The impact we've made on our community"
          tag="Growing Strong"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "3",              title: "Locations",              description: "Serving neighborhoods across the city",              icon: MapPin
            },
            {
              id: "2",              value: "500+",              title: "Daily Visitors",              description: "Coffee lovers from all walks of life",              icon: Users
            },
            {
              id: "3",              value: "15",              title: "Expert Baristas",              description: "Certified specialists in coffee craft",              icon: Award
            },
            {
              id: "4",              value: "98%",              title: "Customer Satisfaction",              description: "Consistently rated top local cafe",              icon: ThumbsUp
            }
          ]}
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee and community? Visit us today or place your order online. We're open daily from 6 AM to 8 PM, welcoming you with freshly brewed perfection and genuine hospitality."
          animationType="background-highlight"
          buttons={[
            { text: "Order Online", href: "https://example.com/order" },
            { text: "Find Us", href: "https://maps.example.com" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="The Daily Brew coffee shop ambiance"
          logoText="The Daily Brew"
          copyrightText="© 2025 The Daily Brew | Crafted with Passion"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Menu", href: "#menu" },
                { label: "Order Online", href: "https://example.com/order" },
                { label: "Gift Cards", href: "https://example.com/gifts" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Locations", href: "#locations" },
                { label: "Careers", href: "https://example.com/careers" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com/thedailybrew" },
                { label: "Contact", href: "#contact" },
                { label: "Newsletter", href: "https://example.com/subscribe" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}