"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Coffee, Zap, Sparkles, Users, Globe, Award, CheckCircle, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Brew Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "#menu" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="BREW HAVEN"
          description="Discover expertly crafted specialty coffees in an inviting atmosphere. From rich espressos to smooth cold brews, every cup is crafted with passion and premium beans."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Explore Menu", href: "#menu" },
            { text: "Visit Us", href: "#contact" }
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9913.jpg"
          imageAlt="Premium coffee with latte art"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="opacity"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Coffee}
          title="Crafted with care, roasted with passion, served with heart."
          description="Founded in 2018"
          subdescription="Brew Haven Coffee Roasters"
          icon={Zap}
          imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-lie-cezve-hessian_8353-1480.jpg"
          imageAlt="Premium coffee beans"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Specialty Coffee Selection"
          description="Hand-picked, small-batch roasted coffees crafted to perfection"
          tag="Premium Beverages"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$5.50",              imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup_1339-4032.jpg",              imageAlt: "Rich espresso shot"
            },
            {
              id: "2",              name: "Cold Brew Classic",              price: "$4.75",              imageSrc: "http://img.b2bpic.net/free-photo/strong-alcoholic-beverage-with-coffee_23-2148722521.jpg",              imageAlt: "Refreshing cold brew"
            },
            {
              id: "3",              name: "Vanilla Mocha Delight",              price: "$6.25",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-milk-beans_114579-16710.jpg",              imageAlt: "Creamy vanilla mocha"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Customers Love"
          description="Join hundreds of coffee enthusiasts who have made Brew Haven their daily ritual"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "The Perfect Morning Ritual",              quote: "Every morning starts with Brew Haven. The quality is unmatched and the atmosphere is genuinely welcoming. This is where I belong.",              name: "Sarah Mitchell",              role: "Regular Customer",              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Exceptional Specialty Drinks",              quote: "I've tried coffee everywhere, but Brew Haven's cold brew is absolutely phenomenal. The baristas truly understand their craft.",              name: "Marcus Chen",              role: "Coffee Enthusiast",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "3",              title: "A Community Gathering Spot",              quote: "More than just coffee—it's about the people and the experience. Brew Haven feels like home to me.",              name: "Emma Rodriguez",              role: "Loyal Customer",              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              title: "Premium Quality Every Time",              quote: "The consistency and attention to detail at Brew Haven is remarkable. They source the finest beans and it shows in every cup.",              name: "David Thompson",              role: "Coffee Connoisseur",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1",              imageAlt: "David Thompson"
            },
            {
              id: "5",              title: "Best Coffee in Town",              quote: "Finally found a place where passion meets quality. Brew Haven is my go-to for everything coffee-related.",              name: "Jessica Liu",              role: "Daily Visitor",              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=3",              imageAlt: "Jessica Liu"
            },
            {
              id: "6",              title: "Worth Every Visit",              quote: "The expertise of the team and the quality of the product make this place special. Highly recommended!",              name: "James Wilson",              role: "Coffee Lover",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2",              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="By The Numbers"
          description="The impact Brew Haven has made in the coffee community"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "8500",              title: "Happy Customers",              description: "Served annually with passion",              icon: Users
            },
            {
              id: "2",              value: "42",              title: "Coffee Origins",              description: "From farms around the globe",              icon: Globe
            },
            {
              id: "3",              value: "6",              title: "Years Running",              description: "Committed to excellence since 2018",              icon: Award
            },
            {
              id: "4",              value: "100",              title: "Percent Satisfaction",              description: "Customer satisfaction guarantee",              icon: CheckCircle
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagIcon={Mail}
          title="Get updates on new blends and exclusive offers"
          description="Subscribe to our newsletter for brewing tips, exclusive blends, and special member-only promotions delivered straight to your inbox."
          background={{ variant: "sparkles-gradient" }}
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Brew Haven"
          columns={[
            {
              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Menu", href: "#menu" }
              ]
            },
            {
              items: [
                { label: "Visit Us", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
