Merge version_1 into main #2
353
src/app/page.tsx
353
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Database, Layers, LayoutDashboard, ShieldCheck, Terminal, Zap } from "lucide-react";
|
||||
import { Database, Layers, LayoutDashboard, ShieldCheck, Terminal, Zap, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features-bento" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="NexusAI"
|
||||
/>
|
||||
@@ -55,100 +44,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Next-Gen AI Platform for Enterprise"
|
||||
description="Unlock unprecedented productivity with our cutting-edge AI orchestration engine. Seamlessly integrate advanced machine learning models into your existing infrastructure in minutes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "View Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "View Documentation", href: "#" }
|
||||
]}
|
||||
dashboard={{
|
||||
title: "NexusAI Performance",
|
||||
stats: [
|
||||
{
|
||||
title: "Model Uptime",
|
||||
values: [
|
||||
99,
|
||||
9,
|
||||
9,
|
||||
],
|
||||
valueSuffix: "%",
|
||||
description: "Global performance consistency",
|
||||
},
|
||||
{
|
||||
title: "Inference Speed",
|
||||
values: [
|
||||
12,
|
||||
0,
|
||||
0,
|
||||
],
|
||||
valuePrefix: "<",
|
||||
valueSuffix: "ms",
|
||||
description: "Real-time query processing",
|
||||
},
|
||||
{
|
||||
title: "Active Models",
|
||||
values: [
|
||||
45,
|
||||
0,
|
||||
0,
|
||||
],
|
||||
description: "Deployed in current environment",
|
||||
},
|
||||
title: "NexusAI Performance", stats: [
|
||||
{ title: "Model Uptime", values: [99, 9, 9], valueSuffix: "%", description: "Global performance consistency" },
|
||||
{ title: "Inference Speed", values: [12, 0, 0], valuePrefix: "<", valueSuffix: "ms", description: "Real-time query processing" },
|
||||
{ title: "Active Models", values: [45, 0, 0], description: "Deployed in current environment" }
|
||||
],
|
||||
logoIcon: Zap,
|
||||
sidebarItems: [
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
active: true,
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
},
|
||||
],
|
||||
chartTitle: "Processing Load",
|
||||
chartData: [
|
||||
{
|
||||
value: 45,
|
||||
},
|
||||
{
|
||||
value: 72,
|
||||
},
|
||||
{
|
||||
value: 58,
|
||||
},
|
||||
{
|
||||
value: 90,
|
||||
},
|
||||
{
|
||||
value: 85,
|
||||
},
|
||||
{ icon: LayoutDashboard, active: true },
|
||||
{ icon: Database },
|
||||
{ icon: Cpu }
|
||||
],
|
||||
chartTitle: "Processing Load", chartData: [{ value: 45 }, { value: 72 }, { value: 58 }, { value: 90 }, { value: 85 }],
|
||||
listItems: [
|
||||
{
|
||||
icon: Terminal,
|
||||
title: "ML Query Engine",
|
||||
status: "Active",
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
title: "Data Pipeline",
|
||||
status: "Syncing",
|
||||
},
|
||||
{ icon: Terminal, title: "ML Query Engine", status: "Active" },
|
||||
{ icon: Database, title: "Data Pipeline", status: "Syncing" }
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-element-collection_23-2148312650.jpg?_wi=1",
|
||||
imageAlt: "NexusAI Dashboard Interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-element-collection_23-2148312650.jpg", imageAlt: "NexusAI Dashboard Interface", buttons: [
|
||||
{ text: "View Logs", href: "#" }
|
||||
]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,28 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Global Deployment",
|
||||
description: "Deploy your models across 50+ regions instantly.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-element-collection_23-2148312650.jpg?_wi=2",
|
||||
imageAlt: "AI software dashboard dark mode",
|
||||
},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description: "Visualize your model performance in real-time.",
|
||||
bentoComponent: "line-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-background_23-2148126580.jpg",
|
||||
imageAlt: "digital globe data connections",
|
||||
},
|
||||
{
|
||||
title: "Instant Integration",
|
||||
description: "Connect your APIs in less than 5 minutes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-delusion-landing-page_23-2148330865.jpg",
|
||||
imageAlt: "minimalist tech icon speed",
|
||||
},
|
||||
{ title: "Global Deployment", description: "Deploy your models across 50+ regions instantly.", bentoComponent: "globe" },
|
||||
{ title: "Performance Analytics", description: "Visualize your model performance in real-time.", bentoComponent: "line-chart" },
|
||||
{ title: "Instant Integration", description: "Connect your APIs in less than 5 minutes.", bentoComponent: "reveal-icon", icon: Zap }
|
||||
]}
|
||||
title="Intelligence Everywhere"
|
||||
description="Engineered for scale, our bento-grid modules offer granular control over your AI deployment."
|
||||
@@ -191,22 +94,11 @@ export default function LandingPage() {
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Enterprise Security",
|
||||
description: "Bank-grade encryption for all data transit.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Latency Optimization",
|
||||
description: "Hyper-optimized inference path for speed.",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
title: "Seamless Integration",
|
||||
description: "Connect to your tech stack with ease.",
|
||||
},
|
||||
{ icon: ShieldCheck, title: "Enterprise Security", description: "Bank-grade encryption for all data transit." },
|
||||
{ icon: Zap, title: "Latency Optimization", description: "Hyper-optimized inference path for speed." },
|
||||
{ icon: Layers, title: "Seamless Integration", description: "Connect to your tech stack with ease." }
|
||||
]}
|
||||
title="Engineered for Performance"
|
||||
description="Sophisticated tools that prioritize security, speed, and developer experience."
|
||||
@@ -219,18 +111,9 @@ export default function LandingPage() {
|
||||
title="Scaling Intelligence"
|
||||
description="NexusAI is dedicated to democratizing complex machine learning architectures. We empower organizations to build, deploy, and scale intelligent applications without the overhead."
|
||||
metrics={[
|
||||
{
|
||||
value: "500M+",
|
||||
title: "Queries Processed",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime Guarantee",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Global Regions",
|
||||
},
|
||||
{ value: "500M+", title: "Queries Processed" },
|
||||
{ value: "99.9%", title: "Uptime Guarantee" },
|
||||
{ value: "50+", title: "Global Regions" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-woman-with-futuristic-digital-data-interface_23-2152029067.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -244,41 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "NexusAI transformed how we handle massive data loads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Aris V.",
|
||||
handle: "@arisv",
|
||||
testimonial: "Unparalleled performance and developer support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "The best platform for scaling ML models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22666.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lena K.",
|
||||
handle: "@lenak",
|
||||
testimonial: "Incredibly seamless integration process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James P.",
|
||||
handle: "@jptech",
|
||||
testimonial: "Scalability is finally solved for our AI team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Chen", handle: "@schen", testimonial: "NexusAI transformed how we handle massive data loads.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg" },
|
||||
{ id: "2", name: "Dr. Aris V.", handle: "@arisv", testimonial: "Unparalleled performance and developer support.", imageSrc: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg" },
|
||||
{ id: "3", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The best platform for scaling ML models.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22666.jpg" },
|
||||
{ id: "4", name: "Lena K.", handle: "@lenak", testimonial: "Incredibly seamless integration process.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg" },
|
||||
{ id: "5", name: "James P.", handle: "@jptech", testimonial: "Scalability is finally solved for our AI team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg" }
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="The foundation of tomorrow's software infrastructure."
|
||||
@@ -291,54 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$199/mo",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"10 API Models",
|
||||
"Standard Support",
|
||||
"Shared Infrastructure",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$499/mo",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"50 API Models",
|
||||
"Priority Support",
|
||||
"Dedicated Resources",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "Custom",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Models",
|
||||
"24/7 Premium Support",
|
||||
"Multi-Region Cluster",
|
||||
],
|
||||
},
|
||||
{ id: "starter", price: "$199/mo", name: "Starter", buttons: [{ text: "Get Started", href: "#" }], features: ["10 API Models", "Standard Support", "Shared Infrastructure"] },
|
||||
{ id: "pro", price: "$499/mo", name: "Professional", buttons: [{ text: "Get Started", href: "#" }], features: ["50 API Models", "Priority Support", "Dedicated Resources"] },
|
||||
{ id: "enterprise", price: "Custom", name: "Enterprise", buttons: [{ text: "Contact Sales", href: "#" }], features: ["Unlimited Models", "24/7 Premium Support", "Multi-Region Cluster"] }
|
||||
]}
|
||||
title="Choose Your Scale"
|
||||
description="Flexible plans designed to grow with your ambition."
|
||||
@@ -350,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does onboarding take?",
|
||||
content: "Onboarding takes less than 5 minutes for our standard API integration.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I upgrade anytime?",
|
||||
content: "Yes, our plans are flexible and you can upgrade at any time via the dashboard.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer private cloud?",
|
||||
content: "Enterprise plans include private cloud deployments tailored to your security requirements.",
|
||||
},
|
||||
{ id: "q1", title: "How long does onboarding take?", content: "Onboarding takes less than 5 minutes for our standard API integration." },
|
||||
{ id: "q2", title: "Can I upgrade anytime?", content: "Yes, our plans are flexible and you can upgrade at any time via the dashboard." },
|
||||
{ id: "q3", title: "Do you offer private cloud?", content: "Enterprise plans include private cloud deployments tailored to your security requirements." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Quick answers to help you get started."
|
||||
@@ -375,18 +171,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to scale?"
|
||||
description="Join thousands of developers and enterprise teams building the future with NexusAI today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Talk to Sales",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Talk to Sales", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -394,57 +183,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="NexusAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Models",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Models", href: "#" }, { label: "Pricing", href: "#" }, { label: "API", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user