"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Shield, Award, Zap, Cpu } from "lucide-react";
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
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", id: "/education" },
        { name: "İletişim", id: "/contact" }
      ]}
      brandName="Pro Nam Grup"
    />
  </div>

  <div id="home-hero" data-section="home-hero">
      <HeroSplitDualMedia
      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"
      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" }
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="1000+ Başarılı Operasyon"
      buttons={[
        { text: "Teklif Al", href: "/contact#request" },
        { text: "İş Başvurusu", href: "/contact#careers" }
      ]}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery title="Billboard" description="Gallery" mediaItems={[]} />
  </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 },
        { title: "Güvenlik Eğitimi", description: "Modern eğitim kurumlarımızla profesyoneller yetiştiriyoruz.", buttonIcon: Award },
        { title: "Risk Analizi", description: "Dijital ve fiziksel tehditler için ileri seviye analiz.", buttonIcon: Zap },
        { title: "Teknoloji Destekli", description: "Sistemlerimizi en son teknolojiyle donatıyoruz.", buttonIcon: Cpu }
      ]}
      title="Hizmetlerimiz"
      description="Sektördeki en kapsamlı ve teknolojik destekli güvenlik hizmetlerini sunuyoruz."
    />
  </div>

  <div id="ecommerce" data-section="ecommerce">
      <ProductDetailCard layout="default" name="Güvenlik Paketi" price="$999" images={[]} buttons={[]} />
  </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>
  );
}
