"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="grid"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Midnight Cafe"
          navItems={[
            { name: "Our Story", id: "about" },
            { name: "The Experience", id: "features" },
            { name: "Community", id: "testimonials" },
            { name: "Visit Us", id: "contact" },
            { name: "Journal", id: "blog" }
          ]}
          button={{
            text: "Find Us Tonight",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          tag="Welcome to Midnight Cafe"
          tagAnimation="slide-up"
          title="Coffee Worth Rearranging Your Day For"
          description="Fresh roasted coffee. Handmade pastries. A neighborhood you actually want to be part of."
          background={{ variant: "animated-grid" }}
          imageSrc="https://img.b2bpic.net/free-photo/sandwich-cup-coffee-table_53876-63270.jpg"
          imageAlt="Luxury coffee setup at Midnight Cafe"
          buttons={[
            { text: "Find Us Tonight", href: "contact" },
            { text: "Learn Our Story", href: "about" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          tag="Our Philosophy"
          title="An Intentional Space for Intentional Living"
          description="Midnight Cafe exists for those who believe that quality matters. We've crafted a sanctuary where urban professionals find focused work spaces, creatives discover inspired community, and conscious consumers support ethical sourcing. Every detail—from our single-origin roasts to our locally-sourced pastries—reflects our commitment to slowness, craft, and belonging."
          imageSrc="https://img.b2bpic.net/free-photo/modern-cafe-interior-design-with-wooden-wall-green-wall-grey-chairs_191095-99746.jpg"
          imageAlt="Midnight Cafe interior with ambient lighting"
          buttons={[
            { text: "Explore Our Values", href: "features" }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="The Midnight Experience"
          description="Discover what makes every visit extraordinary."
          tag="What Sets Us Apart"
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Fresh Roasted Coffee",              author: "Sourced with Purpose",              description: "Our beans arrive fresh from ethical roasters who prioritize quality and fair trade practices. Every cup is a testament to the craft of coffee making.",              tags: ["Premium", "Ethical"],
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-having-coffee_53876-24896.jpg",              imageAlt: "Freshly roasted coffee beans"
            },
            {
              id: "2",              title: "Handmade Pastries",              author: "Baked Daily",              description: "Our pastries are crafted fresh each morning using the finest ingredients. From croissants to seasonal specialties, each bite reflects our dedication to artisan quality.",              tags: ["Artisan", "Fresh"],
              imageSrc: "https://img.b2bpic.net/free-photo/baker-gloves-slicing-pastry-table-food-prep_1258-296177.jpg",              imageAlt: "Selection of handmade pastries"
            },
            {
              id: "3",              title: "Neighborhood Community",              author: "Connection Over Speed",              description: "We're not just a cafe—we're a gathering place. Regular faces become friends. Creatives find collaborators. Professionals find sanctuary. This is where your community grows.",              tags: ["Community", "Connection"],
              imageSrc: "https://img.b2bpic.net/free-photo/neighborhood-life-enjoyed-by-group-friends_23-2149402012.jpg",              imageAlt: "Community gathering at Midnight Cafe"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Park",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",              imageAlt: "David Park"
            },
            {
              id: "5",              name: "Jessica Liu",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "Jessica Liu"
            },
            {
              id: "6",              name: "Thomas Wright",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageAlt: "Thomas Wright"
            }
          ]}
          cardTitle="Trusted by creatives, professionals, and conscious consumers who believe in the power of quality and community"
          cardTag="Loved by Our People"
          cardTagIcon={Heart}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Featured & Recognized"
          description="Midnight Cafe has been celebrated by leading voices in coffee culture, design, and community building."
          tag="Press & Recognition"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Coffee Culture Journal",            "Urban Design Review",            "Local Makers Collective",            "Slow Living Magazine",            "Neighborhood Champion",            "Artisan Excellence Awards",            "Community Spotlight"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagAnimation="slide-up"
          title="Join Our Evening Circle"
          description="Subscribe to our newsletter for updates on single-origin releases, exclusive events, and the stories behind every cup."
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="Your email"
          buttonText="Subscribe"
          termsText="We respect your inbox. Unsubscribe anytime. Our occasional newsletters celebrate coffee, craft, and community."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Our Story", href: "#about" },
                { label: "The Experience", href: "#features" },
                { label: "Community", href: "#testimonials" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Visit Us", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Email", href: "mailto:hello@midnightcafe.local" }
              ]
            },
            {
              title: "Values",              items: [
                { label: "Ethical Sourcing", href: "#about" },
                { label: "Slow Living", href: "#about" },
                { label: "Community First", href: "#testimonials" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Midnight Cafe. All rights reserved."
          bottomRightText="Crafted with intention"
        />
      </div>
    </ThemeProvider>
  );
}