"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
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="blog-list" data-section="blog-list">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="inline-image"
      useInvertedBackground={false}
      title="Haberler"
      description="En güncel güvenlik ipuçları ve şirket haberleri."
      blogs={[
        {
          id: "b1",
          category: "Fuar",
          title: "Güvenlik Fuarı",
          excerpt: "Bu sene sektörün zirvesindeyiz.",
          imageSrc: "http://img.b2bpic.net/free-photo/manager-overseeing-industry-40-industrial-plant-workers-using-cad-software_482257-120040.jpg",
          authorName: "Admin",
          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-thoughtful-worker-with-glasses_1098-2868.jpg",
          date: "2024-05-20",
        },
      ]}
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Diğer Haberler"
      description="Sektörel gelişimler."
      blogs={[
        {
          id: "b2",
          category: "Teknoloji",
          title: "Siber Güvenlik",
          excerpt: "Dijital dünyada koruma.",
          imageSrc: "http://img.b2bpic.net/free-photo/moving-hex-backgrounds-networking_23-2149755781.jpg",
          authorName: "Admin",
          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-thoughtful-worker-with-glasses_1098-2868.jpg",
          date: "2024-05-22",
        },
      ]}
    />
  </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>
  );
}
