"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="medium"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Brew & Gather"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Online",            href: "https://example.com/order"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Sip, Stay, and Savor"
          description="Your neighborhood café serving fresh coffee, homemade pastries, and great vibes"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg"
          imageAlt="Cozy Amsterdam café interior with warm lighting"
          showDimOverlay={true}
          buttons={[
            {
              text: "Order Online Now",              href: "https://example.com/order"
            },
            {
              text: "Learn More",              href: "about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="contact us under community impact"
          description="We're more than just a café—we're a neighborhood gathering place where locals, students, and travelers come together over exceptional coffee and freshly baked pastries. Founded with a passion for community and quality, we believe every visit should feel like coming home."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/desk-arrangement-with-coffee-high-angle_23-2149073075.jpg"
          imageAlt="Café interior with customers working and socializing"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Explore Our Menu",              href: "features"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="feel a little bit more boutique"
          description="Discover why Brew & Gather is Amsterdam's favorite local café"
          tag="Our Specialties"
          features={[
            {
              id: "1",              title: "Artisan Coffee Selection",              author: "Barista Collective",              description: "Carefully sourced beans roasted locally and prepared with precision to deliver the perfect espresso, latte, or pour-over coffee.",              tags: ["Coffee", "Specialty"],
              imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg"
            },
            {
              id: "2",              title: "Homemade Pastries Daily",              author: "In-House Baker",              description: "Fresh croissants, sourdough bread, and seasonal pastries baked fresh every morning in our open kitchen.",              tags: ["Pastries", "Fresh"],
              imageSrc: "https://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg"
            },
            {
              id: "3",              title: "Perfect Working Space",              author: "Community Team",              description: "Reliable WiFi, comfortable seating, and a calm atmosphere make us the ideal spot for remote workers and students.",              tags: ["Workspace", "WiFi"],
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Brew & Gather by Numbers"
          description="Our impact on the Amsterdam community since day one"
          tag="Community Impact"
          metrics={[
            {
              id: "1",              value: "2,500+",              title: "Regular Customers",              description: "Locals who visit us multiple times per week",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg"
            },
            {
              id: "2",              value: "400+",              title: "Daily Visitors",              description: "Students, professionals, and tourists enjoying our space",              imageSrc: "https://img.b2bpic.net/free-photo/desk-arrangement-with-coffee-high-angle_23-2149073075.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardSix
          title="What Our Community Says"
          description="Hear from the people who make Brew & Gather special"
          tag="Customer Love"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Emma de Vries",              handle: "Local Student",              testimonial: "The best café in Amsterdam! Perfect WiFi, amazing coffee, and the staff remembers my order. I study here almost every day.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
            },
            {
              id: "2",              name: "Thomas Mueller",              handle: "Remote Worker",              testimonial: "Found my favorite workspace! The atmosphere is inspiring, the pastries are incredible, and the team is so welcoming. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing_1301-3611.jpg"
            },
            {
              id: "3",              name: "Sarah van Hoorn",              handle: "Regular Customer",              testimonial: "Every visit feels like coming home. The community vibe here is unmatched. Best homemade pastries in the city!",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-businesswoman-with-glasses_23-2147989567.jpg"
            },
            {
              id: "4",              name: "Lucas Fernandes",              handle: "Tourist",              testimonial: "Had the most authentic Amsterdam café experience here. Real local spot, genuine hospitality, and world-class coffee. Worth the visit!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"
            },
            {
              id: "5",              name: "Aisha Kahn",              handle: "Designer",              testimonial: "Not just a café—it's a creative hub. Met amazing people, got inspired, and sipped the best latte I've ever had. Pure joy!",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
            },
            {
              id: "6",              name: "Dirk van Dijk",              handle: "Neighborhood Regular",              testimonial: "Been coming here for two years. The personal touch, the quality, and the care they put into everything makes it special. A true gem.",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing_1301-3611.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          title="Join Our Community"
          description="Subscribe to our newsletter for weekly specials, new pastry announcements, and exclusive events. We respect your inbox and promise great content only."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-woman-enjoying-coffee-cup_23-2148756301.jpg"
          imageAlt="Coffee and pastries with newsletter signup"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We'll send you updates about our specials and new offerings. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Brew & Gather"
          copyrightText="© 2025 Brew & Gather | Handcrafted with love in Amsterdam"
          columns={[
            {
              title: "Café",              items: [
                { label: "Menu", href: "features" },
                { label: "Order Online", href: "https://example.com/order" },
                { label: "Our Story", href: "about" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Email Us", href: "mailto:hello@brewandgather.nl" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Visit Us",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "WiFi Password", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}