"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="spotlight"
      primaryButtonStyle="outline"
      secondaryButtonStyle="minimal"
      headingFontWeight={undefined}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Brew Haven"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Best coffee"
          description="Artisan coffee crafted with passion. Premium beans, expert baristas, and the perfect atmosphere for your daily ritual."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403060798-jyic1c5u.jpg"
          imageAlt="Freshly brewed espresso with latte art"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Brewing excellence since 2015" },
            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574704615-09skhfst.jpg", alt: "Premium coffee beans" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Visit Us", href: "#contact" }
          ]}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardSix
          title="Our Signature Experience"
          description="Discover what makes Brew Haven special"
          tag="Quality"
          features={[
            {
              id: 1,
              title: "Single-Origin Beans",
              description: "Carefully sourced from premium coffee farms around the world. Each blend tells a story of passion and tradition.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574704615-09skhfst.jpg"
            },
            {
              id: 2,
              title: "Expert Baristas",
              description: "Our certified baristas craft each cup with precision and care, ensuring the perfect flavor profile every time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574706747-enkkhmln.jpg"
            },
            {
              id: 3,
              title: "Cozy Atmosphere",
              description: "A welcoming space designed for connection, creativity, and comfort. Perfect for work or catching up with friends.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574702681-tmr2mtze.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Our Menu"
          description="Explore our carefully curated selection of premium coffee beverages and pastries"
          tag="Featured"
          products={[
            {
              id: "espresso",
              name: "Double Shot Espresso",
              price: "$3.50",
              variant: "Rich and bold",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg",
              imageAlt: "Double espresso shot with crema"
            },
            {
              id: "cappuccino",
              name: "Classic Cappuccino",
              price: "$4.75",
              variant: "Smooth and creamy",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403066278-qx4cpm1u.jpg",
              imageAlt: "Cappuccino with perfect foam art"
            },
            {
              id: "pastry",
              name: "Fresh Pastries",
              price: "$4.50",
              variant: "Baked daily",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403072992-ifm1xcg3.jpg",
              imageAlt: "Display of fresh croissants and pastries"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="reviews" data-section="reviews">
        <TestimonialCardEleven
          title="What Our Customers Say"
          description="Real stories from real coffee lovers"
          tag="Reviews"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Johnson, Marketing Director",
              quote: "Brew Haven is my second office. The coffee is exceptional and the staff always remembers my order. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574707935-afftxsxl.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              nameTitle: "Michael Chen, Software Engineer",
              quote: "The best espresso in the city. I come here every morning before work. The atmosphere is perfect for focused work.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766574708907-yzjv3d8h.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              nameTitle: "Emily Rodriguez, Artist",
              quote: "This is where creativity happens. Amazing coffee, beautiful space, and wonderful people. Worth every penny.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403062193-iks0i5de.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              nameTitle: "David Park, Graduate Student",
              quote: "Perfect place to study or catch up with friends. The pastries pair beautifully with their specialty drinks.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg",
              imageAlt: "David Park"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated"
          description="Subscribe to our newsletter for weekly specials, new menu items, and exclusive offers."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Brew Haven"
          columns={[
            {
              items: [
                { label: "Menu", href: "menu" },
                { label: "About", href: "about" }
              ]
            },
            {
              items: [
                { label: "Reviews", href: "reviews" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Hours: 6AM - 8PM Daily", href: "#" },
                { label: "123 Main Street", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}