Merge version_1 into main #1
296
src/app/page.tsx
296
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#community",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Community", id: "#community" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Support", id: "#faq" }
|
||||
]}
|
||||
brandName="Nexus"
|
||||
/>
|
||||
@@ -54,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Connect in a New Reality"
|
||||
description="Nexus is the world's most immersive social platform, blending deep connection with futuristic digital spaces."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hand-interacting-with-digital-neural-network_23-2152029072.jpg",
|
||||
imageAlt: "Futuristic social interface",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033645.jpg",
|
||||
imageAlt: "Digital connections",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-youtube-cover-template_23-2150842012.jpg",
|
||||
imageAlt: "Modern app design",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-man-with-vr-glasses_23-2148932820.jpg",
|
||||
imageAlt: "Virtual community",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-template_23-2148469253.jpg",
|
||||
imageAlt: "Tech interface",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg",
|
||||
imageAlt: "Global connection",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hand-interacting-with-digital-neural-network_23-2152029072.jpg", imageAlt: "Futuristic social interface" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033645.jpg", imageAlt: "Digital connections" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-youtube-cover-template_23-2150842012.jpg", imageAlt: "Modern app design" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-man-with-vr-glasses_23-2148932820.jpg", imageAlt: "Virtual community" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-collection-template_23-2148469253.jpg", imageAlt: "Tech interface" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-connects-internet-space-communication-sphere-generated-by-ai_188544-30796.jpg", imageAlt: "Global connection" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,25 +62,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Immersive Feeds",
|
||||
description: "Stream content in a fully 3D, responsive digital environment tailored to you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-telegram-paper-airplane-icon_23-2152009925.jpg",
|
||||
imageAlt: "Feed visualization",
|
||||
},
|
||||
{
|
||||
title: "Real-time Sync",
|
||||
description: "Connect instantly with friends worldwide using our high-latency free sync engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-devices-smart-technology-double-color-exposure-effect_53876-104899.jpg",
|
||||
imageAlt: "Video chat sync",
|
||||
},
|
||||
{
|
||||
title: "Smart Insights",
|
||||
description: "Get deep analytics on your impact and engagement with intuitive dashboards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
|
||||
imageAlt: "Data analytics",
|
||||
},
|
||||
{ title: "Immersive Feeds", description: "Stream content in a fully 3D, responsive digital environment tailored to you.", imageSrc: "http://img.b2bpic.net/free-photo/3d-telegram-paper-airplane-icon_23-2152009925.jpg", imageAlt: "Feed visualization" },
|
||||
{ title: "Real-time Sync", description: "Connect instantly with friends worldwide using our high-latency free sync engine.", imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-devices-smart-technology-double-color-exposure-effect_53876-104899.jpg", imageAlt: "Video chat sync" },
|
||||
{ title: "Smart Insights", description: "Get deep analytics on your impact and engagement with intuitive dashboards.", imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Data analytics" }
|
||||
]}
|
||||
title="Built for the Future"
|
||||
description="Experience social media like never before with cutting-edge tools designed for genuine interaction."
|
||||
@@ -134,15 +77,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"GlobalConnect",
|
||||
"DigitalDynamics",
|
||||
"VisionaryLabs",
|
||||
"FutureSystems",
|
||||
"NexusPartners",
|
||||
"QuantumNetwork",
|
||||
]}
|
||||
names={["InnovateTech", "GlobalConnect", "DigitalDynamics", "VisionaryLabs", "FutureSystems", "NexusPartners", "QuantumNetwork"]}
|
||||
title="Join a Growing Ecosystem"
|
||||
description="We are proud to partner with the best in the industry to define the next generation of social."
|
||||
/>
|
||||
@@ -155,21 +90,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
description: "Active Users",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500M+",
|
||||
description: "Daily Interactions",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
description: "Countries Reached",
|
||||
},
|
||||
{ id: "m1", value: "10M+", description: "Active Users" },
|
||||
{ id: "m2", value: "500M+", description: "Daily Interactions" },
|
||||
{ id: "m3", value: "150+", description: "Countries Reached" }
|
||||
]}
|
||||
title="Global Scale"
|
||||
description="Our community is growing faster than any other, with millions of connections made daily."
|
||||
@@ -181,56 +104,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Oct 2024",
|
||||
title: "CEO, InnoSpace",
|
||||
quote: "Nexus has completely redefined how we build community online.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241282.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Nov 2024",
|
||||
title: "Creative Director",
|
||||
quote: "The immersive interface is absolutely breathtaking and intuitive.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Dec 2024",
|
||||
title: "Lead Developer",
|
||||
quote: "Finally, a social platform that puts quality of interaction first.",
|
||||
tag: "Dev",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Jan 2025",
|
||||
title: "Head of Product",
|
||||
quote: "Scaling our network has never been easier thanks to Nexus tools.",
|
||||
tag: "Lead",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia Lee",
|
||||
date: "Feb 2025",
|
||||
title: "Design Lead",
|
||||
quote: "The aesthetics and performance here are world-class.",
|
||||
tag: "Designer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", date: "Oct 2024", title: "CEO, InnoSpace", quote: "Nexus has completely redefined how we build community online.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241282.jpg" },
|
||||
{ id: "2", name: "Michael Chen", date: "Nov 2024", title: "Creative Director", quote: "The immersive interface is absolutely breathtaking and intuitive.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", date: "Dec 2024", title: "Lead Developer", quote: "Finally, a social platform that puts quality of interaction first.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg" },
|
||||
{ id: "4", name: "David Kim", date: "Jan 2025", title: "Head of Product", quote: "Scaling our network has never been easier thanks to Nexus tools.", tag: "Lead", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg" },
|
||||
{ id: "5", name: "Sophia Lee", date: "Feb 2025", title: "Design Lead", quote: "The aesthetics and performance here are world-class.", tag: "Designer", avatarSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg" }
|
||||
]}
|
||||
title="Voices of the Nexus"
|
||||
description="Hear what industry leaders and users have to say about the Nexus experience."
|
||||
@@ -243,54 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Free",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "The perfect starting point for personal discovery.",
|
||||
button: {
|
||||
text: "Start Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Standard feed access",
|
||||
"Basic messaging",
|
||||
"Profile customization",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
price: "$15",
|
||||
period: "/mo",
|
||||
description: "Everything for power creators and professional users.",
|
||||
button: {
|
||||
text: "Upgrade Pro",
|
||||
},
|
||||
featuresTitle: "Includes Basic, plus:",
|
||||
features: [
|
||||
"3D Feed access",
|
||||
"Priority interaction",
|
||||
"Analytics tools",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Enterprise",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "Custom scale and dedicated support for large communities.",
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
featuresTitle: "Includes Pro, plus:",
|
||||
features: [
|
||||
"Custom data API",
|
||||
"Dedicated support",
|
||||
"Advanced metrics",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Free", price: "$0", period: "/mo", description: "The perfect starting point for personal discovery.", button: { text: "Start Now" }, featuresTitle: "Included", features: ["Standard feed access", "Basic messaging", "Profile customization"] },
|
||||
{ id: "pro", tag: "Professional", price: "$15", period: "/mo", description: "Everything for power creators and professional users.", button: { text: "Upgrade Pro" }, featuresTitle: "Includes Basic, plus:", features: ["3D Feed access", "Priority interaction", "Analytics tools"] },
|
||||
{ id: "enterprise", tag: "Enterprise", price: "$49", period: "/mo", description: "Custom scale and dedicated support for large communities.", button: { text: "Contact Sales" }, featuresTitle: "Includes Pro, plus:", features: ["Custom data API", "Dedicated support", "Advanced metrics"] }
|
||||
]}
|
||||
title="Choose Your Nexus Access"
|
||||
description="Premium access for those who want to build, create, and connect at scale."
|
||||
@@ -302,21 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data private?",
|
||||
content: "Nexus utilizes state-of-the-art encryption to ensure your data stays yours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I integrate with other apps?",
|
||||
content: "Yes, our API supports deep integration with major professional software.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I upgrade?",
|
||||
content: "You can upgrade your subscription at any time via your profile settings.",
|
||||
},
|
||||
{ id: "f1", title: "Is my data private?", content: "Nexus utilizes state-of-the-art encryption to ensure your data stays yours." },
|
||||
{ id: "f2", title: "Can I integrate with other apps?", content: "Yes, our API supports deep integration with major professional software." },
|
||||
{ id: "f3", title: "How do I upgrade?", content: "You can upgrade your subscription at any time via your profile settings." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about the Nexus platform."
|
||||
@@ -327,18 +148,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to join the future?"
|
||||
description="Join thousands of creators building on the next generation of social infrastructure."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Now",
|
||||
href: "#hero",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Sign Up Now", href: "#hero" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -347,49 +161,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-visual-effects-magnetic-field_23-2148253595.jpg"
|
||||
logoText="Nexus"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "Pricing", href: "#pricing" }] },
|
||||
{ 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