"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import TagAbout from '@/components/sections/about/TagAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import SocialProofThree from '@/components/sections/socialProof/SocialProofThree';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="large"
      sizing="small"
      background="noise"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="outline"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Coffee Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "https://example.com/order"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplitImage
          logoText="COFFEE HAVEN"
          description="Freshly brewed excellence in every cup. Handcrafted coffee made from the finest beans, roasted to perfection. Your perfect morning starts here."
          buttons={[
            { text: "View Menu", href: "#products" },
            { text: "Reserve Table", href: "#contact" }
          ]}
          layoutOrder="default"
          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140060621-29xib9f7.jpg"
          splitImageAlt="Premium coffee drink"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766478629120-iqvbvy87.jpg"
          imageAlt="Coffee shop interior"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Story"
          description="Since 2015, Coffee Haven has been dedicated to bringing specialty coffee to our community. We source beans directly from ethical, sustainable farms and roast everything in-house. Our passion is creating memorable coffee experiences that bring people together."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Explore our signature coffee blends and artisan selections"
          products={[
            {
              id: "1",
              name: "Morning Blend Espresso",
              price: "$16",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140060621-29xib9f7.jpg",
              imageAlt: "Morning Blend Espresso"
            },
            {
              id: "2",
              name: "Single Origin Ethiopia",
              price: "$18",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766478627370-scmrxrbr.jpg",
              imageAlt: "Single Origin Ethiopia Beans"
            },
            {
              id: "3",
              name: "Artisan Cappuccino",
              price: "$14",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140060621-29xib9f7.jpg",
              imageAlt: "Artisan Cappuccino"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Why Choose Us"
          description="Discover what makes Coffee Haven the perfect destination for coffee enthusiasts"
          features={[
            {
              id: 1,
              title: "Direct Trade Coffee",
              description: "We work directly with farmers to ensure fair prices and the highest quality beans for an exceptional cup every time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766478627370-scmrxrbr.jpg"
            },
            {
              id: 2,
              title: "In-House Roasting",
              description: "Our master roasters craft small batches daily, ensuring peak freshness and flavor in every blend we serve.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183584228-m2bixr3w.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofThree
          title="Trusted Partners"
          description="We partner with the finest suppliers and farms around the world"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140105432-6wcp77a1.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183580042-1z23mdom.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183581068-iklr7ul7.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183582037-814qymx8.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766478633672-2kqbzbku.jpg"
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          topMarqueeDirection="left"
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Customers Say"
          description="Hear from our loyal coffee lovers"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Chen, Regular Customer",
              quote: "The best coffee in the city! The baristas really know their craft and always remember my order. Coffee Haven is my morning sanctuary.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140054713-er1kysow.jpg"
            },
            {
              id: "2",
              nameTitle: "Marcus Johnson, Coffee Enthusiast",
              quote: "Finally found a place that takes coffee seriously. The single-origin options are incredible, and the atmosphere is perfect for working.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766478632499-4s4tyx2u.jpg"
            },
            {
              id: "3",
              nameTitle: "Emma Rodriguez, Entrepreneur",
              quote: "I've tried specialty coffee shops across the country, and Coffee Haven consistently delivers. The quality is unmatched.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140057278-kkdp2r1r.jpg"
            },
            {
              id: "4",
              nameTitle: "David Park, Office Manager",
              quote: "We order Coffee Haven beans for our office every week. Our team loves it, and we appreciate their sustainable practices.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140056375-vhrq99jv.jpg"
            }
          ]}
          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"
          faqs={[
            {
              id: "1",
              title: "What are your hours?",
              content: "We're open Monday to Friday from 6:30 AM to 8 PM, Saturday 7 AM to 9 PM, and Sunday 8 AM to 7 PM. Closed on major holidays."
            },
            {
              id: "2",
              title: "Do you offer WiFi?",
              content: "Yes, we have complimentary high-speed WiFi for all customers. No password needed, just ask our staff."
            },
            {
              id: "3",
              title: "Can I order online?",
              content: "Absolutely! You can order through our website or mobile app for pickup or delivery to most areas within 5 miles."
            },
            {
              id: "4",
              title: "Do you have decaf options?",
              content: "We offer full-bodied decaf blends roasted in-house. All our specialty drinks can be made with decaf espresso."
            },
            {
              id: "5",
              title: "Are there vegan milk options?",
              content: "Yes, we offer oat milk, almond milk, soy milk, and coconut milk. All are the same price as dairy milk."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Join Our Coffee Community"
          description="Subscribe to our newsletter for exclusive blends, brewing tips, and special events at Coffee Haven."
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Check out our Privacy Policy."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="COFFEE HAVEN"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "About Us", href: "about" },
                { label: "Menu", href: "products" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Careers", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}