"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Clock, Coffee, Mail, Newspaper, Sparkles, Star, TrendingUp, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "Home", id: "home" },
            { name: "Our Coffee", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Brew Haven"
          button={{ text: "Reserve Seat", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Brew Haven"
          description="Premium specialty coffee crafted with passion. Experience the art of perfect brewing."
          buttons={[
            { text: "Order Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6mgex6",              imageAlt: "Artisan coffee brewing"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={false}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Roasted with Intention"
          description="Since 2015, Brew Haven has been dedicated to sourcing the finest single-origin beans from sustainable farms across the globe. Our master roasters hand-select each batch, roasting to perfection to bring out the unique character of every origin. We believe that great coffee starts with respect—for the farmers, the beans, and the craft."
          tag="Our Story"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "Visit Us", href: "#contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qquob3"
          imageAlt="Brew Haven coffee shop interior"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Signature Collections"
          description="Explore our handpicked selection of premium beverages, each crafted to showcase the distinctive flavors of specialty coffee."
          tag="Featured"
          tagIcon={Award}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          useInvertedBackground={false}
          products={[
            {
              id: "espresso",              brand: "Single Origin",              name: "Classic Espresso",              price: "$4.50",              rating: 5,
              reviewCount: "248",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=673ag3",              imageAlt: "Classic espresso shot"
            },
            {
              id: "cappuccino",              brand: "House Special",              name: "Velvety Cappuccino",              price: "$5.50",              rating: 5,
              reviewCount: "312",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dhjupd",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "cold-brew",              brand: "Summer Favorite",              name: "Cold Brew Concentrate",              price: "$5.00",              rating: 5,
              reviewCount: "189",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtx7fv",              imageAlt: "Cold brew iced coffee"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Brew Haven's impact on the specialty coffee community and beyond."
          tag="Our Impact"
          tagIcon={TrendingUp}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground={false}
          metrics={[
            {
              id: "awards",              icon: Award,
              title: "Awards Won",              value: "12+"
            },
            {
              id: "customers",              icon: Users,
              title: "Coffee Lovers",              value: "15K+"
            },
            {
              id: "experience",              icon: Clock,
              title: "Years Experience",              value: "9"
            },
            {
              id: "beans",              icon: Coffee,
              title: "Origins",              value: "28"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Coffee Lovers Say"
          description="Real experiences from our cherished community members."
          tag="Reviews"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Martinez",              handle: "@sarahlovescoffee",              testimonial: "The quality of beans at Brew Haven is unmatched. Every cup tastes like a journey around the world. I'm a loyal customer for life!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zshpks",              imageAlt: "Sarah Martinez",              icon: Star
            },
            {
              id: "testimonial-2",              name: "James Chen",              handle: "@jamesthebarista",              testimonial: "As a barista, I appreciate their commitment to excellence. The equipment and training they provide is top-tier.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4dqbx",              imageAlt: "James Chen",              icon: Star
            },
            {
              id: "testimonial-3",              name: "Emma Robinson",              handle: "@emmaeats",              testimonial: "My morning ritual wouldn't be the same without Brew Haven's cappuccino. Perfection in every sip!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iteje6",              imageAlt: "Emma Robinson",              icon: Star
            },
            {
              id: "testimonial-4",              name: "Michael Park",              handle: "@michaelcoffeeaddict",              testimonial: "The atmosphere is warm and welcoming. I've made so many friends here. It's more than just coffee—it's community.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1r1xy0",              imageAlt: "Michael Park",              icon: Star
            },
            {
              id: "testimonial-5",              name: "Jasmine Patel",              handle: "@jasminestea_coffee",              testimonial: "Sustainable sourcing and exceptional taste. Brew Haven truly cares about quality and impact.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lxb1ke",              imageAlt: "Jasmine Patel",              icon: Star
            },
            {
              id: "testimonial-6",              name: "David Thompson",              handle: "@davidwrites",              testimonial: "Perfect spot for remote work or catching up with friends. Great wifi, great coffee, great vibes.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wojn38",              imageAlt: "David Thompson",              icon: Star
            }
          ]}
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Featured In"
          description="Recognized by leading coffee and lifestyle publications."
          tag="Media"
          tagIcon={Newspaper}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Coffee Magazine",            "Specialty Brew Review",            "Urban Café Guide",            "Artisan Coffee Journal",            "Barista Weekly",            "Local Life Spotlight",            "Premium Beverage Digest",            "Sustainable Sourcing Network"
          ]}
          speed={45}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Visit Brew Haven Today"
          description="Join our coffee community. Subscribe for exclusive blends, brewing tips, and special events."
          tagIcon={Mail}
          tagAnimation="blur-reveal"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive updates about our latest blends and events. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Coffee", href: "#products" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Events", href: "#" },
                { label: "Brewing Tips", href: "#" },
                { label: "Member Stories", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "#contact" },
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2024 Brew Haven. All rights reserved."
          bottomRightText="Crafted with passion for specialty coffee lovers."
        />
      </div>
    </ThemeProvider>
  );
}