Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { CheckCircle, FileText, Lock, RefreshCw, ShieldCheck } from "lucide-react";
|
||||
import { CheckCircle, FileText, Lock, RefreshCw, ShieldCheck, FileSearch, UserCheck, Clipboard, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "dashboard",
|
||||
},
|
||||
{
|
||||
name: "Add Case",
|
||||
id: "add-case",
|
||||
},
|
||||
{
|
||||
name: "Search",
|
||||
id: "search-case",
|
||||
},
|
||||
{
|
||||
name: "Reports",
|
||||
id: "reports",
|
||||
},
|
||||
{ name: "Home", id: "dashboard" },
|
||||
{ name: "Add Case", id: "add-case" },
|
||||
{ name: "Search", id: "search-case" },
|
||||
{ name: "Reports", id: "reports" },
|
||||
]}
|
||||
brandName="Police Case Management"
|
||||
/>
|
||||
@@ -52,83 +40,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="dashboard" data-section="dashboard">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
]}
|
||||
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",
|
||||
},
|
||||
{ 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,
|
||||
},
|
||||
{ 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>
|
||||
@@ -140,31 +77,11 @@ export default function LandingPage() {
|
||||
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: "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."
|
||||
@@ -180,26 +97,10 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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>
|
||||
@@ -211,30 +112,10 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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>
|
||||
@@ -245,22 +126,10 @@ export default function LandingPage() {
|
||||
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: "Data Privacy", content: { 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",
|
||||
],
|
||||
},
|
||||
heading: "Terms of Use", content: { items: ["Authorized access only", "Audit logs enabled", "Secure terminal usage"] },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user