Merge version_1 into main #2
339
src/app/page.tsx
339
src/app/page.tsx
@@ -21,27 +21,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "System",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Verification",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Economy",
|
||||
id: "#pricing",
|
||||
},
|
||||
{ name: "Overview", id: "#hero" },
|
||||
{ name: "System", id: "#about" },
|
||||
{ name: "Verification", id: "#features" },
|
||||
{ name: "Economy", id: "#pricing" },
|
||||
]}
|
||||
brandName="KALI"
|
||||
/>
|
||||
@@ -49,78 +44,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Discipline OS: The AI Command Center"
|
||||
description="KALI is not an app. KALI is an AI intelligence that manages your life, mission control, and real-time physical verification."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Discipline Accuracy",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Live Verification",
|
||||
},
|
||||
{
|
||||
value: "4.9k",
|
||||
label: "Active Operatives",
|
||||
},
|
||||
{ value: "100%", label: "Discipline Accuracy" },
|
||||
{ value: "24/7", label: "Live Verification" },
|
||||
{ value: "4.9k", label: "Active Operatives" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Onboarding",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg?_wi=1"
|
||||
buttons={[{ text: "Begin Onboarding", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252511.jpg",
|
||||
alt: "Futurism perspective",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg",
|
||||
alt: "Cyber security expert",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg",
|
||||
alt: "Surveillance and hacking",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645662.jpg",
|
||||
alt: "Cyber security expert neon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-astronaut-space-helmet-smoking-electronic-cigarette-blue-neon-hipster-triangle-background_613910-10826.jpg",
|
||||
alt: "Astronaut space helmet",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252511.jpg", alt: "Futurism perspective" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg", alt: "Cyber security expert" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg", alt: "Surveillance and hacking" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645662.jpg", alt: "Cyber security expert neon" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-astronaut-space-helmet-smoking-electronic-cigarette-blue-neon-hipster-triangle-background_613910-10826.jpg", alt: "Astronaut space helmet" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "HARDWARE COMPATIBLE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "REAL-TIME SYNC",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI VERIFIED",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ZERO LATENCY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ENCRYPTED PROTOCOL",
|
||||
},
|
||||
{ type: "text", text: "HARDWARE COMPATIBLE" },
|
||||
{ type: "text", text: "REAL-TIME SYNC" },
|
||||
{ type: "text-icon", text: "AI VERIFIED", icon: Shield },
|
||||
{ type: "text", text: "ZERO LATENCY" },
|
||||
{ type: "text", text: "ENCRYPTED PROTOCOL" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,14 +77,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "KALI is your external authority. ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491113.jpg",
|
||||
},
|
||||
{ type: "text", content: "KALI is your external authority. " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491113.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,31 +90,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Verification",
|
||||
description: "Real-time AI camera checks for physical task completion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-flow-design_1048-12197.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Mission Dynamics",
|
||||
description: "Hyper-personalized AI-generated schedules and habit cycles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Loss Aversion",
|
||||
description: "Psychological pressure through streak-loss and discipline balance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Biometric Sync",
|
||||
description: "Integrate wearables for physiological compliance data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2d-graphic-wallpaper-with-colorful-grainy-gradients_23-2151001522.jpg",
|
||||
},
|
||||
{
|
||||
title: "Neural Mapping",
|
||||
description: "Pattern recognition for cognitive performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-phone-wallpaper-abstract-digital-design-black-blue-tone_53876-160337.jpg",
|
||||
},
|
||||
{ title: "Live Verification", description: "Real-time AI camera checks for physical task completion.", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-flow-design_1048-12197.jpg" },
|
||||
{ title: "Mission Dynamics", description: "Hyper-personalized AI-generated schedules and habit cycles.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
|
||||
{ title: "Loss Aversion", description: "Psychological pressure through streak-loss and discipline balance.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg" },
|
||||
{ title: "Biometric Sync", description: "Integrate wearables for physiological compliance data.", imageSrc: "http://img.b2bpic.net/free-photo/2d-graphic-wallpaper-with-colorful-grainy-gradients_23-2151001522.jpg" },
|
||||
{ title: "Neural Mapping", description: "Pattern recognition for cognitive performance.", imageSrc: "http://img.b2bpic.net/free-photo/technology-phone-wallpaper-abstract-digital-design-black-blue-tone_53876-160337.jpg" },
|
||||
]}
|
||||
title="Behavioral Protocols"
|
||||
description="Real-world verification powered by computer vision and AI behavioral analysis."
|
||||
@@ -185,33 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "89%",
|
||||
title: "Discipline Score",
|
||||
items: [
|
||||
"Task consistency",
|
||||
"Habit adherence",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12.4K",
|
||||
title: "Missions Verified",
|
||||
items: [
|
||||
"Movement tracked",
|
||||
"AI analysis",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0.1ms",
|
||||
title: "System Latency",
|
||||
items: [
|
||||
"Real-time response",
|
||||
"AI processing",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "89%", title: "Discipline Score", items: ["Task consistency", "Habit adherence"] },
|
||||
{ id: "m2", value: "12.4K", title: "Missions Verified", items: ["Movement tracked", "AI analysis"] },
|
||||
{ id: "m3", value: "0.1ms", title: "System Latency", items: ["Real-time response", "AI processing"] },
|
||||
]}
|
||||
title="System Efficiency"
|
||||
description="High-fidelity analytics for discipline tracking."
|
||||
@@ -223,61 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elias V.",
|
||||
date: "12.04.2024",
|
||||
title: "Chief Engineer",
|
||||
quote: "The system changed how I value time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315197.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg?_wi=2",
|
||||
imageAlt: "futuristic user profile",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
date: "12.05.2024",
|
||||
title: "Designer",
|
||||
quote: "Kali is cold but exactly what I needed.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491113.jpg",
|
||||
imageAlt: "futuristic user profile",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus R.",
|
||||
date: "12.06.2024",
|
||||
title: "Developer",
|
||||
quote: "Zero excuses. 100% execution.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306780.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-flow-design_1048-12197.jpg?_wi=2",
|
||||
imageAlt: "futuristic user profile",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe M.",
|
||||
date: "12.07.2024",
|
||||
title: "Student",
|
||||
quote: "I stopped procrastinating instantly.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/low-key-portrait-modern-business-person_158595-4815.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=2",
|
||||
imageAlt: "futuristic user profile",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex K.",
|
||||
date: "12.08.2024",
|
||||
title: "Founder",
|
||||
quote: "The accountability engine is perfect.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-shadow_23-2149551249.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg?_wi=2",
|
||||
imageAlt: "futuristic user profile",
|
||||
},
|
||||
{ id: "1", name: "Elias V.", date: "12.04.2024", title: "Chief Engineer", quote: "The system changed how I value time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315197.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg", imageAlt: "futuristic user profile" },
|
||||
{ id: "2", name: "Sarah L.", date: "12.05.2024", title: "Designer", quote: "Kali is cold but exactly what I needed.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491113.jpg", imageAlt: "futuristic user profile" },
|
||||
{ id: "3", name: "Marcus R.", date: "12.06.2024", title: "Developer", quote: "Zero excuses. 100% execution.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306780.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-flow-design_1048-12197.jpg", imageAlt: "futuristic user profile" },
|
||||
{ id: "4", name: "Chloe M.", date: "12.07.2024", title: "Student", quote: "I stopped procrastinating instantly.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/low-key-portrait-modern-business-person_158595-4815.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "futuristic user profile" },
|
||||
{ id: "5", name: "Alex K.", date: "12.08.2024", title: "Founder", quote: "The accountability engine is perfect.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-shadow_23-2149551249.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg", imageAlt: "futuristic user profile" },
|
||||
]}
|
||||
title="Protocol Reports"
|
||||
description="Real feedback from KALI operatives."
|
||||
@@ -290,57 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Standard",
|
||||
price: "$49.99",
|
||||
subtitle: "Monthly access",
|
||||
features: [
|
||||
"AI Discipline Engine",
|
||||
"Live Verification",
|
||||
"Kali Voice AI",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Initiate Protocol",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$129.99",
|
||||
subtitle: "Quarterly access",
|
||||
features: [
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
"Kali Custom Persona",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Initiate Protocol",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Legacy",
|
||||
price: "$399.99",
|
||||
subtitle: "Annual access",
|
||||
features: [
|
||||
"Full Feature Suite",
|
||||
"Discipline Warranty",
|
||||
"Dedicated Account Manager",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Initiate Protocol",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Standard", price: "$49.99", subtitle: "Monthly access", features: ["AI Discipline Engine", "Live Verification", "Kali Voice AI"], buttons: [{ text: "Initiate Protocol", href: "#contact" }] },
|
||||
{ id: "p2", badge: "Pro", price: "$129.99", subtitle: "Quarterly access", features: ["Advanced Analytics", "Priority Support", "Kali Custom Persona"], buttons: [{ text: "Initiate Protocol", href: "#contact" }] },
|
||||
{ id: "p3", badge: "Legacy", price: "$399.99", subtitle: "Annual access", features: ["Full Feature Suite", "Discipline Warranty", "Dedicated Account Manager"], buttons: [{ text: "Initiate Protocol", href: "#contact" }] },
|
||||
]}
|
||||
title="Discipline Subscription"
|
||||
description="Unlock your evolution."
|
||||
@@ -352,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is Kali AI abusive?",
|
||||
content: "No. Kali is emotionally cold and precise, focusing on discipline without toxicity.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How does verification work?",
|
||||
content: "We use advanced computer vision to monitor real physical activities in real-time.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I cancel my plan?",
|
||||
content: "Yes, standard subscription termination protocols are available.",
|
||||
},
|
||||
{ id: "f1", title: "Is Kali AI abusive?", content: "No. Kali is emotionally cold and precise, focusing on discipline without toxicity." },
|
||||
{ id: "f2", title: "How does verification work?", content: "We use advanced computer vision to monitor real physical activities in real-time." },
|
||||
{ id: "f3", title: "Can I cancel my plan?", content: "Yes, standard subscription termination protocols are available." },
|
||||
]}
|
||||
title="System Queries"
|
||||
description="Clarifications regarding our operation."
|
||||
@@ -380,47 +168,28 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vertex Inc",
|
||||
"Nerve Systems",
|
||||
"Synapse Labs",
|
||||
"Apex Discipline",
|
||||
"Quantum Mind",
|
||||
"Logic Core",
|
||||
"Neural Edge",
|
||||
]}
|
||||
"Vertex Inc", "Nerve Systems", "Synapse Labs", "Apex Discipline", "Quantum Mind", "Logic Core", "Neural Edge"]}
|
||||
title="Global Operatives"
|
||||
description="Join the network of verified elite operatives globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Onboarding"
|
||||
title="Are you ready?"
|
||||
description="Kali is waiting to analyze your life structure. Join now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join KALI",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Join KALI", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="KALI OS"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms", href: "#" }}
|
||||
rightLink={{ text: "Privacy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user