"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { BookOpen, Users, Heart, Zap, Wifi, Volume2, Coffee } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Experience", id: "features" },
            { name: "Visit", id: "contact" },
            { name: "Connect", id: "newsletter" }
          ]}
          brandName="Fix Coffee"
          bottomLeftText="Quiet spaces for creative minds"
          bottomRightText="hello@fixcoffee.local"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Fix Coffee"
          description="Your morning, made perfect. A bright, calm space for coffee, books, and quiet moments."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Visit Us", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/cup-sunset-hand-young-girl-covered-with-blanket_1328-3377.jpg"
          imageAlt="Morning coffee ritual at Fix Coffee"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Sanctuary"
          description="Fix Coffee isn't just another café. It's a refuge for creatives, students, and young professionals who crave authentic spaces that support focus, inspiration, and genuine human connection. We believe great coffee deserves an equally great atmosphere."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="The warm, inviting interior of Fix Coffee"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento
          title="Why Fix Coffee"
          description="Discover what makes us the perfect place for your daily ritual"
          tag="Experience"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              title: "Purposeful Design",              description: "Every corner is crafted for focus and inspiration",              bentoComponent: "reveal-icon",              icon: BookOpen
            },
            {
              title: "Quality Coffee",              description: "Single-origin beans roasted with precision",              bentoComponent: "globe"
            },
            {
              title: "Creative Community",              description: "Connect with like-minded thinkers and makers",              bentoComponent: "icon-info-cards",              items: [
                { icon: Users, label: "Members", value: "500+" },
                { icon: Heart, label: "Loyalty", value: "95%" },
                { icon: Zap, label: "Energy", value: "Infinite" }
              ]
            },
            {
              title: "Perfect Setup",              description: "Reliable Wi-Fi, power outlets, and minimal distractions",              bentoComponent: "3d-task-list",              items: [
                { icon: Wifi, label: "High-Speed Internet", time: "Always on" },
                { icon: Zap, label: "Power Access", time: "Every seat" },
                { icon: Volume2, label: "Acoustic Design", time: "Ambient sound" }
              ]
            }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardTwo
          title="Spaces for Every Moment"
          description="Explore the different atmospheres within Fix Coffee"
          tag="Gallery"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              brand: "Fix Coffee",              name: "The Reading Nook",              price: "Your refuge",              rating: 5,
              reviewCount: "Peaceful",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-reading-book-sitting-cafe_176420-5910.jpg",              imageAlt: "Cozy reading nook with natural light"
            },
            {
              id: "2",              brand: "Fix Coffee",              name: "The Study Zone",              price: "Focus here",              rating: 5,
              reviewCount: "Productive",              imageSrc: "https://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245402.jpg",              imageAlt: "Well-lit study space with work tables"
            },
            {
              id: "3",              brand: "Fix Coffee",              name: "The Creative Studio",              price: "Inspire yours",              rating: 5,
              reviewCount: "Energizing",              imageSrc: "https://img.b2bpic.net/free-photo/early-mornings-office_1122-2731.jpg",              imageAlt: "Bright workspace for creators and designers"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
        />
      </div>

      <div id="values" data-section="values">
        <MetricCardThree
          title="Our Impact"
          description="Building community one cup at a time"
          tag="Community"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              icon: Coffee,
              title: "Cups Served",              value: "50K+"
            },
            {
              id: "2",              icon: Users,
              title: "Regular Guests",              value: "2.5K"
            },
            {
              id: "3",              icon: Heart,
              title: "Community Events",              value: "24/year"
            },
            {
              id: "4",              icon: BookOpen,
              title: "Stories Shared",              value: "Countless"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Visit"
          title="Visit Us Today"
          description="Find us at our cozy corner spot. Open daily from 7am–8pm. We're waiting for you."
          background={{ variant: "downward-rays-static-grid" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="your@email.com"
          buttonText="Get Updates"
          termsText="Stay in the loop with our weekly happenings, new blends, and creative collaborations."
        />
      </div>

      <div id="newsletter" data-section="newsletter">
        <ContactCenter
          tag="Newsletter"
          title="Join Our Community"
          description="Get inspired with stories from our guests, coffee tips, and exclusive events."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your inbox. Unsubscribe anytime. Your focus matters to us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16250.jpg"
          imageAlt="Fix Coffee community gathering"
          logoText="Fix Coffee"
          copyrightText="© 2025 Fix Coffee. Brewed with care for creative minds."
          columns={[
            {
              title: "Explore",              items: [
                { label: "About Us", href: "#about" },
                { label: "Experience", href: "#features" },
                { label: "Gallery", href: "#gallery" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email Us", href: "mailto:hello@fixcoffee.local" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Community Events", href: "#" }
              ]
            },
            {
              title: "Hours",              items: [
                { label: "Mon–Fri: 7am–8pm", href: "#" },
                { label: "Sat–Sun: 8am–9pm", href: "#" },
                { label: "Closed: Holiday", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}