Merge version_2 into main #1
199
src/app/page.tsx
199
src/app/page.tsx
@@ -4,9 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "overview",
|
||||
},
|
||||
name: "Overview", id: "overview"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NexusAI"
|
||||
/>
|
||||
@@ -56,35 +48,22 @@ export default function LandingPage() {
|
||||
<div id="overview" data-section="overview">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Next-Gen AI Intelligence Platform"
|
||||
description="Proactive insights and autonomous automation to scale your business into the future."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg",
|
||||
imageAlt: "AI Neural Visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg", imageAlt: "AI Neural Visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-62516.jpg",
|
||||
imageAlt: "Digital Brain",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-62516.jpg", imageAlt: "Digital Brain"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-achieve-objectives_1134-420.jpg",
|
||||
imageAlt: "Interface Data",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-achieve-objectives_1134-420.jpg", imageAlt: "Interface Data"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-cyclist-design_183364-118217.jpg",
|
||||
imageAlt: "AI Neural Visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-cyclist-design_183364-118217.jpg", imageAlt: "AI Neural Visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174331.jpg",
|
||||
imageAlt: "Digital Brain",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174331.jpg", imageAlt: "Digital Brain"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-military-drone-control-headquarters-employing-cctv-radar-footage_482257-89786.jpg",
|
||||
imageAlt: "Interface Data",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-military-drone-control-headquarters-employing-cctv-radar-footage_482257-89786.jpg", imageAlt: "Interface Data"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -98,20 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
id: "m1", value: "99.9%", description: "Uptime Reliability"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500ms",
|
||||
description: "Response Time",
|
||||
},
|
||||
id: "m2", value: "500ms", description: "Response Time"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
description: "Enterprise Clients",
|
||||
},
|
||||
id: "m3", value: "100+", description: "Enterprise Clients"},
|
||||
]}
|
||||
title="Unmatched Scale"
|
||||
description="Empowering global enterprises with scalable infrastructure."
|
||||
@@ -125,19 +95,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Automation",
|
||||
value: "95%",
|
||||
},
|
||||
label: "Automation", value: "95%"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security",
|
||||
value: "ISO",
|
||||
},
|
||||
label: "Security", value: "ISO"},
|
||||
{
|
||||
icon: Database,
|
||||
label: "AI Compute",
|
||||
value: "10TB",
|
||||
},
|
||||
label: "AI Compute", value: "10TB"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,19 +115,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Database,
|
||||
title: "Neural Processing",
|
||||
description: "Hyper-fast inference for real-time decision making.",
|
||||
},
|
||||
title: "Neural Processing", description: "Hyper-fast inference for real-time decision making."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Robust Compliance",
|
||||
description: "Enterprise-grade safety for your sensitive datasets.",
|
||||
},
|
||||
title: "Robust Compliance", description: "Enterprise-grade safety for your sensitive datasets."},
|
||||
{
|
||||
icon: LineChart,
|
||||
title: "Advanced Analytics",
|
||||
description: "Deep insights into performance and optimization.",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Deep insights into performance and optimization."},
|
||||
]}
|
||||
title="Features That Drive Growth"
|
||||
description="Unlock capabilities designed for heavy-duty production workloads."
|
||||
@@ -177,36 +135,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$49",
|
||||
name: "Basic",
|
||||
buttons: [
|
||||
id: "p1", price: "$49", name: "Basic", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Standard support",
|
||||
"5 projects",
|
||||
"Limited API",
|
||||
],
|
||||
"Standard support", "5 projects", "Limited API"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$199",
|
||||
name: "Pro",
|
||||
buttons: [
|
||||
id: "p2", price: "$199", name: "Pro", buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Upgrade Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Priority support",
|
||||
"Unlimited projects",
|
||||
"Full API access",
|
||||
],
|
||||
"Priority support", "Unlimited projects", "Full API access"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing Tiers"
|
||||
@@ -222,25 +164,15 @@ export default function LandingPage() {
|
||||
author="Sarah Chen, CTO"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/jolly-engineer-server-hub-satisfied-by-improved-system-efficiency-metrics_482257-123278.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/jolly-engineer-server-hub-satisfied-by-improved-system-efficiency-metrics_482257-123278.jpg", alt: "Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/employee-using-laptop-device-analyze-datasets_482257-124671.jpg",
|
||||
alt: "Lisa",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/employee-using-laptop-device-analyze-datasets_482257-124671.jpg", alt: "Lisa"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -248,25 +180,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is my data protected?",
|
||||
content: "We use industry-standard encryption and strict access controls.",
|
||||
},
|
||||
id: "q1", title: "How is my data protected?", content: "We use industry-standard encryption and strict access controls."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I integrate with existing tools?",
|
||||
content: "Yes, our API and pre-built connectors support most major platforms.",
|
||||
},
|
||||
id: "q2", title: "Can I integrate with existing tools?", content: "Yes, our API and pre-built connectors support most major platforms."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer a 14-day full feature trial to get you started.",
|
||||
},
|
||||
id: "q3", title: "Is there a free trial?", content: "Yes, we offer a 14-day full feature trial to get you started."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -278,60 +202,25 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to scale your AI operations?"
|
||||
description="Talk to our team about custom implementations and scaling."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@nexus.ai",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:hello@nexus.ai"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Product",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoReveal
|
||||
logoText="NexusAI"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user