"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          brandName="Brew Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          
            { name: "Blog", id: "/blog" },
]}
          button={{
            text: "Order Now",            href: "https://example.com/order"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="Brew Haven"
          description="Crafted Coffee, Unforgettable Moments"
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg"
          imageAlt="Premium coffee brewing"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout 
          title="Where Coffee Becomes an Experience"
          description="At Brew Haven, we believe every cup tells a story. Since 2015, we've been sourcing the finest beans from sustainable farms across the globe, expertly roasting them to perfection, and serving them with passion. Our cozy atmosphere and dedicated baristas create the perfect setting for your daily ritual."
          tag="Our Story"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"
          imageAlt="Brew Haven coffee shop interior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne 
          title="Featured Selections"
          description="Discover our signature espresso blends and specialty coffee creations"
          tag="Signature Drinks"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Single Shot Espresso",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-with-white-saucer_114579-16848.jpg",              imageAlt: "Single shot espresso"
            },
            {
              id: "2",              name: "Silky Cappuccino",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              name: "Bold Americano",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244082.jpg",              imageAlt: "Classic americano"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          title="By the Numbers"
          description="A decade of delivering excellence to coffee lovers"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "10+",              description: "Years Serving Coffee"
            },
            {
              id: "2",              value: "50K+",              description: "Happy Customers"
            },
            {
              id: "3",              value: "15",              description: "Specialty Blends"
            },
            {
              id: "4",              value: "4.9/5",              description: "Customer Rating"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="What Our Customers Love"
          description="Hear from the coffee enthusiasts who make Brew Haven special"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "Best Morning Ritual",              quote: "Brew Haven has become an essential part of my morning. The espresso is consistently perfect, and the baristas remember my order. This is true hospitality.",              name: "Sarah Mitchell",              role: "Marketing Director",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Cozy Atmosphere",              quote: "The ambiance here is unmatched. Whether I'm meeting friends or working on a project, the vibe is perfect. Plus, the coffee is outstanding.",              name: "James Anderson",              role: "Creative Professional",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",              imageAlt: "James Anderson"
            },
            {
              id: "3",              title: "Sustainable Excellence",              quote: "I love that Brew Haven sources ethically and cares about the planet. Knowing my coffee purchase supports fair trade farmers makes every sip better.",              name: "Emma Rodriguez",              role: "Environmental Advocate",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              title: "Consistently Great",              quote: "Five years visiting Brew Haven and the quality never dips. Their commitment to craft is evident in every cup. I can't imagine my day without them.",              name: "Michael Chen",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",              imageAlt: "Michael Chen"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to experience Brew Haven? Visit us today or stay connected for exclusive offers and new blend announcements."
          animationType="entrance-slide"
          buttons={[
            { text: "Get Directions", href: "https://maps.google.com" },
            { text: "Subscribe to Updates", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal 
          logoText="Brew Haven"
        />
      </div>
    </ThemeProvider>
  );
}