Update src/app/page.tsx
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Capabilities",
|
||||
id: "capabilities",
|
||||
},
|
||||
name: "Capabilities", id: "capabilities"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jarvis AI"
|
||||
/>
|
||||
@@ -55,71 +47,47 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Personal Jarvis AI"
|
||||
description="The ultimate AI assistant that understands, designs, codes, and talks. Elevate your productivity with human-level intelligence in every query."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Accuracy",
|
||||
},
|
||||
value: "99.9%", label: "Accuracy"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Available",
|
||||
},
|
||||
value: "24/7", label: "Available"},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Response",
|
||||
},
|
||||
value: "Fast", label: "Response"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-broadly-with-arms-crossed-his-chest_141793-55097.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-broadly-with-arms-crossed-his-chest_141793-55097.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10k+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Productivity",
|
||||
},
|
||||
type: "text", text: "Productivity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Intelligence",
|
||||
},
|
||||
type: "text", text: "Intelligence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless",
|
||||
},
|
||||
type: "text", text: "Seamless"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Future-Proof",
|
||||
},
|
||||
type: "text", text: "Future-Proof"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,19 +99,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Processing",
|
||||
value: "0.1ms",
|
||||
},
|
||||
label: "Processing", value: "0.1ms"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security",
|
||||
value: "AES-256",
|
||||
},
|
||||
label: "Security", value: "AES-256"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Knowledge",
|
||||
value: "Vast",
|
||||
},
|
||||
label: "Knowledge", value: "Vast"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -156,32 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Voice Assistant",
|
||||
tags: [
|
||||
"Natural",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Voice Assistant", tags: [
|
||||
"Natural", "Fast"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Advanced Coding",
|
||||
tags: [
|
||||
"Secure",
|
||||
"Dynamic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Advanced Coding", tags: [
|
||||
"Secure", "Dynamic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart Design",
|
||||
tags: [
|
||||
"Creative",
|
||||
"Pro",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Smart Design", tags: [
|
||||
"Creative", "Pro"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg?_wi=1"},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="Experience world-class AI tools integrated into one seamless interface."
|
||||
@@ -196,41 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chat Module",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Chat Module", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Code Lab",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-952.jpg",
|
||||
},
|
||||
id: "p2", name: "Code Lab", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-952.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Design AI",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg",
|
||||
},
|
||||
id: "p3", name: "Design AI", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Voice Hub",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineers-managing-ai-systems-looking-paperwork_482257-131867.jpg",
|
||||
},
|
||||
id: "p4", name: "Voice Hub", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineers-managing-ai-systems-looking-paperwork_482257-131867.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Data Analytics",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-screen_23-2149126944.jpg",
|
||||
},
|
||||
id: "p5", name: "Data Analytics", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-screen_23-2149126944.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Workflow Automation",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg",
|
||||
},
|
||||
id: "p6", name: "Workflow Automation", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg"},
|
||||
]}
|
||||
title="Jarvis Modules"
|
||||
description="Unlock specialized AI modules for your daily workflows."
|
||||
@@ -244,26 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Active Users",
|
||||
description: "Global community",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks-flat-lay_23-2148950361.jpg",
|
||||
},
|
||||
id: "m1", value: "1M+", title: "Active Users", description: "Global community", imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks-flat-lay_23-2148950361.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500M",
|
||||
title: "Tasks Completed",
|
||||
description: "Reliable automation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-statistics_53876-167058.jpg",
|
||||
},
|
||||
id: "m2", value: "500M", title: "Tasks Completed", description: "Reliable automation", imageSrc: "http://img.b2bpic.net/free-photo/business-statistics_53876-167058.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "Uptime", description: "Always available", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg"},
|
||||
]}
|
||||
title="Platform Performance"
|
||||
description="Jarvis provides consistent performance across global servers."
|
||||
@@ -276,60 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
date: "Jan 2025",
|
||||
title: "Software Engineer",
|
||||
quote: "Jarvis changed my workflow completely.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-technician-data-center-monitoring-system-performance_482257-125692.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=2",
|
||||
imageAlt: "software engineer professional portrait",
|
||||
},
|
||||
id: "t1", name: "Sarah", date: "Jan 2025", title: "Software Engineer", quote: "Jarvis changed my workflow completely.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-technician-data-center-monitoring-system-performance_482257-125692.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=2", imageAlt: "software engineer professional portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael",
|
||||
date: "Feb 2025",
|
||||
title: "Designer",
|
||||
quote: "The design modules are incredibly fast.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg?_wi=2",
|
||||
imageAlt: "software engineer professional portrait",
|
||||
},
|
||||
id: "t2", name: "Michael", date: "Feb 2025", title: "Designer", quote: "The design modules are incredibly fast.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg", imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg?_wi=2", imageAlt: "software engineer professional portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily",
|
||||
date: "Mar 2025",
|
||||
title: "Project Lead",
|
||||
quote: "Best assistant for team management.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-glasses_23-2148415929.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg?_wi=2",
|
||||
imageAlt: "software engineer professional portrait",
|
||||
},
|
||||
id: "t3", name: "Emily", date: "Mar 2025", title: "Project Lead", quote: "Best assistant for team management.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-glasses_23-2148415929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg?_wi=2", imageAlt: "software engineer professional portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
date: "Apr 2025",
|
||||
title: "CTO",
|
||||
quote: "The coding accuracy is unmatched.",
|
||||
tag: "Senior",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-female-engineer-wearing-uniform-safety-glasses-standing-with-closed-posture_409827-790.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg?_wi=2",
|
||||
imageAlt: "software engineer professional portrait",
|
||||
},
|
||||
id: "t4", name: "David", date: "Apr 2025", title: "CTO", quote: "The coding accuracy is unmatched.", tag: "Senior", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-female-engineer-wearing-uniform-safety-glasses-standing-with-closed-posture_409827-790.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg?_wi=2", imageAlt: "software engineer professional portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice",
|
||||
date: "May 2025",
|
||||
title: "Researcher",
|
||||
quote: "Data processing is instantaneous.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62545.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg?_wi=2",
|
||||
imageAlt: "software engineer professional portrait",
|
||||
},
|
||||
id: "t5", name: "Alice", date: "May 2025", title: "Researcher", quote: "Data processing is instantaneous.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62545.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg?_wi=2", imageAlt: "software engineer professional portrait"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Join thousands of developers and creatives already using Jarvis."
|
||||
@@ -343,15 +206,9 @@ export default function LandingPage() {
|
||||
description="Ready to experience the future? Start your conversation today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg"
|
||||
/>
|
||||
@@ -363,29 +220,19 @@ export default function LandingPage() {
|
||||
logoText="Jarvis AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -394,4 +241,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user