"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Coffee, Moon, Sparkles, Users, Heart, Flame, Sun, Croissant, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="medium"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Midnight Cafe"
          navItems={[
            { name: "Experience", id: "experience" },
            { name: "About", id: "about" },
            { name: "Community", id: "community" }
          ]}
          button={{
            text: "Visit Us",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: "radial-gradient" }}
          tag="Welcome to Midnight Cafe"
          tagIcon={Coffee}
          title="Coffee Worth Planning Your Day Around"
          description="Small-batch coffee, unforgettable atmosphere, and a neighborhood feel that keeps you coming back. We obsess over quality — from bean selection to the final pour."
          buttons={[
            { text: "Visit Midnight Cafe", href: "contact" },
            { text: "Find Us", href: "contact" }
          ]}
          dashboard={{
            title: "Why Choose Midnight Cafe",            logoIcon: Moon,
            imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-cafe-table_53876-63268.jpg",            imageAlt: "dark cafe interior coffee warm lighting",            searchPlaceholder: "Explore our world",            buttons: [
              { text: "Browse Menu", href: "#" },
              { text: "Book a Table", href: "#" }
            ],
            sidebarItems: [
              { icon: Coffee },
              { icon: Users },
              { icon: Heart }
            ],
            stats: [
              {
                title: "Premium Quality",                values: [100, 100, 100],
                valueSuffix: "Craft",                description: "Small-batch sourced beans"
              },
              {
                title: "Community First",                values: [500, 650, 800],
                description: "Regular visitors monthly"
              },
              {
                title: "Local Love",                values: [5, 5, 5],
                description: "Neighborhood favorite"
              }
            ],
            chartTitle: "Customer Satisfaction",            chartData: [
              { value: 95 },
              { value: 98 },
              { value: 99 },
              { value: 97 },
              { value: 100 }
            ],
            listTitle: "What Makes Us Special",            listItems: [
              {
                icon: Sparkles,
                title: "Exceptional Coffee Quality",                status: "Always"
              },
              {
                icon: Users,
                title: "Welcoming Atmosphere",                status: "Every Visit"
              },
              {
                icon: Heart,
                title: "Staff That Cares",                status: "Guaranteed"
              }
            ]
          }}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <TestimonialCardThirteen
          testimonials={[
            {
              id: "1",              name: "Lisa M.",              handle: "@lisamcoffee",              testimonial: "Without a doubt the best coffee I've ever had. The atmosphere is warm and welcoming, and the staff remembers your name.",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Lisa M."
            },
            {
              id: "2",              name: "Kimberly J.",              handle: "@kimberly_loves",              testimonial: "Great atmosphere, delicious coffee, and amazing gluten-free options. This place feels like a second home.",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Kimberly J."
            },
            {
              id: "3",              name: "Local Guide",              handle: "@neighborhood_explorer",              testimonial: "Friendly, responsive staff with a true neighborhood feel. Worth every penny for the quality and care.",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Local Guide"
            },
            {
              id: "4",              name: "Sarah T.",              handle: "@sarah_studies",              testimonial: "My favorite place to study and think. The coffee fuels my creativity and the space inspires focus.",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Sarah T."
            },
            {
              id: "5",              name: "Marcus D.",              handle: "@marcus_coffee",              testimonial: "A true craft coffee experience. You can taste the passion in every cup. Support local!",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Marcus D."
            },
            {
              id: "6",              name: "Emma L.",              handle: "@emma_cafe_reviews",              testimonial: "The perfect blend of premium quality and genuine hospitality. Midnight Cafe sets the standard.",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Emma L."
            }
          ]}
          showRating={true}
          title="Loved by Our Community"
          description="Real voices from people who've made Midnight Cafe part of their daily ritual"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="experience" data-section="experience">
        <SplitAbout
          title="More Than Coffee. It's a Place."
          description="Midnight Cafe was created for people who don't rush their mornings — or their nights. From thoughtfully sourced beans to seating that invites you to stay awhile, everything here is intentional. This is where conversations linger, ideas spark, and the outside world slows down."
          tag="The Midnight Experience"
          tagIcon={Flame}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg"
          imageAlt="Cozy seating at Midnight Cafe"
          bulletPoints={[
            {
              title: "Premium Small-Batch Coffee",              description: "We obsess over quality — from bean selection to the final pour. That attention is why people refuse to settle for anything else.",              icon: Coffee
            },
            {
              title: "Fresh Pastries & Options",              description: "Thoughtfully sourced pastries with gluten-free options available. Every pairing is designed to complement our coffee.",              icon: Croissant
            },
            {
              title: "Natural Light & Comfort",              description: "Designed for staying. Warm lighting, thoughtful seating, and a space that feels like it's yours — even on your first visit.",              icon: Sun
            },
            {
              title: "Staff That Cares",              description: "Our team genuinely remembers your name and order. Welcoming without pretense, knowledgeable without being condescending.",              icon: Heart
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardTwentyFour
          features={[
            {
              id: "1",              title: "Ethically Sourced Beans",              author: "Our Sourcing Team",              description: "We partner directly with farmers who share our commitment to quality, sustainability, and fair trade practices. Every bean tells a story of care and craftsmanship.",              tags: ["Sustainability", "Quality"],
              imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg",              imageAlt: "Close-up of coffee crema"
            },
            {
              id: "2",              title: "Precision Roasting & Brewing",              author: "Our Barista Team",              description: "Our expert baristas control every variable — temperature, timing, pressure — to extract the perfect flavor profile from each origin. Consistency, passion, and precision in every cup.",              tags: ["Craftsmanship", "Precision"],
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-milk-coffee-with-roasted-beans_23-2148251666.jpg",              imageAlt: "Latte art showing craftsmanship"
            },
            {
              id: "3",              title: "Signature Experience",              author: "Our Leadership",              description: "From the moment you walk in, every detail — the aroma, the warmth, the welcome — is designed to create a moment worth savoring. Premium pricing reflects premium care.",              tags: ["Experience", "Luxury"],
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-working-laptop_23-2150491878.jpg",              imageAlt: "People enjoying cafe community"
            }
          ]}
          animationType="slide-up"
          title="The Coffee You Don't Forget"
          description="Discover what sets our coffee apart and why it's worth planning your day around"
          tag="Premium Quality"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="community" data-section="community">
        <MetricCardEleven
          metrics={[
            {
              id: "1",              value: "100%",              title: "Small Business Owned",              description: "Locally rooted and independently operated",              imageSrc: "https://img.b2bpic.net/free-photo/string-lights-sunset_23-2148232006.jpg",              imageAlt: "Midnight Cafe exterior at golden hour"
            },
            {
              id: "2",              value: "500+",              title: "Regular Community Members",              description: "People who've made this their second home",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-croissants-breakfast_23-2148877588.jpg",              imageAlt: "Perfect pastry and coffee pairing"
            }
          ]}
          title="Your Local Cafe, Done Right"
          description="We're proud to be a small business navigating a big world. Every cup supports real people, real passion, and a space created with care."
          tag="Community Impact"
          tagIcon={Users}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={MapPin}
          title="We'll Have a Seat Waiting"
          description="Ready to experience the best coffee of your life? Stop by and join our community. We're open early for the night thinkers and early risers, ready to fuel your day with craft, care, and genuine hospitality."
          buttons={[
            { text: "Visit Midnight Cafe", href: "#" },
            { text: "Make a Reservation", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Visit",              items: [
                { label: "Location", href: "#" },
                { label: "Hours", href: "#" },
                { label: "Menu", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Contact Us", href: "contact" },
                { label: "Reservations", href: "#" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#" },
                { label: "Sustainability", href: "#" },
                { label: "Press", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Midnight Cafe | Made with care. Served with love."
        />
      </div>
    </ThemeProvider>
  );
}