Update src/app/page.tsx
This commit is contained in:
279
src/app/page.tsx
279
src/app/page.tsx
@@ -32,91 +32,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Services", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" }
|
||||
]}
|
||||
brandName="NexAI OS"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Architecting the Future of AI OS."
|
||||
description="We engineer sophisticated AI Operating Systems that unify intelligence, scale autonomous workflows, and transform how organizations operate at the speed of thought."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scale Your AI",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Scale Your AI", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645618.jpg"
|
||||
imageAlt="futuristic AI software interface holographic"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
||||
alt: "Closeup of Beautiful Strict Woman in Glasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
alt: "Closeup of Content Pretty Businesswoman in Glasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Portrait smiley modern male",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Smiling African American man posing at library",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Close-up of positive executive at work",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Closeup of Beautiful Strict Woman in Glasses" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Closeup of Content Pretty Businesswoman in Glasses" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Portrait smiley modern male" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Smiling African American man posing at library" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Close-up of positive executive at work" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Autonomous Workflow",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Neural Orchestration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zero-Latency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cognitive Autonomy",
|
||||
},
|
||||
{ type: "text", text: "Autonomous Workflow" },
|
||||
{ type: "text", text: "Neural Orchestration" },
|
||||
{ type: "text", text: "Zero-Latency" },
|
||||
{ type: "text", text: "Secure Infrastructure" },
|
||||
{ type: "text", text: "Cognitive Autonomy" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,21 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Neural Orchestration",
|
||||
description: "Adaptive models that self-optimize and learn from your internal operational data silos.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Autonomy",
|
||||
description: "Privacy-first architecture ensuring autonomous decision-making stays within your organizational boundaries.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Instant Integration",
|
||||
description: "Zero-latency connectivity with existing legacy stacks, allowing immediate operational upgrades.",
|
||||
},
|
||||
{ icon: Star, title: "Neural Orchestration", description: "Adaptive models that self-optimize and learn from your internal operational data silos." },
|
||||
{ icon: ShieldCheck, title: "Secure Autonomy", description: "Privacy-first architecture ensuring autonomous decision-making stays within your organizational boundaries." },
|
||||
{ icon: Zap, title: "Instant Integration", description: "Zero-latency connectivity with existing legacy stacks, allowing immediate operational upgrades." }
|
||||
]}
|
||||
title="Core Architectural Pillars"
|
||||
description="The foundational components driving our OS ecosystem."
|
||||
@@ -163,49 +104,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nexus Core",
|
||||
price: "Custom",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Agent Flow",
|
||||
price: "Custom",
|
||||
variant: "SaaS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Data Synth",
|
||||
price: "Custom",
|
||||
variant: "Compute",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Secure Gateway",
|
||||
price: "Custom",
|
||||
variant: "Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology_23-2149123980.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Orchestrator Pro",
|
||||
price: "Custom",
|
||||
variant: "Agent",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-vertical-business-card_23-2148945811.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vision Engine",
|
||||
price: "Custom",
|
||||
variant: "Vision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Nexus Core", price: "Custom", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg" },
|
||||
{ id: "p2", name: "Agent Flow", price: "Custom", variant: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg" },
|
||||
{ id: "p3", name: "Data Synth", price: "Custom", variant: "Compute", imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg" },
|
||||
{ id: "p4", name: "Secure Gateway", price: "Custom", variant: "Security", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology_23-2149123980.jpg" },
|
||||
{ id: "p5", name: "Orchestrator Pro", price: "Custom", variant: "Agent", imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-vertical-business-card_23-2148945811.jpg" },
|
||||
{ id: "p6", name: "Vision Engine", price: "Custom", variant: "Vision", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" }
|
||||
]}
|
||||
title="Our Specialized OS Modules"
|
||||
description="Tailored modules for high-velocity enterprise environments."
|
||||
@@ -218,24 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Rocket,
|
||||
title: "Efficiency Gain",
|
||||
value: "340%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Reduction in Manual Tasking",
|
||||
value: "85%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Decision Velocity",
|
||||
value: "12x",
|
||||
},
|
||||
{ id: "m1", icon: Rocket, title: "Efficiency Gain", value: "340%" },
|
||||
{ id: "m2", icon: Clock, title: "Reduction in Manual Tasking", value: "85%" },
|
||||
{ id: "m3", icon: Award, title: "Decision Velocity", value: "12x" }
|
||||
]}
|
||||
title="Proven Operational Impact"
|
||||
description="Real results powering enterprise evolution."
|
||||
@@ -249,46 +140,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "COO",
|
||||
company: "Global Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "Innovate Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "VP Eng",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204367.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Head of Ops",
|
||||
company: "Startup Alpha",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
role: "CEO",
|
||||
company: "Future Vision",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "COO", company: "Global Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "Innovate Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "VP Eng", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204367.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Head of Ops", company: "Startup Alpha", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg" },
|
||||
{ id: "5", name: "Alex Rivera", role: "CEO", company: "Future Vision", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg" }
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="See how leaders are leveraging NexAI OS."
|
||||
@@ -300,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long for OS deployment?",
|
||||
content: "Our modular approach allows for rapid integration in as little as 4 weeks for core infrastructure.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does it integrate with existing stacks?",
|
||||
content: "Yes, NexAI OS is built with universal API integration frameworks at its core.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How is data secured?",
|
||||
content: "We employ enterprise-grade encryption combined with decentralized local nodes for sensitive data handling.",
|
||||
},
|
||||
{ id: "f1", title: "How long for OS deployment?", content: "Our modular approach allows for rapid integration in as little as 4 weeks for core infrastructure." },
|
||||
{ id: "f2", title: "Does it integrate with existing stacks?", content: "Yes, NexAI OS is built with universal API integration frameworks at its core." },
|
||||
{ id: "f3", title: "How is data secured?", content: "We employ enterprise-grade encryption combined with decentralized local nodes for sensitive data handling." }
|
||||
]}
|
||||
title="Questions on Architecture"
|
||||
description="Clear answers about how we build the future."
|
||||
@@ -326,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Get Started"
|
||||
title="Start Your AI Journey"
|
||||
description="Submit your enterprise infrastructure profile to receive a custom AI OS roadmap from our engineering leads."
|
||||
@@ -339,49 +182,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg"
|
||||
logoText="NexAI OS"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "API Docs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Insights",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Platform", items: [{ label: "Solutions", href: "#products" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "API Docs", href: "#" }, { label: "Insights", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user