"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

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="home-hero" data-section="home-hero">
      <HeroSplitDualMedia
      background={{
        variant: "sparkles-gradient",
      }}
      title="Güvenliğiniz, Sınırların Ötesinde"
      description="Profesyonel VIP koruma, risk analizi ve teknolojik güvenlik çözümlerinde sektörün elit ismi Pro Nam Grup ile tanışın."
      tag="ELİT GÜVENLİK"
      buttons={[
        {
          text: "Teklif Al",
          href: "/contact#request",
        },
        {
          text: "İş Başvurusu",
          href: "/contact#careers",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/army-personnel-monitors-isolated-green-screen-surveillance-footage_482257-89072.jpg",
          imageAlt: "Security Professional",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hex-backgrounds-networking_23-2149755780.jpg",
          imageAlt: "Modern Technology",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-with-devices_23-2149307794.jpg",
          imageAlt: "Professional team working",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797670.jpg",
          imageAlt: "Futuristic command center",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
          imageAlt: "Abstract network visualization",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="1000+ Başarılı Operasyon"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
    />
  </div>

  <div id="home-about" data-section="home-about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Hakkımızda"
      description={[
        "Pro Nam Grup, üst düzey güvenlik ihtiyaçlarınız için kurulmuş profesyonel bir firmadır.",
        "VIP koruma, danışmanlık ve teknolojik çözümlerle yanınızdayız.",
      ]}
    />
  </div>

  <div id="home-features" data-section="home-features">
      <FeatureCardTwentySix
      textboxLayout="inline-image"
      useInvertedBackground={false}
      features={[
        {
          title: "VIP Koruma",
          description: "Özel eğitimli personelimizle tam koruma.",
          buttonIcon: "Shield",
          imageSrc: "http://img.b2bpic.net/free-photo/diverse-employees-following-delivery-track-through-city-traffic_482257-93956.jpg",
          imageAlt: "Diverse employees following the delivery track through city traffic",
        },
        {
          title: "Güvenlik Eğitimi",
          description: "Modern eğitim kurumlarımızla profesyoneller yetiştiriyoruz.",
          buttonIcon: "Award",
          imageSrc: "http://img.b2bpic.net/free-photo/army-personnel-monitors-isolated-green-screen-surveillance-footage_482257-89072.jpg",
          imageAlt: "Diverse employees following the delivery track through city traffic",
        },
        {
          title: "Risk Analizi",
          description: "Dijital ve fiziksel tehditler için ileri seviye analiz.",
          buttonIcon: "Zap",
          imageSrc: "http://img.b2bpic.net/free-photo/hex-backgrounds-networking_23-2149755780.jpg",
          imageAlt: "Diverse employees following the delivery track through city traffic",
        },
        {
          title: "Teknoloji Destekli",
          description: "Sistemlerimizi en son teknolojiyle donatıyoruz.",
          buttonIcon: "Cpu",
          imageSrc: "http://img.b2bpic.net/free-photo/manager-overseeing-industry-40-industrial-plant-workers-using-cad-software_482257-120040.jpg",
          imageAlt: "Diverse employees following the delivery track through city traffic",
        },
      ]}
      title="Hizmetlerimiz"
      description="Sektördeki en kapsamlı ve teknolojik destekli güvenlik hizmetlerini sunuyoruz."
    />
  </div>

  <div id="ecommerce" data-section="ecommerce">
      <ProductDetailCard />
  </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>
  );
}
