"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Coffee, Heart, Sparkles, Croissant, Wifi, Users, TrendingUp, Star, MapPin, Phone } from "lucide-react";

export default function CafePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Café Amsterdam"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Visit", id: "contact" },
            { name: "Order Online", id: "https://example.com/order" }
          ]}
          bottomLeftText="Amsterdam, Netherlands"
          bottomRightText="hello@cafeamsterdam.local"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Sip, Stay, and Savor Amsterdam"
          description="Your neighborhood café serving fresh coffee, homemade pastries, and great vibes. A welcoming space for locals, students, remote workers, and curious travelers."
          background={{ variant: "sparkles-gradient" }}
          tag="Local Favorite"
          tagIcon={Coffee}
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Cozy interior of Café Amsterdam with warm lighting and welcoming atmosphere"
          buttons={[
            { text: "Order Online Now", href: "https://example.com/order" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="More Than Just Coffee"
          description="Since opening in the heart of Amsterdam, we've been building a community around exceptional coffee, fresh pastries, and genuine hospitality. We source the finest beans from sustainable roasters and bake our pastries fresh daily."
          tag="Our Story"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg"
          imageAlt="Skilled barista preparing a perfect espresso"
          bulletPoints={[
            {
              title: "Premium Coffee",              description: "Ethically sourced, freshly roasted beans crafted with precision and passion",              icon: Sparkles
            },
            {
              title: "Homemade Pastries",              description: "Baked fresh daily using traditional Dutch recipes and quality ingredients",              icon: Croissant
            },
            {
              title: "WiFi & Workspace",              description: "Fast, reliable WiFi and comfortable seating perfect for studying or remote work",              icon: Wifi
            },
            {
              title: "Community Hub",              description: "A welcoming space where locals, students, and travelers connect and thrive",              icon: Users
            }
          ]}
          buttons={[
            { text: "Visit Us Today", href: "contact" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardTwentyThree
          title="Featured Favorites"
          description="Discover our most beloved menu items crafted with care and passion"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "Single Origin Espresso",              tags: ["Signature", "Premium"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg",              imageAlt: "Beautiful latte with latte art"
            },
            {
              id: "2",              title: "Fresh Baked Pastries",              tags: ["Daily Fresh", "Dutch Recipe"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-coffee-into-cup_23-2148420318.jpg",              imageAlt: "Assortment of fresh croissants and pastries"
            },
            {
              id: "3",              title: "Workspace for Remote Workers",              tags: ["Free WiFi", "All Day Welcome"],
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-working-laptop_23-2150491878.jpg",              imageAlt: "Comfortable seating and workspace at the café"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Trusted by the Amsterdam community since day one"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Daily Visitors",              value: "500+"
            },
            {
              id: "2",              icon: Coffee,
              title: "Cups Served",              value: "2000+"
            },
            {
              id: "3",              icon: Star,
              title: "Customer Rating",              value: "4.9/5"
            },
            {
              id: "4",              icon: MapPin,
              title: "Years Established",              value: "8+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Community Says"
          description="Real stories from the people who make Café Amsterdam special"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Student",              date: "Date: 15 January 2025",              title: "The perfect study spot",              quote: "This café has become my second home. The WiFi is fast, the coffee is exceptional, and the atmosphere is incredibly welcoming. Perfect for long study sessions!",              tag: "Regular Visitor",              avatarSrc: "https://img.b2bpic.net/free-photo/man-showing-woman-cup-with-coffee-machine_23-2148366634.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/man-showing-woman-cup-with-coffee-machine_23-2148366634.jpg"
            },
            {
              id: "2",              name: "Marco De Vries, Remote Worker",              date: "Date: 12 January 2025",              title: "My daily workspace",              quote: "As someone who works remotely, finding a café with reliable WiFi and comfortable seating is essential. This place exceeds expectations on all fronts.",              tag: "Daily Regular",              avatarSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg"
            },
            {
              id: "3",              name: "Elena Rodriguez, Architect",              date: "Date: 10 January 2025",              title: "Amsterdam's hidden gem",              quote: "The homemade pastries paired with their single-origin espresso are simply outstanding. This café captures the true spirit of Dutch hospitality.",              tag: "Coffee Enthusiast",              avatarSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg"
            },
            {
              id: "4",              name: "Thomas Mueller, Tourist",              date: "Date: 8 January 2025",              title: "An authentic Amsterdam experience",              quote: "As a visitor from Germany, I was looking for a genuine local café experience. This place delivered exactly that—warm, genuine, and delicious.",              tag: "Visitor",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-man-making-coffee_23-2149045707.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-man-making-coffee_23-2149045707.jpg"
            },
            {
              id: "5",              name: "Lisa Chen, Design Freelancer",              date: "Date: 5 January 2025",              title: "Community feeling at its best",              quote: "What I love most is the sense of community here. You're not just a customer—you become part of a welcoming family.",              tag: "Frequent Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-cappuccino-coffee-shop_1303-29343.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-cappuccino-coffee-shop_1303-29343.jpg"
            },
            {
              id: "6",              name: "Adrian Kowalski, Photographer",              date: "Date: 2 January 2025",              title: "Perfect for creatives",              quote: "The creative vibe here is inspiring. Great atmosphere, amazing people, and the best coffee in Amsterdam. Can't imagine working anywhere else.",              tag: "Creative Professional",              avatarSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employees-working-coffee-machines_23-2148366633.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employees-working-coffee-machines_23-2148366633.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about visiting and ordering from Café Amsterdam"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What are your opening hours?",              content: "We're open Monday through Sunday from 7:00 AM to 8:00 PM. On weekends, we open at 8:00 AM. Holidays may have different hours—check our social media for updates."
            },
            {
              id: "2",              title: "Do you offer free WiFi?",              content: "Yes! We provide high-speed, free WiFi to all our guests. Just ask our staff for the password when you order. No purchase minimum—you're welcome to enjoy our space while working or studying."
            },
            {
              id: "3",              title: "How do I order online?",              content: "Simply visit our online ordering platform and select your items. You can choose pickup or delivery options. Orders are typically ready within 15-20 minutes for pickup or delivered within 30-45 minutes."
            },
            {
              id: "4",              title: "Do you have vegan options?",              content: "Absolutely! We offer oat, almond, and soy milk alternatives for all our coffee drinks. Several of our pastries are vegan-friendly as well. Ask our baristas for specific recommendations."
            },
            {
              id: "5",              title: "Can I book a private event?",              content: "Yes, we accommodate small gatherings and private events. Please contact us at hello@cafeamsterdam.local or call our location with your event details and preferred date."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, and mobile payment systems including Apple Pay and Google Pay. We also accept Tikkie transfers for group payments. Cash is welcome too!"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Visit Us in Person"
          ctaDescription="Experience the warmth and community of Café Amsterdam. We're located in the heart of Amsterdam with fast WiFi, comfortable seating, and the finest coffee in town."
          ctaIcon={MapPin}
          ctaButton={{ text: "Get Directions", href: "https://maps.google.com/?q=Cafe+Amsterdam" }}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "What's the best time to visit?",              content: "Morning (7-9 AM) is perfect for a quiet coffee and pastry. Mid-morning (10 AM-noon) is popular with remote workers. Afternoons (2-5 PM) are relaxed. Evenings (6-8 PM) have a community vibe."
            },
            {
              id: "2",              title: "Is there seating available for large groups?",              content: "We have flexible seating that can accommodate groups of up to 15 people with advance notice. For larger events, we recommend contacting us directly to discuss private event options."
            },
            {
              id: "3",              title: "Do you offer catering services?",              content: "Yes! We provide catering packages for offices, events, and gatherings. From coffee and pastry platters to light lunch options, we can customize packages for your needs."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Café Amsterdam"
          copyrightText="© 2025 Café Amsterdam. All rights reserved."
          columns={[
            {
              title: "Menu",              items: [
                { label: "Coffee", href: "#menu" },
                { label: "Pastries", href: "#menu" },
                { label: "Lunch Specials", href: "#menu" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "Location & Hours", href: "#contact" },
                { label: "Book Private Event", href: "#contact" },
                { label: "Catering", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email Us", href: "mailto:hello@cafeamsterdam.local" },
                { label: "Follow on Instagram", href: "https://instagram.com" },
                { label: "Order Online", href: "https://example.com/order" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}