"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Coffee, Facebook, Globe, Instagram, Mail, MapPin, Twitter, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Brew Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Visit Us", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroPersonalLinks
          background={{ variant: "plain" }}
          title="Welcome to Brew Haven"
          socialLinks={[
            { icon: Instagram, label: "Instagram", href: "https://instagram.com" },
            { icon: Facebook, label: "Facebook", href: "https://facebook.com" },
            { icon: Twitter, label: "Twitter", href: "https://twitter.com" }
          ]}
          linkCards={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/background-brown-coffee-white-black_1303-1938.jpg",              imageAlt: "Premium coffee preparation",              title: "Craft Coffee Experience",              description: "Discover our selection of single-origin coffees sourced from premium roasters around the world.",              button: { text: "Explore Menu", href: "#products" }
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg",              imageAlt: "Premium coffee beans",              title: "Our Story",              description: "Learn about our passion for quality, sustainability, and building community through coffee.",              button: { text: "Read More", href: "#about" }
            },
            {
              icon: MapPin,
              title: "Visit Our Cafe",              description: "Stop by our cozy location to experience the perfect coffee and warm atmosphere.",              button: { text: "Get Directions", href: "#contact" }
            }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafting the perfect cup since" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg", alt: "Coffee bean logo" },
            { type: "text", content: "2015" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Visit Us Today", href: "#contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Coffees"
          description="Explore our signature blends and specialty drinks crafted by our expert baristas."
          tag="Menu"
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/latte-cup-coffee-with-cinnamon-sticks_141793-775.jpg",              imageAlt: "Single origin espresso shot"
            },
            {
              id: "2",              name: "Americano",              price: "$3.75",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-hot-coffee-drink_53876-13419.jpg",              imageAlt: "Freshly brewed americano"
            },
            {
              id: "3",              name: "Signature Latte",              price: "$5.25",              imageSrc: "https://img.b2bpic.net/free-photo/cup-hot-cappuccino-with-shortbread-cookies_140725-2283.jpg",              imageAlt: "Creamy latte with latte art"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By the Numbers"
          description="Our commitment to excellence reflects in these milestones."
          metrics={[
            { id: "1", icon: Users, title: "Happy Customers", value: "12,000+" },
            { id: "2", icon: Coffee, title: "Cups Served", value: "250,000+" },
            { id: "3", icon: Globe, title: "Origins", value: "25+" },
            { id: "4", icon: Award, title: "Awards Won", value: "8" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Customer Love"
          description="Hear from our regulars about their Brew Haven experience."
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Marketing Professional",              testimonial: "Brew Haven is my daily sanctuary. The coffee is exceptional, and the baristas remember my order. It's more than a cafe—it's a community.",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell portrait"
            },
            {
              id: "2",              name: "James Chen",              role: "Software Developer",              testimonial: "The attention to detail in every cup is remarkable. I've tried coffee everywhere, and this is genuinely the best. Plus, the Wi-Fi is perfect for working.",              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "James Chen portrait"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Artist",              testimonial: "The ambiance here inspires my creativity. Paired with their incredible single-origin coffees, it's the perfect creative space. I come here daily.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Elena Rodriguez portrait"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Business Owner",              testimonial: "I host all my client meetings here. The professional setting and outstanding service reflect well on my business. Highly recommended.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Michael Thompson portrait"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          title="Ready for Your Perfect Cup?"
          description="Visit Brew Haven today and experience the finest specialty coffee in town. We're open Monday through Sunday, 6 AM to 8 PM. Located in the heart of downtown."
          buttons={[
            { text: "Visit Our Cafe", href: "https://maps.google.com" },
            { text: "Call Us", href: "tel:+1234567890" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#hero" },
                { label: "About", href: "#about" },
                { label: "Menu", href: "#products" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Email", href: "mailto:hello@brewhaven.com" }
              ]
            },
            {
              title: "Hours",              items: [
                { label: "Monday - Friday: 6 AM - 8 PM", href: "#" },
                { label: "Saturday - Sunday: 7 AM - 9 PM", href: "#" },
                { label: "Closed Holidays", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Brew Haven. All rights reserved."
          bottomRightText="Crafted with ☕ and passion"
        />
      </div>
    </ThemeProvider>
  );
}
