"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardFour from '@/components/sections/testimonial/TestimonialCardFour';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Coffee, Facebook, Heart, Instagram, Sparkles, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumSizeExtraLargeSpacing"
      background="grid"
      cardStyle="elevated-accent"
      primaryButtonStyle="flat"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Coffee Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Premium Coffee Crafted with Care"
          description="Experience the finest specialty coffee in town. From single-origin espresso to expertly crafted lattes, every cup is made with passion and precision."
          tag="Coffee Shop"
          tagIcon={Coffee}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470863294-xc12xfcq.jpg"
          imageAlt="Modern coffee shop interior"
          imagePosition="right"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470869046-3lmvknc6.jpg", alt: "Customer 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470870380-9i9cfbii.jpg", alt: "Customer 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470871976-ipoopwxf.jpg", alt: "Customer 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470873216-1tzf0c5z.jpg", alt: "Customer 4" }
          ]}
          avatarText="Join 500+ satisfied customers daily"
          buttons={[
            { text: "View Menu", href: "menu" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Story"
          description="Coffee Haven was founded with a simple mission: to bring the world's finest coffee to our community. We source beans directly from ethical farmers, roast in small batches, and serve with exceptional care. Every cup tells a story of craftsmanship and dedication to excellence."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardOne
          title="Featured Menu Items"
          description="Explore our signature coffee selections crafted by award-winning baristas"
          tag="Menu Highlights"
          tagIcon={Sparkles}
          features={[
            {
              title: "Single-Origin Espresso",
              description: "Rich and complex flavor profiles from beans sourced directly from our partner farms in Ethiopia, Colombia, and Costa Rica",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470864874-92umz9jv.jpg",
              imageAlt: "Single-origin espresso shot",
              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Artisan Latte",
              description: "Silky microfoam paired with our signature espresso blend. Perfect balance of strength and smoothness in every sip",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470866300-j3dnlf2f.jpg",
              imageAlt: "Artisan latte with latte art",
              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Specialty Cappuccino",
              description: "Classic Italian cappuccino with premium espresso, velvety steamed milk, and perfectly thick foam",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470867672-ypdzazj6.jpg",
              imageAlt: "Premium cappuccino drink",
              button: { text: "Learn More", href: "#" }
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFour
          title="What Our Customers Say"
          description="Real reviews from coffee lovers who visit us regularly"
          tag="Customer Love"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              role: "Regular Customer",
              company: "Downtown Office",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470869046-3lmvknc6.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Coffee Enthusiast",
              company: "Tech Startup",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470870380-9i9cfbii.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              role: "Morning Regular",
              company: "Creative Agency",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470871976-ipoopwxf.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "James Wilson",
              role: "Coffee Connoisseur",
              company: "Publishing House",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765470873216-1tzf0c5z.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about Coffee Haven"
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "What are your hours of operation?",
              content: "We are open Monday to Friday from 6:00 AM to 8:00 PM, Saturday and Sunday from 7:00 AM to 9:00 PM. We're closed on major holidays."
            },
            {
              id: "2",
              title: "Do you offer plant-based milk options?",
              content: "Yes! We offer almond, oat, soy, and coconut milk alternatives for all our beverages at no extra charge."
            },
            {
              id: "3",
              title: "Can I order online for pickup?",
              content: "Currently, we take orders in person at our café. We're working on launching online ordering soon. Follow us on social media for updates!"
            },
            {
              id: "4",
              title: "Do you sell coffee beans?",
              content: "Yes, we sell our single-origin beans and signature blends in bags ready for home brewing. Ask our baristas for recommendations based on your preferences."
            },
            {
              id: "5",
              title: "Is there free WiFi?",
              content: "Absolutely! We provide complimentary high-speed WiFi for all our guests. Perfect for working, studying, or just relaxing with your favorite brew."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Stay Updated with Coffee Haven"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Coffee Haven"
          description="Premium specialty coffee crafted with care. Visit us for the finest coffee experience in town."
          columns={[
            {
              title: "Hours",
              items: [
                { label: "Mon-Fri: 6:00 AM - 8:00 PM", href: "#" },
                { label: "Sat-Sun: 7:00 AM - 9:00 PM", href: "#" }
              ]
            },
            {
              title: "Location",
              items: [
                { label: "123 Coffee Street", href: "#" },
                { label: "Downtown District", href: "#" },
                { label: "(555) 123-4567", href: "#" }
              ]
            },
            {
              title: "Links",
              items: [
                { label: "About Us", href: "about" },
                { label: "Menu", href: "menu" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
          copyrightText="© 2025 Coffee Haven. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}