"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Coffee, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Morn Ing"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Products", id: "/products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Awaken Your Senses at Morn Ing"
          description="Premium specialty coffee crafted with passion. Experience the perfect cup every morning."
          tag="Artisan Coffee Since 2015"
          tagIcon={Coffee}
          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"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Menu", href: "#products" },
            { text: "Visit Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "At Morn Ing, we believe that every cup of coffee tells a story. Since 2015, we've been dedicated to sourcing the finest beans from sustainable farms around the world, roasting them to perfection in small batches to preserve their unique character and flavor profiles.",            "Our baristas are passionate experts who treat coffee-making as an art form. Whether you're looking for your daily caffeine fix or a moment of quiet reflection, Morn Ing is your sanctuary. We're committed to creating a welcoming community space where connections are made, conversations flow, and exceptional coffee brings people together."
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#testimonials" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Signature Menu"
          description="Discover our carefully curated selection of premium coffee beverages"
          products={[
            {
              id: "1",              name: "Artisan Espresso",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",              imageAlt: "Double shot of perfect espresso",              initialQuantity: 1
            },
            {
              id: "2",              name: "Signature Cappuccino",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",              imageAlt: "Cappuccino with beautiful latte art",              initialQuantity: 1
            },
            {
              id: "3",              name: "Cold Brew Deluxe",              price: "$6.00",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",              imageAlt: "Refreshing cold brew over ice",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Morn Ing by the numbers: celebrating our commitment to excellence and community impact."
          tag="Why Choose Us"
          metrics={[
            {
              id: "1",              value: "50K+",              description: "Happy customers served annually, each one part of our coffee community"
            },
            {
              id: "2",              value: "15+",              description: "Specialty coffee origins sourced from ethical, sustainable farms worldwide"
            },
            {
              id: "3",              value: "99%",              description: "Customer satisfaction rate reflecting our dedication to quality and service"
            },
            {
              id: "4",              value: "8",              description: "Expert baristas trained in the art of coffee perfection and customer care"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Coffee Lovers Say"
          description="Real stories from our community of passionate coffee enthusiasts"
          testimonials={[
            {
              id: "1",              title: "My Daily Ritual",              quote: "Morn Ing has become an essential part of my morning routine. The quality is unmatched, and the atmosphere makes me feel right at home. I've tried many coffee shops, but this one truly stands out.",              name: "Sarah Mitchell",              role: "Marketing Manager",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Exceptional Craft",              quote: "The baristas here understand coffee like artists understand their medium. Every drink is crafted with precision and care. I recommend Morn Ing to everyone I know.",              name: "James Chen",              role: "Coffee Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              title: "A Community Hub",              quote: "What started as a quick coffee stop became my favorite meeting place. The welcoming staff and cozy ambiance make it perfect for both work and catching up with friends.",              name: "Emma Rodriguez",              role: "Freelance Designer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              title: "Worth Every Penny",              quote: "I was skeptical about the premium pricing at first, but after my first visit, I understood completely. The sourcing, roasting, and preparation justify every cent. Now I'm a regular!",              name: "David Park",              role: "Software Developer",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "David Park"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get In Touch"
          ctaDescription="Have questions about our coffee or want to visit us? Reach out anytime. We'd love to hear from you!"
          ctaButton={{ text: "Send a Message", href: "mailto:hello@morning-coffee.com" }}
          ctaIcon={MessageCircle}
          faqs={[
            {
              id: "1",              title: "What are your operating hours?",              content: "Monday - Friday: 6:00 AM - 8:00 PM<br/>Saturday: 7:00 AM - 9:00 PM<br/>Sunday: 8:00 AM - 6:00 PM<br/>We're closed on major holidays."
            },
            {
              id: "2",              title: "Do you offer online ordering?",              content: "Yes! You can order ahead through our website or mobile app for convenient pickup. Orders placed before 15 minutes of our closing time are guaranteed for the next day."
            },
            {
              id: "3",              title: "Are your beans ethically sourced?",              content: "Absolutely. We work exclusively with certified fair-trade and sustainable farms. Each bag includes detailed information about the origin and the farmers who grew your coffee."
            },
            {
              id: "4",              title: "Do you have a loyalty program?",              content: "Yes! Join our Morn Ing Rewards program and earn points on every purchase. Every 10 purchases, you get a free coffee. Sign up at the counter or through our app!"
            },
            {
              id: "5",              title: "Can I host private events?",              content: "We offer our space for small private events, team meetings, and special occasions. Contact us at events@morning-coffee.com for custom packages and availability."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, digital wallets (Apple Pay, Google Pay), and cash. We also offer gift cards for the perfect present!"
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Morn Ing"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#" }
              ]
            },
            {
              title: "Menu",              items: [
                { label: "Coffee Drinks", href: "#products" },
                { label: "Pastries", href: "#" },
                { label: "Beans & Gear", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "123 Coffee Street, Downtown", href: "#" },
                { label: "hello@morning-coffee.com", href: "mailto:hello@morning-coffee.com" },
                { label: "(555) COFFEE-1", href: "tel:+15556633335" }
              ]
            }
          ]}
          copyrightText="© 2025 Morn Ing Coffee Shop. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}