"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="BarCoffee"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book a Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Premium Coffee Experience"
          description="Discover artisanal coffee crafted with passion. From ethically sourced beans to expertly pulled shots, every cup tells a story."
          tag="BarCoffee"
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg",              imageAlt: "Espresso with latte art"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/cappuccino-coffee-with-tree-latte-art_53876-94345.jpg",              imageAlt: "Refreshing cold brew coffee"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/latte-coffee-cup_74190-105.jpg",              imageAlt: "Hot cappuccino with perfect foam"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/flat-coffee-cup-collection-with-top-view_23-2147750350.jpg",              imageAlt: "Modern coffee shop interior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-hot-espresso-along-with-brown-coffee-seeds-cinnamon-wooden-brown-floor_140725-14552.jpg",              imageAlt: "Premium roasted coffee beans"
            }
          ]}
          buttons={[
            { text: "View Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          title="Crafting the Perfect Cup Since 2015"
          description="BarCoffee was born from a simple passion: bringing exceptional coffee to our community. We partner with sustainable farms worldwide to source the finest beans, then roast and brew them with meticulous care. Every visit is an invitation to experience coffee the way it was meant to be—fresh, flavorful, and thoughtfully prepared."
          metrics={[
            { value: "15K+", title: "Happy Customers Monthly" },
            { value: "50+", title: "Coffee Origins Curated" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-male-barista-shop_23-2148523063.jpg"
          imageAlt="BarCoffee shop interior with espresso machine"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Selections"
          description="Handpicked offerings that showcase our commitment to quality and flavor"
          tag="Menu"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$4.50",              variant: "Rich & Bold  Classic Shot",              imageSrc: "https://img.b2bpic.net/free-photo/caffeine-romantic-milk-wood-aroma_1232-4541.jpg",              imageAlt: "Single origin espresso"
            },
            {
              id: "2",              name: "Creamy Cappuccino",              price: "$5.75",              variant: "Silky Foam  Premium Milk",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-latte-with-cookies-coffiee-beans_141793-17439.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              name: "Cold Brew Concentrate",              price: "$5.25",              variant: "Smooth & Refreshing  Iced",              imageSrc: "https://img.b2bpic.net/free-photo/latte-coffee_74190-2926.jpg",              imageAlt: "Cold brew coffee"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By the Numbers"
          description="Our impact on the coffee community and beyond"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "9 Years",              title: "Serving Quality Coffee",              items: ["Award-winning baristas", "Consistent excellence", "Community trust"]
            },
            {
              id: "2",              value: "1000+",              title: "Daily Customers Served",              items: ["Peak morning hours", "Loyal regulars", "New discoveries"]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by thousands of coffee lovers who visit BarCoffee every month"
          cardTag="Customer Love"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-green-cozy-large-knitted-sweater-cute-smiling-with-crossed-hands_343596-7420.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Michael Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready for Your Next Great Cup?"
          description="Subscribe to our newsletter for exclusive blends, brewing tips, and special offers. Or visit us in person to experience BarCoffee firsthand."
          useInvertedBackground="noInvert"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive updates from BarCoffee."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/cup-cappuccino-with-coffee-beans-table_141793-1050.jpg"
          imageAlt="Coffee background"
          logoText="BarCoffee"
          copyrightText="© 2025 BarCoffee. All rights reserved."
          columns={[
            {
              title: "Visit",              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Directions", href: "#" }
              ]
            },
            {
              title: "Menu",              items: [
                { label: "Coffee", href: "products" },
                { label: "Pastries", href: "#" },
                { label: "Merchandise", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}