"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Coffee, Users, Award, Heart } from 'lucide-react';

export default function CafePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Café Local"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="CAFÉ LOCAL"
          description="Discover authentic coffee crafted with passion. Our local café welcomes you to experience the perfect blend of quality, comfort, and community in every cup."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/uploaded-1769393799170-vbdduz18.png"
          imageAlt="Freshly brewed café coffee"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <AboutMetric
          title="Welcome to Café Local – where every cup tells a story of passion, quality, and community."
          metrics={[
            { icon: Coffee, label: "Years of Excellence", value: "15+" },
            { icon: Users, label: "Happy Customers", value: "10K+" },
            { icon: Award, label: "Premium Blends", value: "20+" },
            { icon: Heart, label: "Community Focus", value: "100%" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why Choose Our Café"
          description="Experience the perfect combination of artistry, quality, and warmth that makes our café special."
          tag="Our Specialty"
          features={[
            {
              title: "Expert Baristas",              description: "Our skilled baristas craft each drink with precision and passion, ensuring every cup meets our high standards.",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg",              imageAlt: "Professional barista preparing coffee"
            },
            {
              title: "Fresh Pastries",              description: "Handpicked fresh pastries baked daily, perfectly paired with your favorite coffee selection.",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-sweet-pastry-is-sprinkled-with-sugar-powder-wooden-surface_78826-2429.jpg",              imageAlt: "Delicious fresh pastries"
            },
            {
              title: "Cozy Ambiance",              description: "Warm wooden interiors and comfortable seating create the perfect sanctuary for work, study, or relaxation.",              imageSrc: "https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg",              imageAlt: "Warm and cozy café interior"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Menu Favorites"
          description="Explore our signature drinks and delicious pairings, each crafted with care and quality ingredients."
          tag="Menu"
          products={[
            {
              id: "1",              name: "Espresso Shot",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-pancake-inside-round-metal-pan-around-powdered-chocolate-dark-surface_140725-14559.jpg",              imageAlt: "Rich espresso shot"
            },
            {
              id: "2",              name: "Creamy Latte",              price: "$4.75",              imageSrc: "https://img.b2bpic.net/free-photo/cup-with-black-coffee-wooden-board_23-2148623253.jpg",              imageAlt: "Smooth creamy latte"
            },
            {
              id: "3",              name: "Classic Cappuccino",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-coffee-beans-near-cup_23-2147764917.jpg",              imageAlt: "Traditional cappuccino"
            },
            {
              id: "4",              name: "Coffee & Pastry",              price: "$7.99",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-cupcake-table_23-2147765316.jpg",              imageAlt: "Coffee paired with pastry"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Our Community"
          description="Hear from the wonderful people who visit us regularly and make Café Local part of their routine."
          tag="Customer Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "My Daily Sanctuary",              quote: "Café Local has become my favorite morning destination. The coffee is consistently excellent, and the warm atmosphere makes every visit feel special.",              name: "Sarah Mitchell",              role: "Marketing Professional",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Perfect Work Environment",              quote: "The cozy seating and reliable WiFi make this the ideal spot for remote work. Plus, the baristas remember my usual order!",              name: "James Chen",              role: "Freelance Designer",              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              title: "Quality You Can Taste",              quote: "You can tell they care about their craft. Every detail, from the beans to the presentation, shows their commitment to excellence.",              name: "Emma Rodriguez",              role: "Food Blogger",              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Emma Rodriguez"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our newsletter and be the first to know about new seasonal drinks, special events, and exclusive café updates."
          imageSrc="https://img.b2bpic.net/free-photo/close-up-delicious-cups-organic-coffees_23-2148420321.jpg"
          imageAlt="Warm coffee beans"
          mediaPosition="right"
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time from our newsletter."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="CAFÉ LOCAL" />
      </div>
    </ThemeProvider>
  );
}