Merge version_1 into main #2
340
src/app/page.tsx
340
src/app/page.tsx
@@ -33,99 +33,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nexia"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
}}
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build the future of digital growth."
|
||||
description="Unlock unprecedented insights with our next-generation analytics platform. Designed for high-end startups, Nexia streamlines your operations through pure, high-performance innovation."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
{
|
||||
value: "5x",
|
||||
label: "Growth",
|
||||
},
|
||||
{
|
||||
value: "1.2ms",
|
||||
label: "Latency",
|
||||
},
|
||||
{ value: "99.9%", label: "Uptime" },
|
||||
{ value: "5x", label: "Growth" },
|
||||
{ value: "1.2ms", label: "Latency" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8909.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8909.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-giving-thumbs-up_114579-77766.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-giving-thumbs-up_114579-77766.jpg", alt: "David" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time AI Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Compliance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Deployment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Security Ops",
|
||||
},
|
||||
{ type: "text", text: "Scalable Infrastructure" },
|
||||
{ type: "text", text: "Real-time AI Analytics" },
|
||||
{ type: "text", text: "Global Compliance" },
|
||||
{ type: "text", text: "Automated Deployment" },
|
||||
{ type: "text", text: "24/7 Security Ops" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,27 +81,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "450M",
|
||||
title: "Data Processed",
|
||||
description: "Daily volume",
|
||||
icon: Database,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k",
|
||||
title: "Active Projects",
|
||||
description: "Global deployment",
|
||||
icon: Layers,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Access",
|
||||
description: "Premium experts",
|
||||
icon: Headphones,
|
||||
},
|
||||
{ id: "m1", value: "450M", title: "Data Processed", description: "Daily volume", icon: Database },
|
||||
{ id: "m2", value: "12k", title: "Active Projects", description: "Global deployment", icon: Layers },
|
||||
{ id: "m3", value: "24/7", title: "Support Access", description: "Premium experts", icon: Headphones },
|
||||
]}
|
||||
title="Performance at scale"
|
||||
description="Our architecture provides the backbone you need to scale effortlessly."
|
||||
@@ -168,30 +94,16 @@ export default function LandingPage() {
|
||||
<FeatureBento
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Real-time analytics",
|
||||
description: "Instant data processing at your fingertips.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",
|
||||
imageAlt: "3D render of a modern particle flow background with cyber dots",
|
||||
title: "Real-time analytics", description: "Instant data processing at your fingertips.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Automated scaling",
|
||||
description: "Resources optimized without intervention.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ArrowUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8909.jpg?_wi=2",
|
||||
imageAlt: "3D render of a modern particle flow background with cyber dots",
|
||||
title: "Automated scaling", description: "Resources optimized without intervention.", bentoComponent: "reveal-icon", icon: ArrowUp,
|
||||
},
|
||||
{
|
||||
title: "Global security",
|
||||
description: "Enterprise-grade protection by default.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1",
|
||||
imageAlt: "3D render of a modern particle flow background with cyber dots",
|
||||
title: "Global security", description: "Enterprise-grade protection by default.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Features that redefine efficiency"
|
||||
@@ -206,42 +118,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Data Core",
|
||||
price: "$199/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai_188544-27026.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "AI Insights",
|
||||
price: "$299/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-book-with-lit-lightbulb-top_1232-533.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Flow Engine",
|
||||
price: "$399/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-time-reminder-alarm-countdown-graphic_53876-128050.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Guard Suite",
|
||||
price: "$499/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scam-virus-spyware-malware-antivirus-concept_53876-125396.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cloud Hub",
|
||||
price: "$599/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-abstract-background-oil-bubble-texture-wallpaper_53876-142982.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Global Sync",
|
||||
price: "$699/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_52683-28231.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Data Core", price: "$199/mo", imageSrc: "http://img.b2bpic.net/free-photo/glowing-finger-controls-modern-nightlife-technology-table-generated-by-ai_188544-27026.jpg" },
|
||||
{ id: "p2", name: "AI Insights", price: "$299/mo", imageSrc: "http://img.b2bpic.net/free-photo/blank-book-with-lit-lightbulb-top_1232-533.jpg" },
|
||||
{ id: "p3", name: "Flow Engine", price: "$399/mo", imageSrc: "http://img.b2bpic.net/free-photo/clock-time-reminder-alarm-countdown-graphic_53876-128050.jpg" },
|
||||
{ id: "p4", name: "Guard Suite", price: "$499/mo", imageSrc: "http://img.b2bpic.net/free-photo/scam-virus-spyware-malware-antivirus-concept_53876-125396.jpg" },
|
||||
{ id: "p5", name: "Cloud Hub", price: "$599/mo", imageSrc: "http://img.b2bpic.net/free-photo/purple-abstract-background-oil-bubble-texture-wallpaper_53876-142982.jpg" },
|
||||
{ id: "p6", name: "Global Sync", price: "$699/mo", imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_52683-28231.jpg" },
|
||||
]}
|
||||
title="Core product modules"
|
||||
description="Customize your stack with specialized tools."
|
||||
@@ -253,14 +135,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateX",
|
||||
"GlobalTech",
|
||||
"DataFlow",
|
||||
"CloudRise",
|
||||
"Apex Systems",
|
||||
"Streamline Co",
|
||||
"Vista Solutions",
|
||||
]}
|
||||
"InnovateX", "GlobalTech", "DataFlow", "CloudRise", "Apex Systems", "Streamline Co", "Vista Solutions"]}
|
||||
title="Trusted by industry leaders"
|
||||
description="Innovation powered by these amazing companies."
|
||||
/>
|
||||
@@ -271,46 +146,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible",
|
||||
quote: "Nexia changed our workflow.",
|
||||
name: "Sarah",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fast",
|
||||
quote: "Speed is unmatched.",
|
||||
name: "Mark",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-showing-thumbs-up_1262-20921.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Efficient",
|
||||
quote: "We cut costs in half.",
|
||||
name: "Elena",
|
||||
role: "VP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Scalable",
|
||||
quote: "Growth became seamless.",
|
||||
name: "John",
|
||||
role: "COO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Essential",
|
||||
quote: "Cannot operate without it.",
|
||||
name: "David",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-white-background-business-job_185193-110285.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Incredible", quote: "Nexia changed our workflow.", name: "Sarah", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ id: "t2", title: "Fast", quote: "Speed is unmatched.", name: "Mark", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-showing-thumbs-up_1262-20921.jpg" },
|
||||
{ id: "t3", title: "Efficient", quote: "We cut costs in half.", name: "Elena", role: "VP", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "t4", title: "Scalable", quote: "Growth became seamless.", name: "John", role: "COO", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg" },
|
||||
{ id: "t5", title: "Essential", quote: "Cannot operate without it.", name: "David", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-white-background-business-job_185193-110285.jpg" },
|
||||
]}
|
||||
title="What our clients say"
|
||||
description="Proven success for modern enterprises."
|
||||
@@ -321,49 +161,11 @@ export default function LandingPage() {
|
||||
<PricingCardThree
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
plans={[
|
||||
{
|
||||
id: "plan-basic",
|
||||
price: "$49",
|
||||
name: "Basic",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Feature 1",
|
||||
"Feature 2",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-pro",
|
||||
price: "$149",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All basic",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-ent",
|
||||
price: "$499",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Dedicated access",
|
||||
"Custom scaling",
|
||||
],
|
||||
},
|
||||
{ id: "plan-basic", price: "$49", name: "Basic", buttons: [{ text: "Start" }], features: ["Feature 1", "Feature 2"] },
|
||||
{ id: "plan-pro", price: "$149", name: "Professional", buttons: [{ text: "Upgrade" }], features: ["All basic", "Priority support"] },
|
||||
{ id: "plan-ent", price: "$499", name: "Enterprise", buttons: [{ text: "Contact" }], features: ["Dedicated access", "Custom scaling"] },
|
||||
]}
|
||||
title="Transparent pricing"
|
||||
description="Choose a plan designed for your growth."
|
||||
@@ -375,21 +177,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Security?",
|
||||
content: "Military-grade encryption.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Support?",
|
||||
content: "24/7 dedicated support.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Customization?",
|
||||
content: "Extensive API access.",
|
||||
},
|
||||
{ id: "f1", title: "Security?", content: "Military-grade encryption." },
|
||||
{ id: "f2", title: "Support?", content: "24/7 dedicated support." },
|
||||
{ id: "f3", title: "Customization?", content: "Extensive API access." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our platform."
|
||||
@@ -403,16 +193,8 @@ export default function LandingPage() {
|
||||
title="Get in touch"
|
||||
description="Let's discuss your next project."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop_23-2149013877.jpg"
|
||||
/>
|
||||
@@ -421,30 +203,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Nexia"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user