"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="large"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Ana Sayfa",
          id: "/",
        },
        {
          name: "Hakkımızda",
          id: "/about",
        },
        {
          name: "Eğitim Kurumlarımız",
          id: "/education",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "İletişim",
          id: "/contact",
        },
      ]}
      brandName="Pro Nam Grup"
    />
  </div>

  <div id="education-info" data-section="education-info">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "İzmit Kurumu",
          content: "Tam donanımlı eğitim merkezimiz.",
        },
        {
          id: "q2",
          title: "Körfez Kurumu",
          content: "İleri seviye teknolojik eğitim.",
        },
      ]}
      title="Eğitim Kurumlarımız"
      description="Körfez ve İzmit eğitim merkezlerimiz hakkında detaylı bilgi."
      faqsAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/high-tech-clinical-environment-with-pc-displays-showing-healthcare-software_482257-124292.jpg"
      imageAlt="Eğitim Merkezi Görüntüsü"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Eğitim Başvurusu"
      description="Kurslarımıza katılmak için başvuru yapın."
      inputs={[
        {
          name: "ad",
          type: "text",
          placeholder: "Ad Soyad",
        },
        {
          name: "eposta",
          type: "email",
          placeholder: "E-posta",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/diverse-employees-following-delivery-track-through-city-traffic_482257-93956.jpg"
    />
  </div>

  <div id="home-footer" data-section="home-footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Ana Sayfa",
              href: "/",
            },
            {
              label: "Hakkımızda",
              href: "/about",
            },
          ],
        },
        {
          items: [
            {
              label: "Eğitim",
              href: "/education",
            },
            {
              label: "İletişim",
              href: "/contact",
            },
          ],
        },
      ]}
      logoText="Pro Nam Grup"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
