Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -32,92 +32,37 @@ 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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Innovate2026"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Empowering Innovation in 2026"
|
||||
description="The ultimate technology platform designed for scale, speed, and precision. Elevate your business intelligence."
|
||||
dashboard={{
|
||||
title: "Global Tech Operations",
|
||||
stats: [
|
||||
{
|
||||
title: "Processing Power",
|
||||
values: [
|
||||
98,
|
||||
5,
|
||||
2,
|
||||
],
|
||||
description: "Giga-scale operations",
|
||||
},
|
||||
{
|
||||
title: "Network Latency",
|
||||
values: [
|
||||
12,
|
||||
0,
|
||||
1,
|
||||
],
|
||||
description: "Millisecond precision",
|
||||
},
|
||||
{
|
||||
title: "AI Accuracy",
|
||||
values: [
|
||||
99,
|
||||
9,
|
||||
1,
|
||||
],
|
||||
description: "Machine-learning driven",
|
||||
},
|
||||
title: "Global Tech Operations", stats: [
|
||||
{ title: "Processing Power", values: [98, 5, 2], description: "Giga-scale operations" },
|
||||
{ title: "Network Latency", values: [12, 0, 1], description: "Millisecond precision" },
|
||||
{ title: "AI Accuracy", values: [99, 9, 1], description: "Machine-learning driven" },
|
||||
],
|
||||
logoIcon: Zap,
|
||||
sidebarItems: [
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
active: true,
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
},
|
||||
{
|
||||
icon: User,
|
||||
},
|
||||
{ icon: LayoutDashboard, active: true },
|
||||
{ icon: Settings },
|
||||
{ icon: User },
|
||||
],
|
||||
listItems: [
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Security Protocol",
|
||||
status: "Active",
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
title: "Cloud Storage",
|
||||
status: "Ready",
|
||||
},
|
||||
{ icon: Shield, title: "Security Protocol", status: "Active" },
|
||||
{ icon: Database, title: "Cloud Storage", status: "Ready" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_23-2148375184.jpg?_wi=1",
|
||||
}}
|
||||
buttons: [{ text: "Get Started", href: "#" }],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_23-2148375184.jpg"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,30 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Neural Analytics",
|
||||
description: "Predictive insights powered by proprietary AI.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_23-2148375184.jpg?_wi=2",
|
||||
imageAlt: "futuristic dashboard interface",
|
||||
},
|
||||
{
|
||||
title: "Global Cloud Sync",
|
||||
description: "Real-time synchronization across all data regions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-banners-template-with-glitch-effect_23-2148334010.jpg",
|
||||
imageAlt: "AI artificial intelligence icon",
|
||||
},
|
||||
{
|
||||
title: "Quantum Security",
|
||||
description: "Next-gen encryption protecting your digital assets.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/download-upload-web-sign-cloud-computing_1017-62702.jpg",
|
||||
imageAlt: "cloud computing network icon",
|
||||
},
|
||||
{ title: "Neural Analytics", description: "Predictive insights powered by proprietary AI.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Global Cloud Sync", description: "Real-time synchronization across all data regions.", bentoComponent: "reveal-icon", icon: Globe },
|
||||
{ title: "Quantum Security", description: "Next-gen encryption protecting your digital assets.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
]}
|
||||
title="Built for the Future"
|
||||
description="Advanced tools to streamline your development and management lifecycle."
|
||||
@@ -159,24 +83,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Deployment",
|
||||
description: "Deploy infrastructure in seconds, not hours.",
|
||||
icon: Rocket,
|
||||
},
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Elastic architecture that grows with you.",
|
||||
icon: Layers,
|
||||
},
|
||||
{
|
||||
title: "Intelligent Automation",
|
||||
description: "Automate complex workflows without code.",
|
||||
icon: Star,
|
||||
},
|
||||
{ title: "Rapid Deployment", description: "Deploy infrastructure in seconds, not hours.", icon: Rocket },
|
||||
{ title: "Scalable Infrastructure", description: "Elastic architecture that grows with you.", icon: Layers },
|
||||
{ title: "Intelligent Automation", description: "Automate complex workflows without code.", icon: Star },
|
||||
]}
|
||||
title="Advanced Capabilities"
|
||||
description="Comprehensive suite for enterprise digital transformation."
|
||||
@@ -189,22 +102,13 @@ export default function LandingPage() {
|
||||
title="Redefining Tech Excellence"
|
||||
description="Our mission is to democratize advanced technology, making enterprise power accessible to every innovator."
|
||||
metrics={[
|
||||
{
|
||||
value: "200+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
title: "Active Users",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "System Uptime",
|
||||
},
|
||||
{ value: "200+", title: "Projects Completed" },
|
||||
{ value: "15k+", title: "Active Users" },
|
||||
{ value: "99.9%", title: "System Uptime" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_23-2148375184.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/dashboard-infographic-element-collection_23-2148375184.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -214,41 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alice_innovates",
|
||||
testimonial: "The precision of this platform is unmatched in the industry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
handle: "@dchen_dev",
|
||||
testimonial: "Simplified our entire workflow in just under three months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-arms-crossed-pose_23-2148666439.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_tech",
|
||||
testimonial: "Scaling our infrastructure was painless thanks to these tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-digital-tablet_107420-65743.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne_design",
|
||||
testimonial: "A complete game changer for our enterprise operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-using-phone-videocall_482257-115110.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller_eng",
|
||||
testimonial: "The most intuitive platform for enterprise-scale management I've used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", handle: "@alice_innovates", testimonial: "The precision of this platform is unmatched in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg" },
|
||||
{ id: "2", name: "David Chen", handle: "@dchen_dev", testimonial: "Simplified our entire workflow in just under three months.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-arms-crossed-pose_23-2148666439.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", handle: "@elena_tech", testimonial: "Scaling our infrastructure was painless thanks to these tools.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-digital-tablet_107420-65743.jpg" },
|
||||
{ id: "4", name: "Marcus Thorne", handle: "@mthorne_design", testimonial: "A complete game changer for our enterprise operations.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-using-phone-videocall_482257-115110.jpg" },
|
||||
{ id: "5", name: "Sarah Miller", handle: "@smiller_eng", testimonial: "The most intuitive platform for enterprise-scale management I've used.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg" },
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Hear from industry leaders who are building the future."
|
||||
@@ -262,52 +136,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "start",
|
||||
name: "Starter",
|
||||
price: "$49",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Basic AI Access",
|
||||
"5 Projects",
|
||||
"Email Support",
|
||||
],
|
||||
id: "start", name: "Starter", price: "$49", buttons: [{ text: "Get Started", href: "#" }],
|
||||
features: ["Basic AI Access", "5 Projects", "Email Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Professional",
|
||||
price: "$199",
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full AI Suite",
|
||||
"50 Projects",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", name: "Professional", price: "$199", buttons: [{ text: "Go Pro", href: "#" }],
|
||||
features: ["Full AI Suite", "50 Projects", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
name: "Enterprise",
|
||||
price: "Custom",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Projects",
|
||||
"Dedicated Account Manager",
|
||||
"SLA Guarantee",
|
||||
],
|
||||
id: "ent", name: "Enterprise", price: "Custom", buttons: [{ text: "Contact Sales", href: "#" }],
|
||||
features: ["Unlimited Projects", "Dedicated Account Manager", "SLA Guarantee"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -320,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start?",
|
||||
content: "Sign up and create your first workspace.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is integration simple?",
|
||||
content: "Our API handles integration in minutes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer support?",
|
||||
content: "We offer 24/7 priority support for all plans.",
|
||||
},
|
||||
{ id: "f1", title: "How do I start?", content: "Sign up and create your first workspace." },
|
||||
{ id: "f2", title: "Is integration simple?", content: "Our API handles integration in minutes." },
|
||||
{ id: "f3", title: "Do you offer support?", content: "We offer 24/7 priority support for all plans." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -345,18 +171,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Schedule a demo with our experts today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -365,29 +184,15 @@ export default function LandingPage() {
|
||||
logoText="Innovate2026"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -396,4 +201,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user