"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import LegalSection from '@/components/legal/LegalSection';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { CheckCircle, FileText, Lock, RefreshCw, ShieldCheck, FileSearch, UserCheck, Clipboard, Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "dashboard" },
        { name: "Case List", id: "case-list" },
        { name: "Metric", id: "metric" },
        { name: "Features", id: "feature" },
      ]}
      brandName="Police Case Management"
    />
  </div>

  <div id="dashboard" data-section="dashboard">
      <HeroSplitKpi
      background={{ variant: "animated-grid" }}
      title="Central Command Dashboard"
      description="Manage active investigations, monitor inspector compliance, and review citizen submissions from a unified administrative portal."
      kpis={[
        { value: "437", label: "Total Cases" },
        { value: "12", label: "Active Inspectors" },
        { value: "98%", label: "Compliance Rate" },
      ]}
      enableKpiAnimation={true}
      buttons={[{ text: "View All Cases", href: "#case-list" }]}
      imageSrc="http://img.b2bpic.net/free-photo/asian-private-inspector-examining-archived-materials-folder_482257-105373.jpg"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/chief-executive-officer-reading-accounting-paperwork-ensure-legal-accuracy_482257-103540.jpg", alt: "Inspector Aditi Mehta" },
        { src: "http://img.b2bpic.net/free-photo/military-expert-control-center-uses-advanced-technology-modern-gear_482257-124678.jpg", alt: "Inspector John Doe" },
        { src: "http://img.b2bpic.net/free-photo/woman-standing-window-covered-with-business-charts-working-tablet_1098-20217.jpg", alt: "Inspector Sarah Miller" },
        { src: "http://img.b2bpic.net/free-photo/diverse-team-navy-operators-gather-intelligence-future-field-missions_482257-90909.jpg", alt: "Inspector David Lee" },
        { src: "http://img.b2bpic.net/free-photo/folder-icon-with-lock-secret-security-document-directory-encryption-technology-icon-symbol-background-3d-illustration_56104-2071.jpg", alt: "Inspector Robert Brown" },
      ]}
      avatarText="Active investigative team"
      marqueeItems={[
        { type: "text-icon", text: "System Online", icon: CheckCircle },
        { type: "text-icon", text: "Encrypted Connection", icon: ShieldCheck },
        { type: "text-icon", text: "Real-time Sync", icon: RefreshCw },
        { type: "text-icon", text: "ISO Compliant", icon: FileText },
        { type: "text-icon", text: "Admin Access", icon: Lock },
      ]}
    />
  </div>

  <div id="case-list" data-section="case-list">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        { title: "Homicide Case #001", description: "Status: Approved. Handler: Aditi Mehta.", imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall_23-2148015148.jpg" },
        { title: "Manslaughter Case #002", description: "Status: Approved. Handler: Aditi Mehta.", imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-corporate-idenity-design_53876-147799.jpg" },
        { title: "Rape/Assault Case #003", description: "Status: Approved. Handler: Aditi Mehta.", imageSrc: "http://img.b2bpic.net/free-photo/privacy-confidential-protection-security-solitude-concept_53876-121229.jpg" },
        { title: "Cybercrime Case #004", description: "Status: Pending. Handler: John Doe.", imageSrc: "http://img.b2bpic.net/free-photo/blue-print-yellow-textile_23-2147921563.jpg" },
        { title: "Public Order #005", description: "Status: Under Review. Handler: Sarah Miller.", imageSrc: "http://img.b2bpic.net/free-photo/full-frame-shot-abstract-texture-book-cover_23-2147951262.jpg" },
      ]}
      title="Recent Case Records"
      description="Current active case files requiring attention."
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Operational Overview"
      description="High-level analytics for departmental performance and resource allocation."
      metrics={[
        { id: "m1", value: "1.2k", description: "Cases Resolved" },
        { id: "m2", value: "89%", description: "Efficiency Rating" },
        { id: "m3", value: "42m", description: "Avg Response Time" },
        { id: "m4", value: "15+", description: "Active Districts" },
      ]}
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      title="Advanced Features"
      description="Streamlining law enforcement with modern tools."
      features={[
        { title: "Evidence Log", description: "Secure digital chain of custody.", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13957.jpg", buttonIcon: FileSearch },
        { title: "Inspector Portal", description: "Assign and track officer activity.", imageSrc: "http://img.b2bpic.net/free-photo/painted-color-wooden-textured-background_53876-34023.jpg", buttonIcon: UserCheck },
        { title: "Automated Reports", description: "Generate compliance documents.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-minimalist-business-arrangement-with-empty-clipboard_23-2148488707.jpg", buttonIcon: Clipboard },
        { title: "Data Security", description: "AES-256 encrypted database.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-clipboard_23-2148102416.jpg", buttonIcon: Shield },
      ]}
    />
  </div>

  <div id="legal" data-section="legal">
      <LegalSection
      layout="section"
      title="System Compliance & Legal"
      sections={[
        {
          heading: "Data Privacy",          content: [{ type: "paragraph", text: "This system complies with all federal regulations regarding police data privacy and handling of criminal records." }]
        },
        {
          heading: "Terms of Use",          content: [{ type: "list", items: ["Authorized access only", "Audit logs enabled", "Secure terminal usage"] }]
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="PVD Police Dept"
      copyrightText="2025 All rights reserved. Developed by PVD"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
