"use client"

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Sepia"
          button={{
            text: "Reserve",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Sepia"
          description="A minimal cafe experience in the heart of Tallinn, dedicated to crafting exceptional coffee and moments of stillness."
          tag="Minimal Design"
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg"
          imageAlt="Minimalist cafe interior with natural light"
          buttons={[
            { text: "Reserve Table", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Us"
          title="Crafted for the thoughtful"
          description="Sepia is a minimal cafe designed for those who appreciate simplicity and quality. We believe the best coffee experiences come from attention to detail, carefully sourced beans, and an environment that celebrates stillness. Located in Tallinn, our space is an escape from the everyday."
          metrics={[
            { value: "2022", title: "Year Founded" },
            { value: "100%", title: "Ethically Sourced" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg"
          imageAlt="Sepia cafe peaceful atmosphere"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Signature Selection"
          description="Carefully curated coffee, pastries, and light fare. Every item reflects our commitment to minimal, exceptional quality."
          tag="Menu"
          products={[
            {
              id: "espresso",              name: "Single Origin Espresso",              price: "€4.50",              imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",              imageAlt: "Single origin espresso"
            },
            {
              id: "cappuccino",              name: "Silky Cappuccino",              price: "€5.00",              imageSrc: "https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "pastry",              name: "House Pastry Selection",              price: "€3.50",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-breakfast-with-pastries-cinnamon-rolls-croissants_23-2151975065.jpg",              imageAlt: "Selection of minimal pastries"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="gallery" data-section="gallery">
        <TeamCardSix
          title="Our Atmosphere"
          description="A space designed for focus, conversation, and moments of quiet reflection. Every detail matters."
          tag="Gallery"
          members={[
            {
              id: "seating-area",              name: "Thoughtful Seating",              role: "Minimal Comfort Design",              imageSrc: "https://img.b2bpic.net/free-photo/modern-cool-meeting-room_53876-153295.jpg",              imageAlt: "Minimalist cafe seating area"
            },
            {
              id: "cafe-details",              name: "Curated Details",              role: "Scandinavian Influence",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg",              imageAlt: "Minimal cafe design details"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Sepia is exactly what Tallinn needed. The minimal design, quality coffee, and peaceful atmosphere make it my favorite place to work or simply sit with a book."
          rating={5}
          author="Anna Kask, Design Director"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Anna Kask" },
            { src: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", alt: "Guest 2" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Guest 3" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg", alt: "Guest 4" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience Sepia? Reserve your table or visit us for a moment of calm."
          animationType="reveal-blur"
          buttons={[
            { text: "Reserve Now", href: "#" },
            { text: "Get Directions", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Cafe",              items: [
                { label: "About Us", href: "about" },
                { label: "Menu", href: "menu" },
                { label: "Gallery", href: "gallery" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Reserve Table", href: "contact" },
                { label: "Visit Us", href: "#" },
                { label: "Instagram", href: "#" }
              ]
            },
            {
              title: "Info",              items: [
                { label: "Tallinn, Estonia", href: "#" },
                { label: "hello@sepia.ee", href: "#" },
                { label: "Open Daily 8-20", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Sepia Cafe | Minimal by Design"
        />
      </div>
    </ThemeProvider>
  );
}