"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 LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="noise"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Dobry Khlib"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Order Now", href: "#products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Authentic Ukrainian Baking, Fresh Daily"
          description="Experience the warmth of homemade traditions with our freshly baked breads, pastries, and savory delights, crafted with love and authentic recipes."
          background={{ variant: "plain" }}
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg?_wi=1"
          imageAlt="Freshly baked Ukrainian bread on a rustic table"
          mediaAnimation="slide-up"
          buttons={[
            { text: "View Our Menu", href: "#products" },
            { text: "Find Us", href: "#contact" },
          ]}
          tag="Taste of Ukraine"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Story: From Kyiv to Your Table"
          description='"Dobry Khlib" (Good Bread) brings the heart of Ukrainian baking to your community. We use time-honored recipes, premium local ingredients, and traditional techniques to create the flavors you remember. Every item is a piece of our heritage, baked with passion.'
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/chef-holds-fresh-bread-hand-man-preparing-dough-table-kitchen-black-background-healthy-cooking-concept_639032-471.jpg"
          imageAlt="Ukrainian baker smiling in a traditional bakery"
          useInvertedBackground={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Beloved Bakes"
          description="Discover a selection of our most cherished Ukrainian specialties, perfect for any occasion. Each item tells a story of tradition and taste."
          products={[
            {
              id: "1",              name: "Varenyky (Dumplings)",              price: "From £8.50",              imageSrc: "https://img.b2bpic.net/free-photo/dough-slcies-with-meat-green-leafs-inside-white-plate-grey-surface_140725-14171.jpg",              imageAlt: "Plate of Ukrainian varenyky"},
            {
              id: "2",              name: "Pirozhki (Baked Buns)",              price: "From £3.00",              imageSrc: "https://img.b2bpic.net/free-photo/mini-casserole-with-side-salad_140725-4052.jpg",              imageAlt: "Assortment of Ukrainian pirozhki"},
            {
              id: "3",              name: "Medovyk (Honey Cake)",              price: "From £25.00",              imageSrc: "https://img.b2bpic.net/free-photo/slice-homemade-honey-cake_658428-129.jpg",              imageAlt: "Slice of Ukrainian Medovyk honey cake"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Hear from those who have savored the authentic taste of Dobry Khlib."
          testimonials={[
            {
              id: "1",              name: "Olena K.",              role: "Regular Customer",              company: "Local Resident",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",              imageAlt: "Olena K."},
            {
              id: "2",              name: "Mark S.",              role: "Food Enthusiast",              company: "Food Blogger",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893776.jpg",              imageAlt: "Mark S."},
            {
              id: "3",              name: "Irina P.",              role: "Community Organizer",              company: "Ukrainian Cultural Center",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-family-having-fun-kitchen_329181-5378.jpg",              imageAlt: "Irina P."},
            {
              id: "4",              name: "Dmytro H.",              role: "Owner",              company: "The Golden Wheat Cafe",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-baker-standing-with-arms-crossed_1170-2018.jpg",              imageAlt: "Dmytro H."},
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Got questions about our bakery or products? We've got answers."
          faqs={[
            {
              id: "1",              title: "Do you offer gluten-free options?",              content: "Currently, we do not offer certified gluten-free products, but we are exploring options to do so in the future."},
            {
              id: "2",              title: "Can I place a custom order for an event?",              content: "Yes, we love custom orders! Please contact us directly with your request, and we'll be happy to discuss options and availability."},
            {
              id: "3",              title: "What are your baking hours?",              content: "Our baking typically starts very early in the morning to ensure fresh products for opening. You can find our store hours on the contact page."},
            {
              id: "4",              title: "Do you deliver?",              content: "We offer local delivery within a 5-mile radius. Please check our delivery section for more details and to see if your address is covered."},
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Visit Us or Get in Touch"
          description="We'd love to hear from you! Stop by our bakery or send us a message."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
          ]}
          textarea={{
            name: "message",            placeholder: "Your message...",            rows: 5,
            required: true,
          }}
          buttonText="Send Message"
          imageSrc="https://img.b2bpic.net/free-photo/front-view-woman-shopping-ramadan_23-2150154474.jpg"
          imageAlt="Exterior of Dobry Khlib Ukrainian Bakery"
          mediaPosition="right"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
          onSubmit={(data) => console.log(data)}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg?_wi=2"
          imageAlt="Assortment of freshly baked Ukrainian goods"
          columns={[
            {
              title: "Bakery",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Products", href: "#products" },
                { label: "Order Online", href: "#products" },
              ],
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact Us", href: "#contact" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
              ],
            },
          ]}
          logoText="Dobry Khlib"
          copyrightText="© 2024 Dobry Khlib. All rights reserved."
          onPrivacyClick={() => console.log('Privacy Policy clicked')}
        />
      </div>
    </ThemeProvider>
  );
}
