"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumSizeExtraLargeTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Brew Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Brew Haven"
          description="Discover the finest specialty coffee crafted by passionate baristas. From ethically sourced single-origin beans to perfectly pulled espresso shots, we bring the world's best coffee to your cup."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg",
              imageAlt: "Espresso shot with rich crema"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403060798-jyic1c5u.jpg",
              imageAlt: "Skilled barista crafting latte art"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403062193-iks0i5de.jpg",
              imageAlt: "Premium roasted coffee beans"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403063260-gbejq1uv.jpg",
              imageAlt: "Welcoming coffee shop interior"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403065127-bjqo0yj5.jpg",
              imageAlt: "Perfect latte with beautiful foam art"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story"
          description="Founded in 2015, Brew Haven started as a passion project by two coffee enthusiasts who wanted to create a space where coffee quality meets community warmth. We partner directly with farmers across Ethiopia, Colombia, and Kenya to bring you the freshest, most responsibly sourced beans. Every cup tells a story of craftsmanship and dedication."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403071360-8wwq35xg.jpg"
          imageAlt="Coffee shop interior with customers"
          buttons={[
            {
              text: "Explore Our Beans",
              href: "#menu"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Signature Menu"
          description="Hand-crafted beverages using premium espresso, single-origin beans, and carefully selected ingredients"
          tag="Our Drinks"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          containerStyle="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Ethiopian Yirgacheffe Espresso",
              price: "$4.50",
              variant: "Single Shot • Double Shot • Triple Shot",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403066278-qx4cpm1u.jpg",
              imageAlt: "Rich espresso with golden crema"
            },
            {
              id: "2",
              name: "Colombian Cappuccino",
              price: "$5.50",
              variant: "8oz • 12oz • 16oz",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403067424-k2vnqbr7.jpg",
              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",
              name: "Cold Brew Concentrate",
              price: "$5.00",
              variant: "Black • With Milk • Vanilla",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403068521-0hvfrjhz.jpg",
              imageAlt: "Refreshing cold brew in tall glass"
            },
            {
              id: "4",
              name: "Pastry & Coffee Combo",
              price: "$8.50",
              variant: "Croissant • Muffin • Scone",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403072992-ifm1xcg3.jpg",
              imageAlt: "Fresh croissant with hot coffee"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Brew Haven by the Numbers"
          tag="Impact & Growth"
          metrics={[
            {
              id: "1",
              value: "9K+",
              description: "Coffee enthusiasts visit us monthly for our expertly crafted beverages"
            },
            {
              id: "2",
              value: "47",
              description: "Different origin beans sourced directly from ethical farmers worldwide"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Love from Our Community"
          description="Real stories from coffee lovers who have made Brew Haven part of their daily ritual"
          textboxLayout="default"
          variant="card"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              title: "The Perfect Morning Ritual",
              quote: "I've tried coffee shops across the city, but Brew Haven is where I find my perfect espresso. The baristas really know their craft, and the atmosphere keeps me coming back every morning.",
              name: "Sarah Mitchell",
              role: "Marketing Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403074876-xdmdjeq6.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              title: "Quality You Can Taste",
              quote: "The difference in quality from their single-origin beans is incredible. Once I tried their Ethiopian Yirgacheffe, I couldn't go back to regular coffee. Worth every penny.",
              name: "James Chen",
              role: "Freelance Designer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399490259-ptyv09vk.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              title: "Community Feels Like Home",
              quote: "More than just great coffee, Brew Haven is a community space. The staff remembers my order, and I love knowing that my purchases support ethical farming practices.",
              name: "Emma Rodriguez",
              role: "Graphic Designer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403076635-rk1d360o.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              title: "Exceptional Every Time",
              quote: "The consistency here is remarkable. Whether I get an americano or a latte, it's always made with precision and passion. This is specialty coffee done right.",
              name: "David Park",
              role: "Software Engineer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403077661-f26qzgys.jpg",
              imageAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted Certifications & Partnerships"
          description="Brew Haven is proud to work with organizations that share our commitment to quality and sustainability"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403079365-docova0j.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403081715-pw0l5ydg.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403082929-ftdj7dtb.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403084472-rjsujwyx.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403085627-zmfnmsfb.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403087760-rw0tsx6k.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403089735-q78a1ozs.jpg"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Visit Us or Get in Touch"
          description="Have questions about our beans, want to reserve seating, or interested in catering? We'd love to hear from you. Drop us a line or stop by for a chat."
          useInvertedBackground="noInvert"
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us what brings you here...",
            rows: 4,
            required: true
          }}
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403069738-k0ouutk8.jpg"
          imageAlt="Coffee beans background"
          logoText="Brew Haven"
          copyrightText="© 2025 Brew Haven Coffee. All rights reserved."
          columns={[
            {
              title: "Hours",
              items: [
                { label: "Monday - Friday: 6am - 8pm" },
                { label: "Saturday: 7am - 9pm" },
                { label: "Sunday: 8am - 6pm" }
              ]
            },
            {
              title: "Location",
              items: [
                { label: "123 Coffee Street" },
                { label: "Downtown District" },
                { label: "(555) 123-BREW" }
              ]
            },
            {
              title: "Follow Us",
              items: [
                { label: "Instagram" },
                { label: "Facebook" },
                { label: "Twitter" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}