Merge version_1 into main #2
291
src/app/page.tsx
291
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 { Globe, LayoutDashboard, Settings, Shield, Star, User, Zap } from "lucide-react";
|
||||
import { Cpu, Globe, LayoutDashboard, Settings, Shield, Star, User, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BRAINYX"
|
||||
/>
|
||||
@@ -55,66 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="BRAINYX INTELLIGENCE"
|
||||
description="Unlock the next generation of data processing with Brainyx, our revolutionary platform designed for high-performance scale."
|
||||
dashboard={{
|
||||
title: "System Core",
|
||||
stats: [
|
||||
{
|
||||
title: "Uptime",
|
||||
values: [
|
||||
99,
|
||||
9,
|
||||
9,
|
||||
],
|
||||
description: "Global latency",
|
||||
},
|
||||
{
|
||||
title: "Processed",
|
||||
values: [
|
||||
12,
|
||||
4,
|
||||
8,
|
||||
],
|
||||
description: "TB / Hour",
|
||||
},
|
||||
{
|
||||
title: "Nodes",
|
||||
values: [
|
||||
512,
|
||||
0,
|
||||
0,
|
||||
],
|
||||
description: "Active instances",
|
||||
},
|
||||
title: "System Core", stats: [
|
||||
{ title: "Uptime", values: [99, 9, 9], description: "Global latency" },
|
||||
{ title: "Processed", values: [12, 4, 8], description: "TB / Hour" },
|
||||
{ title: "Nodes", values: [512, 0, 0], description: "Active instances" },
|
||||
],
|
||||
logoIcon: Zap,
|
||||
sidebarItems: [
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
active: true,
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
},
|
||||
{ icon: LayoutDashboard, active: true },
|
||||
{ icon: Settings },
|
||||
],
|
||||
buttons: [],
|
||||
listItems: [
|
||||
{
|
||||
icon: Cpu,
|
||||
title: "Compute Node A-1",
|
||||
status: "Optimized",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Security Protocol",
|
||||
status: "Active",
|
||||
},
|
||||
{ icon: Cpu, title: "Compute Node A-1", status: "Optimized" },
|
||||
{ icon: Shield, title: "Security Protocol", status: "Active" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=1",
|
||||
}}
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,37 +70,19 @@ export default function LandingPage() {
|
||||
<FeatureBento
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Quantum Compute",
|
||||
description: "Super-fast processing power.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=2",
|
||||
imageAlt: "tech dashboard software interface dark",
|
||||
},
|
||||
title: "Quantum Compute", description: "Super-fast processing power.", bentoComponent: "globe"},
|
||||
{
|
||||
title: "AI Exchange",
|
||||
description: "Direct communication layers.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Star,
|
||||
title: "AI Exchange", description: "Direct communication layers.", bentoComponent: "chat", aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Optimize load",
|
||||
aiResponse: "Load optimized to 12%.",
|
||||
},
|
||||
{ userMessage: "Optimize load", aiResponse: "Load optimized to 12%." },
|
||||
],
|
||||
placeholder: "Ask...",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=3",
|
||||
imageAlt: "tech dashboard software interface dark",
|
||||
},
|
||||
placeholder: "Ask..."},
|
||||
{
|
||||
title: "Data Insights",
|
||||
description: "Real-time metrics tracking.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=4",
|
||||
imageAlt: "tech dashboard software interface dark",
|
||||
},
|
||||
title: "Data Insights", description: "Real-time metrics tracking.", bentoComponent: "animated-bar-chart"},
|
||||
]}
|
||||
title="BENTO CORE ENGINE"
|
||||
description="Experience modular intelligence with Brainyx."
|
||||
@@ -165,21 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Security First",
|
||||
description: "Defense-in-depth architecture.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Edge",
|
||||
description: "Deploy closer to your users.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Deploy",
|
||||
description: "Ship code in milliseconds.",
|
||||
},
|
||||
{ icon: Shield, title: "Security First", description: "Defense-in-depth architecture." },
|
||||
{ icon: Globe, title: "Global Edge", description: "Deploy closer to your users." },
|
||||
{ icon: Zap, title: "Rapid Deploy", description: "Ship code in milliseconds." },
|
||||
]}
|
||||
title="ADVANCED CAPABILITIES"
|
||||
description="Comprehensive tools built for scale."
|
||||
@@ -192,18 +110,12 @@ export default function LandingPage() {
|
||||
title="OUR ARCHITECTURE"
|
||||
description="Brainyx is built on a foundation of robust, scalable infrastructure designed for modern enterprise requirements."
|
||||
metrics={[
|
||||
{
|
||||
value: "100M+",
|
||||
title: "Queries Daily",
|
||||
},
|
||||
{
|
||||
value: "99.99%",
|
||||
title: "Uptime Guarantee",
|
||||
},
|
||||
{ value: "100M+", title: "Queries Daily" },
|
||||
{ value: "99.99%", title: "Uptime Guarantee" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,41 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarah",
|
||||
testimonial: "Brainyx is the gold standard for high-scale processing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@jd",
|
||||
testimonial: "The performance gains were immediate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Smith",
|
||||
handle: "@es",
|
||||
testimonial: "Unparalleled security features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mw",
|
||||
testimonial: "Finally, a platform that scales with us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
handle: "@arivera",
|
||||
testimonial: "The API integration was flawless and saved us months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg?_wi=10",
|
||||
},
|
||||
{ id: "1", name: "Sarah Chen", handle: "@sarah", testimonial: "Brainyx is the gold standard for high-scale processing.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "@jd", testimonial: "The performance gains were immediate.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg" },
|
||||
{ id: "3", name: "Emma Smith", handle: "@es", testimonial: "Unparalleled security features.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg" },
|
||||
{ id: "4", name: "Mark Wilson", handle: "@mw", testimonial: "Finally, a platform that scales with us.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg" },
|
||||
{ id: "5", name: "Alex Rivera", handle: "@arivera", testimonial: "The API integration was flawless and saved us months.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page-template_23-2148358999.jpg" },
|
||||
]}
|
||||
title="ENTERPRISE PROOF"
|
||||
description="Join global brands trusting Brainyx."
|
||||
@@ -260,53 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$499",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Core features",
|
||||
"1 node",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$999",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Pro features",
|
||||
"5 nodes",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$2999",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited access",
|
||||
"Infinite nodes",
|
||||
"Dedicated support",
|
||||
],
|
||||
},
|
||||
{ id: "starter", price: "$499", name: "Starter", buttons: [{ text: "Get Started", href: "#" }], features: ["Core features", "1 node"] },
|
||||
{ id: "pro", price: "$999", name: "Professional", buttons: [{ text: "Go Pro", href: "#" }], features: ["Pro features", "5 nodes", "Priority support"] },
|
||||
{ id: "enterprise", price: "$2999", name: "Enterprise", buttons: [{ text: "Contact Sales", href: "#" }], features: ["Unlimited access", "Infinite nodes", "Dedicated support"] },
|
||||
]}
|
||||
title="PRICING PLANS"
|
||||
description="Scalable tiers to match your growth."
|
||||
@@ -318,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is Brainyx scalable?",
|
||||
content: "Yes, completely elastic infrastructure.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you support cloud?",
|
||||
content: "We support AWS, Azure, and GCP.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What about security?",
|
||||
content: "We are ISO27001 certified.",
|
||||
},
|
||||
{ id: "1", title: "Is Brainyx scalable?", content: "Yes, completely elastic infrastructure." },
|
||||
{ id: "2", title: "Do you support cloud?", content: "We support AWS, Azure, and GCP." },
|
||||
{ id: "3", title: "What about security?", content: "We are ISO27001 certified." },
|
||||
]}
|
||||
title="FREQUENTLY ASKED"
|
||||
description="Common questions about Brainyx."
|
||||
@@ -343,18 +169,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="READY TO SCALE?"
|
||||
description="Start your Brainyx journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -362,32 +181,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="BRAINYX"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Docs", href: "#" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user