"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
import HeroBillboardCarouselSplit from "@/components/sections/hero/HeroBillboardCarouselSplit";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="shadow-colored"
      primaryButtonStyle="outline"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Coffee House"
          button={{
            text: "Reserve Table",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Discover Your Perfect Cup"
          buttons={[
            {
              text: "View Menu",
              href: "#features"
            },
            {
              text: "Visit Us",
              href: "contact"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766321575502-dja1nmgo.jpg",
              imageAlt: "Espresso shot"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766748155086-vweefol7.jpg",
              imageAlt: "Cappuccino with latte art"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140053029-sd9wbrql.jpg",
              imageAlt: "Coffee being poured"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766748156531-gn6wjjlq.jpg",
              imageAlt: "Iced coffee drink"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766748157505-kq43todz.jpg",
              imageAlt: "Coffee cup on table"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Crafted with passion, served with love. We believe every cup tells a story of dedication to quality and community."
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn Our Story",
              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="What Makes Us Special"
          description="Experience the perfect blend of premium coffee, welcoming atmosphere, and exceptional service."
          features={[
            {
              id: 1,
              title: "Specialty Coffee Selection",
              description: "Hand-selected beans from premium roasters around the world. Each blend is carefully curated to deliver exceptional flavor and quality in every sip.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766748159787-2eb2m45o.jpg"
            },
            {
              id: 2,
              title: "Cozy Ambiance",
              description: "Thoughtfully designed space perfect for relaxing, working, or catching up with friends. Warm lighting and comfortable seating create the ideal escape.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747389876-7b6nemsk.jpg"
            },
            {
              id: 3,
              title: "Free WiFi & Workspace",
              description: "Professional setup for remote workers and students. High-speed internet, outlets, and quiet corners make us your second office.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766748163090-b9bvz8qq.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="The best coffee I've had in years. The staff really knows their craft, and the atmosphere is incredibly welcoming. I come here daily and never get tired of it."
          rating={5}
          author="Sarah Mitchell, Designer"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              alt: "Sarah Mitchell"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              alt: "Customer"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              alt: "Customer"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              alt: "Customer"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Join Our Coffee Community"
          description="Subscribe to get updates on new blends, events, and exclusive offers delivered straight to your inbox."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766748158640-yybwuo2y.jpg"
          imageAlt="Coffee shop counter"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Coffee House"
        />
      </div>
    </ThemeProvider>
  );
}