"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
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="contact-section" data-section="contact-section">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="İLETİŞİM"
      title="Bize Ulaşın"
      description="Hizmetlerimiz hakkında bilgi almak veya başvuru yapmak için bize ulaşın."
      buttons={[
        {
          text: "Formu Gönder",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="İletişim Bilgileri"
      description="Bize doğrudan ulaşın."
      inputs={[
        {
          name: "konu",
          type: "text",
          placeholder: "Konu",
        },
        {
          name: "mesaj",
          type: "text",
          placeholder: "Mesajınız",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.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>
  );
}
