"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="BaristaBlend"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplitImage
          logoText="BARISTABL"
          description="Welcome to your daily ritual of exceptional coffee. We craft every cup with passion, precision, and premium beans sourced from the world's finest farms."
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Reserve a Table", href: "#contact" }
          ]}
          layoutOrder="default"
          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766503915797-us4d0jd3.jpg"
          splitImageAlt="Cozy coffee shop interior"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766503930459-qgtcilxw.jpg"
          imageAlt="Premium roasted coffee beans"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <TagAbout
          tag="Our Story"
          description="Since 2015, BaristaBlend has been dedicated to bringing the finest coffee experience to our community. We believe in quality over quantity, sourcing sustainable beans and training our baristas to perfection. Every cup tells a story of craftsmanship and care."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="menu" data-section="menu">
        <FeatureCardOne
          title="Signature Menu"
          description="Discover our carefully curated selection of specialty coffees and signature drinks"
          tag="Menu"
          features={[
            {
              title: "Classic Espresso",
              description: "Rich, bold espresso shot made from our house blend. The foundation of all our specialty drinks.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403060798-jyic1c5u.jpg",
              imageAlt: "Classic espresso shot",
              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Creamy Cappuccino",
              description: "Perfectly balanced blend of espresso and velvety steamed milk with a light foam top.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg",
              imageAlt: "Cappuccino with latte art",
              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Pastry Pairing",
              description: "Fresh-baked croissants and pastries that complement any coffee selection perfectly.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766503927262-hz3vuien.jpg",
              imageAlt: "Fresh pastries with coffee",
              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Premium Beans",
              description: "Single-origin and blended beans sourced from sustainable farms around the globe.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766503930459-qgtcilxw.jpg",
              imageAlt: "Premium roasted coffee beans",
              button: { text: "Learn More", href: "#" }
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="ambiance" data-section="ambiance">
        <FeatureCardOne
          title="Why Choose Us"
          description="Experience coffee the way it should be enjoyed in our welcoming community space"
          tag="Atmosphere"
          features={[
            {
              title: "Cozy Seating",
              description: "Comfortable, well-designed spaces perfect for studying, meetings, or just relaxing with a good cup.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766503932607-dbdcerg8.jpg",
              imageAlt: "Cozy seating area in cafe",
              button: { text: "Visit Us", href: "#contact" }
            },
            {
              title: "Expert Baristas",
              description: "Our trained baristas are passionate about coffee and ready to craft your perfect cup every time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766503915797-us4d0jd3.jpg",
              imageAlt: "Barista preparing coffee",
              button: { text: "Meet The Team", href: "#" }
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience exceptional coffee? Visit us today or get in touch with any questions. We're here to serve you."
          animationType="entrance-slide"
          buttons={[
            { text: "Send Message", href: "#" },
            { text: "Find Our Location", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766503923244-2jbae5a3.jpg"
          imageAlt="BaristaBlend storefront"
          logoText="BaristaBlend"
          copyrightText="© 2025 BaristaBlend. All rights reserved."
          columns={[
            {
              title: "Hours",
              items: [
                { label: "Monday - Friday: 6am - 8pm" },
                { label: "Saturday - Sunday: 8am - 9pm" },
                { label: "Closed on major holidays" }
              ]
            },
            {
              title: "Location",
              items: [
                { label: "123 Coffee Lane" },
                { label: "Your City, State 12345" },
                { label: "(555) 123-4567" },
                { label: "info@baristabl.com" }
              ]
            },
            {
              title: "Follow Us",
              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
