Merge version_2 into main #2
117
src/app/page.tsx
117
src/app/page.tsx
@@ -31,12 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Community", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Nexus"
|
||||
/>
|
||||
@@ -44,15 +41,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="NEXUS"
|
||||
description="The premium destination for the modern professional. Connect, create, and collaborate in an exclusive digital ecosystem designed for impact."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Nexus", href: "#contact"},
|
||||
{
|
||||
text: "Explore Features", href: "#features"},
|
||||
{ text: "Join Nexus", href: "#contact" },
|
||||
{ text: "Explore Features", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg"
|
||||
@@ -66,18 +60,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Private Networking", description: "End-to-end encrypted messaging and private boards.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-holding-cloud-network-security-symbols_53876-65657.jpg", imageAlt: "Security Icon"},
|
||||
{
|
||||
title: "Creative Studio Access", description: "High-fidelity content creation and distribution tools.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-elements_23-2149443282.jpg", imageAlt: "Creativity Icon"},
|
||||
{
|
||||
title: "Global Community Growth", description: "Connect with industry leaders across the globe.", buttonIcon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-art-urban-skyline-atom_1127-2399.jpg", imageAlt: "Growth Icon"},
|
||||
{
|
||||
title: "Advanced Intelligence", description: "AI-powered feeds that surface relevant insights.", buttonIcon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inserting-card-cash-machine_1339-3022.jpg", imageAlt: "AI Icon"},
|
||||
{ title: "Secure Private Networking", description: "End-to-end encrypted messaging and private boards.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/people-holding-cloud-network-security-symbols_53876-65657.jpg", imageAlt: "Security Icon" },
|
||||
{ title: "Creative Studio Access", description: "High-fidelity content creation and distribution tools.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-elements_23-2149443282.jpg", imageAlt: "Creativity Icon" },
|
||||
{ title: "Global Community Growth", description: "Connect with industry leaders across the globe.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/modern-art-urban-skyline-atom_1127-2399.jpg", imageAlt: "Growth Icon" },
|
||||
{ title: "Advanced Intelligence", description: "AI-powered feeds that surface relevant insights.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/inserting-card-cash-machine_1339-3022.jpg", imageAlt: "AI Icon" },
|
||||
]}
|
||||
title="Built for Impact"
|
||||
description="Experience a curated social ecosystem optimized for professional growth and meaningful interactions."
|
||||
@@ -91,18 +77,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "50K+", title: "Active Professionals", description: "Growing daily", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "99%", title: "Engagement Rate", description: "Industry leading", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "120+", title: "Countries", description: "Global reach", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m4", value: "24/7", title: "Live Support", description: "Always there", icon: Headphones,
|
||||
},
|
||||
{ id: "m1", value: "50K+", title: "Active Professionals", description: "Growing daily", icon: Users },
|
||||
{ id: "m2", value: "99%", title: "Engagement Rate", description: "Industry leading", icon: Zap },
|
||||
{ id: "m3", value: "120+", title: "Countries", description: "Global reach", icon: Globe },
|
||||
{ id: "m4", value: "24/7", title: "Live Support", description: "Always there", icon: Headphones },
|
||||
]}
|
||||
title="Scale Your Influence"
|
||||
description="Drive meaningful engagement with tools engineered for success."
|
||||
@@ -113,8 +91,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"NexusCorp", "InnovateX", "GlobalFlow", "VisionLabs", "ApexSystems", "BlueOrb", "DataStream"]}
|
||||
names={["NexusCorp", "InnovateX", "GlobalFlow", "VisionLabs", "ApexSystems", "BlueOrb", "DataStream"]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Join the elite cohort of leaders shaping the future of digital engagement."
|
||||
/>
|
||||
@@ -127,21 +104,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Elena Vance", role: "Creative Director", company: "Vance Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg"},
|
||||
{
|
||||
id: "2", name: "Marcus Thorne", role: "Founder", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg"},
|
||||
{
|
||||
id: "3", name: "Sarah Jenkins", role: "Lead Developer", company: "Innovate.io", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
|
||||
{
|
||||
id: "4", name: "David Wu", role: "Strategist", company: "GrowthKey", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg"},
|
||||
{
|
||||
id: "5", name: "Chloe Dupont", role: "Marketing Lead", company: "BrandForge", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pencil-posing_171337-15540.jpg"},
|
||||
{ id: "1", name: "Elena Vance", role: "Creative Director", company: "Vance Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-1886.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", role: "Founder", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg" },
|
||||
{ id: "3", name: "Sarah Jenkins", role: "Lead Developer", company: "Innovate.io", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
|
||||
{ id: "4", name: "David Wu", role: "Strategist", company: "GrowthKey", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg" },
|
||||
{ id: "5", name: "Chloe Dupont", role: "Marketing Lead", company: "BrandForge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pencil-posing_171337-15540.jpg" },
|
||||
]}
|
||||
title="Stories from Nexus"
|
||||
description="Voices from our community on why Nexus is their primary digital home."
|
||||
@@ -153,14 +120,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Is Nexus free to join?", content: "Nexus offers a free tier, with premium features available for power users."},
|
||||
{
|
||||
id: "f2", title: "Can I import my data?", content: "Yes, seamless integration with major platforms is supported."},
|
||||
{
|
||||
id: "f3", title: "Is my data private?", content: "We prioritize user privacy and use advanced encryption protocols."},
|
||||
{
|
||||
id: "f4", title: "What makes Nexus unique?", content: "Our exclusive community and high-fidelity content tools set us apart."},
|
||||
{ id: "f1", title: "Is Nexus free to join?", content: "Nexus offers a free tier, with premium features available for power users." },
|
||||
{ id: "f2", title: "Can I import my data?", content: "Yes, seamless integration with major platforms is supported." },
|
||||
{ id: "f3", title: "Is my data private?", content: "We prioritize user privacy and use advanced encryption protocols." },
|
||||
{ id: "f4", title: "What makes Nexus unique?", content: "Our exclusive community and high-fidelity content tools set us apart." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Clear answers to help you navigate your journey with Nexus."
|
||||
@@ -171,8 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Access"
|
||||
title="Start Your Nexus Journey"
|
||||
description="Secure your invitation to our exclusive platform today."
|
||||
@@ -184,34 +146,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-green-background-from-brilliant-mosaic-pattern-generative-ai_169016-30202.jpg"
|
||||
logoText="NEXUS"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user