"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardTen from '@/components/sections/team/TeamCardTen';

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="about-metrics" data-section="about-metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Gücümüz"
      tag="BAŞARILARIMIZ"
      metrics={[
        {
          id: "m1",
          value: "500+",
          description: "Tamamlanan Proje",
        },
        {
          id: "m2",
          value: "2000+",
          description: "Mezun Öğrenci",
        },
        {
          id: "m3",
          value: "150+",
          description: "Aktif Personel",
        },
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Liderlerimiz"
      tag="EKİBİMİZ"
      membersAnimation="slide-up"
      memberVariant="card"
      members={[
        {
          id: "t1",
          name: "Ahmet Yılmaz",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
        },
        {
          id: "t2",
          name: "Ayşe Demir",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.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>
  );
}
