"use client"

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="outline-light"
      primaryButtonStyle="outline"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Brew & Bean"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "menu"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Brew & Bean"
          description="Handcrafted coffee experiences in every cup. From bean to brew, we deliver the finest specialty coffee with passion and precision."
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="Cozy coffee shop interior with warm lighting and welcoming atmosphere"
          frameStyle="card"
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Coffee Philosophy"
          description="We believe in the art and science of coffee."
          tabs={[
            {
              id: "sourcing",              label: "Ethically Sourced",              description: "We partner directly with sustainable coffee farmers across Africa, Central America, and South America. Every bean is hand-selected for quality, freshness, and story."
            },
            {
              id: "roasting",              label: "Small Batch Roasting",              description: "Our in-house roastery takes pride in small-batch roasting to highlight each origin's unique characteristics. We control every variable for consistency and excellence."
            },
            {
              id: "craft",              label: "Craft & Care",              description: "Our baristas undergo rigorous training to master espresso extraction, milk steaming, and latte art. Every cup is crafted with intention and care."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg"
          imageAlt="Skilled barista expertly crafting a pour-over coffee"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardSeven
          title="Featured Menu"
          description="Discover our signature blends and specialty drinks crafted with precision and passion."
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-americanoand-glass-water_140725-9775.jpg",              imageAlt: "Rich single origin espresso shot in professional cup"
            },
            {
              id: "2",              name: "Artisan Cappuccino",              price: "$5.75",              imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",              imageAlt: "Silky cappuccino with latte art"
            },
            {
              id: "3",              name: "Cold Brew Concentrate",              price: "$6.00",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Refreshing cold brew served over ice"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Coffee Enthusiasts"
          description="Hear from our community of loyal customers"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "The Best Coffee in Town",              quote: "I've tried every coffee shop in the city, and Brew & Bean consistently delivers the best espresso. The baristas really know their craft.",              name: "Sarah Chen",              role: "Coffee Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-cheerful-dark-skinned-female-with-bushy-afro-haistyle-holds-cup-coffee-latte-sits-against-cafeteria-interior-being-good-mood_273609-3171.jpg",              imageAlt: "Sarah Chen, satisfied customer"
            },
            {
              id: "2",              title: "Worth Every Penny",              quote: "The quality of beans and the care in preparation makes this worth every penny. I'm a regular now and recommend this place to all my friends.",              name: "Marcus Johnson",              role: "Regular Customer",              imageSrc: "https://img.b2bpic.net/free-photo/takeaway-cafe-concept-beautiful-feminine-woman-smiling-holding-cup-coffee-posing-against-beige-background-copy-space_1258-86812.jpg",              imageAlt: "Marcus Johnson, loyal customer"
            },
            {
              id: "3",              title: "Perfect for Remote Work",              quote: "The cozy atmosphere and excellent wifi make it perfect for working from a café. Plus the coffee keeps me energized all day.",              name: "Elena Rodriguez",              role: "Digital Nomad",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-dressed-white-pajamas_158538-18366.jpg",              imageAlt: "Elena Rodriguez, remote worker"
            },
            {
              id: "4",              title: "Exceptional Service & Quality",              quote: "From the moment I walk in, the staff treats me like family. Combined with exceptional coffee quality, it's my favorite place to start the day.",              name: "David Park",              role: "Daily Visitor",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-african-american-female-model-has-dark-healthy-skin-white-teeth-drinks-aromatic-espresso-spends-leisure-time-coffee-shop_273609-3172.jpg",              imageAlt: "David Park, enthusiastic customer"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our newsletter for exclusive blends, brewing tips, and special offers delivered to your inbox."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Brew & Bean"
          copyrightText="© 2025 Brew & Bean Coffee. All rights reserved."
          columns={[
            {
              title: "Menu",              items: [
                { label: "Espresso", href: "menu" },
                { label: "Cappuccino", href: "menu" },
                { label: "Cold Brew", href: "menu" },
                { label: "Pastries", href: "menu" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "about" },
                { label: "Sourcing", href: "about" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Contact Us", href: "contact" },
                { label: "Locations", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}