"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function SitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="fluid"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="Смачна Випічка"
          button={{ text: "Order Now", href: "#products" }}
          className="py-4 px-6"
          buttonClassName="px-5 py-2"
          buttonTextClassName="font-medium"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Смачна Випічка"
          description="Experience the warmth and tradition of Ukrainian baking. From freshly baked bread to exquisite pastries, we bring a taste of home to your table."
          background={{ variant: "plain" }}
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg"
          imageAlt="A beautiful display of Ukrainian baked goods in a cozy bakery."
          mediaAnimation="opacity"
          buttons={[
            { text: "View Our Menu", href: "#products" },
            { text: "Find Us", href: "#contact" },
          ]}
          tag="Authentic Ukrainian Bakery"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
          tagClassName="text-foreground"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story: Baking with Heart and Heritage"
          description="At Смачна Випічка, we are more than just a bakery; we are a celebration of Ukrainian culinary tradition. Every loaf, pastry, and dessert is crafted with love, using time-honored recipes passed down through generations. We believe in quality ingredients, artisanal techniques, and the joy of sharing our rich heritage with the community."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/baker-forming-dough-sphere-wooden-board_74855-5658.jpg"
          imageAlt="A Ukrainian baker meticulously kneading dough in a traditional kitchen."
          useInvertedBackground={false}
          buttons={[{ text: "Meet Our Team", href: "#team" }]}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
          tagClassName="text-foreground"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Delicious Offerings"
          description="Indulge in our selection of authentic Ukrainian baked goods, crafted fresh daily."
          products={[
            {
              id: "1",              name: "Korovai (Wedding Bread)",              price: "Custom Order",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-mexican-sweetness_23-2149666283.jpg",              imageAlt: "Intricately decorated Ukrainian Korovai wedding bread."},
            {
              id: "2",              name: "Paska (Easter Bread)",              price: "$18.00",              imageSrc: "https://img.b2bpic.net/free-photo/sultana-pie-slices-blue-checked-towel_114579-61932.jpg",              imageAlt: "Sweet and rich Ukrainian Paska Easter bread."},
            {
              id: "3",              name: "Varenyky (Sweet Dumplings)",              price: "$12.00 / dozen",              imageSrc: "https://img.b2bpic.net/free-photo/dushpere-famoust-eastern-meal-with-dough-inside-minced-meat-salted-peppered-inside-white-plate-with-red-sauce_140725-14956.jpg",              imageAlt: "Homemade Ukrainian varenyky with a sweet cherry filling."},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
          cardNameClassName="text-foreground"
          cardPriceClassName="text-foreground"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Community Says"
          description="Hear from our cherished customers about their favorite treats and experiences at Смачна Випічка."
          testimonials={[
            {
              id: "1",              name: "Olena K.",              role: "Local Resident",              company: "Kyiv, Ukraine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",              imageAlt: "Smiling woman, a happy customer."},
            {
              id: "2",              name: "Dmytro S.",              role: "Bakery Enthusiast",              company: "Lviv, Ukraine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg",              imageAlt: "Man enjoying a pastry."},
            {
              id: "3",              name: "Anastasiia P.",              role: "Event Planner",              company: "Odesa, Ukraine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg",              imageAlt: "Young woman smiling."},
            {
              id: "4",              name: "Ivan H.",              role: "Family Man",              company: "Kharkiv, Ukraine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-father-giving-thumbs-up-while-holding-plate-muffins_23-2148414896.jpg",              imageAlt: "Older gentleman smiling."},
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          cardClassName="bg-card rounded-soft p-6 shadow-sm"
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
          nameClassName="text-foreground"
          roleClassName="text-foreground"
          companyClassName="text-foreground"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Common Questions"
          description="Find answers to frequently asked questions about our bakery, products, and services."
          faqs={[
            {
              id: "1",              title: "Do you offer custom cake orders?",              content: "Yes, we specialize in custom cakes for all occasions, including traditional Ukrainian Korovai. Please contact us to discuss your specific needs and design ideas."},
            {
              id: "2",              title: "What are your most popular Ukrainian pastries?",              content: "Our most popular items include Paska (Easter bread), Medovyk (honey cake), and a variety of homemade pyrohy (filled buns) and varenyky (dumplings)."},
            {
              id: "3",              title: "Do you have gluten-free or vegan options?",              content: "We offer a selection of gluten-free and vegan-friendly items, with new options regularly added to our menu. Please ask our staff for today's special offerings."},
            {
              id: "4",              title: "Where can I find your full menu and prices?",              content: "Our full menu with pricing is available in-store, and a digital version can be found in our 'Products' section online. For custom orders, please inquire directly."},
          ]}
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={false}
          showCard={true}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
          accordionClassName="bg-card text-foreground rounded-soft shadow-sm"
          accordionTitleClassName="font-medium"
          accordionContentClassName="text-foreground/80"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch with Us"
          description="We'd love to hear from you! Whether it's an order inquiry, feedback, or just to say hello, fill out the form below."
          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 about your order or inquiry...",            rows: 5,
            required: true,
          }}
          buttonText="Send Message"
          imageSrc="https://img.b2bpic.net/free-photo/bakery-shop-gourmet-concept_53876-163311.jpg"
          imageAlt="Exterior view of a welcoming Ukrainian local bakery."
          mediaAnimation="opacity"
          mediaPosition="left"
          useInvertedBackground={false}
          titleClassName="text-foreground"
          descriptionClassName="text-foreground"
          formCardClassName="bg-card rounded-soft p-8 shadow-md"
          buttonClassName="bg-primary-cta text-primary-cta-text hover:opacity-90 transition-opacity"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/ripe-big-pumpkin-burlap_114579-29487.jpg?_wi=1"
          imageAlt="Rustic fabric or dough texture as footer background."
          logoText="Смачна Випічка"
          columns={[
            {
              title: "Menu",              items: [
                { label: "Breads", href: "#products" },
                { label: "Pastries", href: "#products" },
                { label: "Custom Cakes", href: "#contact" },
              ],
            },
            {
              title: "About Us",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Reviews", href: "#testimonials" },
              ],
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" },
              ],
            },
          ]}
          copyrightText="© 2024 Смачна Випічка. All rights reserved."
          mediaClassName="opacity-60"
          className="text-foreground"
          containerClassName="bg-card"
          logoTextClassName="text-foreground"
          columnTitleClassName="text-foreground"
          columnItemClassName="text-foreground/80 hover:text-foreground"
          copyrightTextClassName="text-foreground/60"
        />
      </div>
    </ThemeProvider>
  );
}
