"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
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="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About Us", id: "about" },
            { name: "Products", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="Смачна Пекарня"
          button={{ text: "Order Now", href: "#contact" }}
          className="py-4 px-6"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Смачна Пекарня"
          description="Відчуйте справжній смак України з нашою свіжою випічкою та традиційними десертами, приготованими з любов'ю."
          tag="Ласкаво Просимо!"
          buttons={[
            { text: "Our Menu", href: "#products" },
            { text: "Visit Us", href: "#contact" },
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/closeup-fresh-pita-bread-sale_181624-58514.jpg?_wi=1"
          imageAlt="A warm and inviting Ukrainian bakery display with a variety of fresh breads and pastries."
          textPosition="center"
          showDimOverlay={true}
          showBlur={true}
          ariaLabel="Hero section of Smazhna Pekarnya bakery"
          className="h-screen"
          textBoxClassName="text-center"
          titleClassName="text-5xl md:text-6xl lg:text-7xl font-bold mb-4"
          descriptionClassName="text-lg md:text-xl lg:text-2xl mb-8 max-w-2xl mx-auto"
          tagClassName="text-sm md:text-base font-semibold mb-2 uppercase tracking-wide"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Наша Історія: Традиції та Смак"
          description='У "Смачній Пекарні" ми пишаємося тим, що переносимо багатовікові українські рецепти до вашого столу. Кожен виріб випікається з найсвіжіших інгредієнтів та любові, яку передали нам наші предки. Ми запрошуємо вас відчути тепло та затишок домашньої випічки.'
          tag="Про Нас"
          imageSrc="https://img.b2bpic.net/free-photo/man-baker-with-fresh-bread-baker-house_1303-32273.jpg"
          imageAlt="A smiling Ukrainian baker proudly presenting fresh bread."
          useInvertedBackground={false}
          ariaLabel="About us section of the bakery"
          textBoxClassName="backdrop-blur-sm bg-card/70 p-6 md:p-10 rounded-soft border border-accent/20"
          titleClassName="text-4xl md:text-5xl lg:text-6xl font-normal"
          descriptionClassName="text-base md:text-lg lg:text-xl mt-4"
          tagClassName="text-sm md:text-base font-medium uppercase tracking-wide text-foreground/80 mb-2"
          mediaWrapperClassName="rounded-soft overflow-hidden"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Наші Продукти"
          description="Відкрийте для себе нашу колекцію свіжої випічки, хліба та традиційних українських десертів."
          tag="Меню"
          products={[
            { id: "1", name: "Традиційний Український Хліб", price: "£3.50", imageSrc: "https://img.b2bpic.net/free-photo/baked-pastry-cloth-with-wheat_23-2148359035.jpg", imageAlt: "A round loaf of traditional Ukrainian bread." },
            { id: "2", name: "Солодкі Рулети з Корицею", price: "£2.80", imageSrc: "https://img.b2bpic.net/free-photo/front-view-yummy-pastries-with-eggs-flour-milk-dark-wall-bread-food-meal-breakfast-morning-milk-bird-color_179666-17655.jpg", imageAlt: "Freshly baked sweet cinnamon rolls." },
            { id: "3", name: 'Медовий Торт "Медовик"', price: "£25.00", imageSrc: "https://img.b2bpic.net/free-photo/close-up-piece-layered-honey-cake-selective-focus-vertical-frame-medovik-honey-cake-white-plate-homemade-cake_166373-2379.jpg", imageAlt: "A slice of rich Ukrainian honey cake, Medovyk." },
            { id: "4", name: "Домашнє Печиво", price: "£1.50", imageSrc: "https://img.b2bpic.net/free-photo/top-view-tasty-sweet-cookies-dark-background-dessert-biscuit-sugar-sweet-break-dough-tea-cake-pie-flower_179666-46792.jpg", imageAlt: "Assorted homemade Ukrainian cookies." },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Our products section with bakery items"
          textBoxTitleClassName="text-4xl md:text-5xl lg:text-6xl font-normal"
          textBoxDescriptionClassName="text-lg md:text-xl lg:text-2xl"
          textBoxTagClassName="text-sm md:text-base font-medium uppercase tracking-wide text-foreground/80 mb-2"
          cardClassName="backdrop-blur-sm bg-card/70 p-4 rounded-soft border border-accent/20"
          cardNameClassName="text-xl font-semibold"
          cardPriceClassName="text-2xl font-bold"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Що Кажуть Наші Клієнти"
          description="Відгуки від наших задоволених відвідувачів, які цінують смак та якість."
          tag="Відгуки"
          testimonials={[
            { id: "1", name: "Олена Коваль", role: "Регулярний відвідувач", company: "Київ", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg" },
            { id: "2", name: "Іван Сидоренко", role: "Місцевий житель", company: "Львів", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg" },
            { id: "3", name: "Марія та Дмитро", role: "Молода пара", company: "Одеса", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/young-boy-learning-bake-with-his-mother_53876-124729.jpg" },
            { id: "4", name: "Галина Петрівна", role: "Пенсіонерка", company: "Харків", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/be-my-valentine_1098-15263.jpg" },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
          textBoxTitleClassName="text-4xl md:text-5xl lg:text-6xl font-normal"
          textBoxDescriptionClassName="text-lg md:text-xl lg:text-2xl"
          textBoxTagClassName="text-sm md:text-base font-medium uppercase tracking-wide text-foreground/80 mb-2"
          cardClassName="backdrop-blur-sm bg-card/70 p-4 rounded-soft border border-accent/20"
          overlayClassName="bg-card/90"
          ratingClassName="text-accent/80"
          nameClassName="text-xl font-semibold"
          roleClassName="text-sm text-foreground/70"
          companyClassName="text-sm text-foreground/60"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Часто Запитувані Запитання"
          description="Знайдіть відповіді на найпоширеніші запитання про нашу пекарню та продукцію."
          tag="Допомога"
          faqs={[
            { id: "1", title: "Чи пропонуєте ви доставку?", content: "Так, ми пропонуємо місцеву доставку. Будь ласка, зв'яжіться з нами для деталей та оформлення замовлення." },
            { id: "2", title: "Чи приймаєте ви замовлення на свята?", content: "Так, ми приймаємо попередні замовлення на святкову випічку. Рекомендуємо замовляти заздалегідь, щоб забезпечити наявність." },
            { id: "3", title: "Чи є у вас безглютенові або веганські варіанти?", content: "Ми працюємо над розширенням нашого асортименту. Будь ласка, зверніться до нас, щоб дізнатися про поточні пропозиції." },
            { id: "4", title: "Де знаходиться ваша пекарня?", content: "Наша пекарня розташована за адресою: [Ваша адреса]. Чекаємо на вас!" },
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          ariaLabel="Frequently Asked Questions section"
          textBoxTitleClassName="text-4xl md:text-5xl lg:text-6xl font-normal"
          textBoxDescriptionClassName="text-lg md:text-xl lg:text-2xl"
          textBoxTagClassName="text-sm md:text-base font-medium uppercase tracking-wide text-foreground/80 mb-2"
          faqsContainerClassName="backdrop-blur-sm bg-card/70 p-4 md:p-8 rounded-soft border border-accent/20"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Зв'яжіться З Нами"
          description="Маєте запитання або хочете зробити спеціальне замовлення? Ми завжди раді допомогти!"
          inputs={[
            { name: "name", type: "text", placeholder: "Ваше ім'я", required: true },
            { name: "email", type: "email", placeholder: "Ваша електронна пошта", required: true },
          ]}
          textarea={{ name: "message", placeholder: "Ваше повідомлення...", rows: 5, required: true }}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/closeup-fresh-pita-bread-sale_181624-58514.jpg?_wi=2"
          imageAlt="A cozy Ukrainian bakery interior with freshly baked goods."
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Надіслати Повідомлення"
          ariaLabel="Contact us section with a form"
          titleClassName="text-4xl md:text-5xl lg:text-6xl font-normal"
          descriptionClassName="text-lg md:text-xl lg:text-2xl"
          formCardClassName="backdrop-blur-sm bg-card/70 p-6 md:p-10 rounded-soft border border-accent/20"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/closeup-fresh-pita-bread-sale_181624-58514.jpg?_wi=3"
          imageAlt="Cozy bakery interior with warm lighting."
          columns={[
            { title: "Меню", items: [{ label: "Хліб", href: "#products" }, { label: "Випічка", href: "#products" }, { label: "Десерти", href: "#products" }] },
            { title: "Про Нас", items: [{ label: "Наша Історія", href: "#about" }, { label: "Відгуки", href: "#testimonials" }] },
            { title: "Допомога", items: [{ label: "FAQ", href: "#faq" }, { label: "Контакти", href: "#contact" }] },
          ]}
          logoText="Смачна Пекарня"
          copyrightText="© 2024 Смачна Пекарня. Всі права захищені."
          ariaLabel="Bakery website footer"
          logoTextClassName="text-2xl md:text-3xl font-bold"
          copyrightTextClassName="text-foreground/70"
          columnTitleClassName="text-lg font-semibold"
          columnItemClassName="text-foreground/60 hover:text-foreground transition-colors"
        />
      </div>
    </ThemeProvider>
  );
}
