Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -32,78 +32,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Insights", id: "blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Nexus"
|
||||
button={{
|
||||
text: "Join Waitlist",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Join Waitlist", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Future of Connection."
|
||||
description="Experience an exclusive, premium networking ecosystem designed for visionaries, leaders, and creators."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg",
|
||||
imageAlt: "Abstract connectivity",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg", imageAlt: "Abstract connectivity"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traveller-browsing-tablet-lobby_482257-76754.jpg",
|
||||
imageAlt: "Premium socializing",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/traveller-browsing-tablet-lobby_482257-76754.jpg", imageAlt: "Premium socializing"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-happy-new-year-close-up_169016-43483.jpg",
|
||||
imageAlt: "Nexus App interface",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-happy-new-year-close-up_169016-43483.jpg", imageAlt: "Nexus App interface"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg",
|
||||
imageAlt: "Global connection",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg", imageAlt: "Global connection"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg",
|
||||
imageAlt: "Collaboration interface",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg", imageAlt: "Collaboration interface"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-elegant-businesman-sunglasses-is-sitting-cafe-outside-while-chatting-mobile-phone_613910-20835.jpg",
|
||||
imageAlt: "Membership circle",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/attractive-elegant-businesman-sunglasses-is-sitting-cafe-outside-while-chatting-mobile-phone_613910-20835.jpg", imageAlt: "Membership circle"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,34 +92,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Security",
|
||||
title: "Verified Profiles",
|
||||
items: [
|
||||
"End-to-end encryption",
|
||||
"Identity verification",
|
||||
"Secure communication",
|
||||
],
|
||||
id: "f1", label: "Security", title: "Verified Profiles", items: [
|
||||
"End-to-end encryption", "Identity verification", "Secure communication"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Growth",
|
||||
title: "Curated Insights",
|
||||
items: [
|
||||
"Real-time trend analysis",
|
||||
"Personalized recommendations",
|
||||
"Industry reports",
|
||||
],
|
||||
id: "f2", label: "Growth", title: "Curated Insights", items: [
|
||||
"Real-time trend analysis", "Personalized recommendations", "Industry reports"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Community",
|
||||
title: "Exclusive Forums",
|
||||
items: [
|
||||
"Private discussion circles",
|
||||
"Elite mastermind groups",
|
||||
"Global summits",
|
||||
],
|
||||
id: "f3", label: "Community", title: "Exclusive Forums", items: [
|
||||
"Private discussion circles", "Elite mastermind groups", "Global summits"],
|
||||
},
|
||||
]}
|
||||
title="Designed for Excellence"
|
||||
@@ -162,30 +111,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150K+",
|
||||
title: "Members",
|
||||
description: "Global visionaries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20802.jpg",
|
||||
},
|
||||
id: "m1", value: "150K+", title: "Members", description: "Global visionaries.", imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20802.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Satisfaction",
|
||||
description: "Of verified users.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
|
||||
},
|
||||
id: "m2", value: "99.9%", title: "Satisfaction", description: "Of verified users.", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Partnerships",
|
||||
description: "Global brands onboard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg",
|
||||
},
|
||||
id: "m3", value: "500+", title: "Partnerships", description: "Global brands onboard.", imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg"},
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="Our community is growing rapidly across the globe."
|
||||
@@ -197,30 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexandra V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
|
||||
},
|
||||
id: "1", name: "Alexandra V.", imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-woman-transparent-eye-bondage_23-2147695043.jpg",
|
||||
},
|
||||
id: "3", name: "Elena K.", imageSrc: "http://img.b2bpic.net/free-photo/mysterious-woman-transparent-eye-bondage_23-2147695043.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
id: "4", name: "Julian D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg",
|
||||
},
|
||||
id: "5", name: "Sophie L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg"},
|
||||
]}
|
||||
cardTitle="Member Perspectives"
|
||||
cardTag="Testimonials"
|
||||
@@ -234,20 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is Nexus free to join?",
|
||||
content: "Nexus is an invite-only premium social networking platform.",
|
||||
},
|
||||
id: "q1", title: "Is Nexus free to join?", content: "Nexus is an invite-only premium social networking platform."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How are members verified?",
|
||||
content: "We use multi-factor identity verification to ensure professional authenticity.",
|
||||
},
|
||||
id: "q2", title: "How are members verified?", content: "We use multi-factor identity verification to ensure professional authenticity."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What makes Nexus different?",
|
||||
content: "Our exclusive community and data-driven insights offer unparalleled value.",
|
||||
},
|
||||
id: "q3", title: "What makes Nexus different?", content: "Our exclusive community and data-driven insights offer unparalleled value."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-social-media-icons_1048-8398.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -266,35 +177,11 @@ export default function LandingPage() {
|
||||
description="Keep up with the future of premium networking."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Growth",
|
||||
title: "Modern Networking Strategies",
|
||||
excerpt: "How to scale your professional footprint effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-cover_23-2148300493.jpg",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
id: "b1", category: "Growth", title: "Modern Networking Strategies", excerpt: "How to scale your professional footprint effectively.", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-cover_23-2148300493.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Oct 12, 2023"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Technology",
|
||||
title: "AI in Digital Communities",
|
||||
excerpt: "The future of community-driven platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-photo-camera_23-2149893849.jpg",
|
||||
authorName: "John Smith",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",
|
||||
date: "Oct 15, 2023",
|
||||
},
|
||||
id: "b2", category: "Technology", title: "AI in Digital Communities", excerpt: "The future of community-driven platforms.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-photo-camera_23-2149893849.jpg", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg", date: "Oct 15, 2023"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Business",
|
||||
title: "Networking Masterclass",
|
||||
excerpt: "Developing elite mastermind groups.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg",
|
||||
authorName: "Sarah Jones",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/digital-art-style-portrait-adult-woman_23-2151122585.jpg",
|
||||
date: "Oct 20, 2023",
|
||||
},
|
||||
id: "b3", category: "Business", title: "Networking Masterclass", excerpt: "Developing elite mastermind groups.", imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg", authorName: "Sarah Jones", authorAvatar: "http://img.b2bpic.net/free-photo/digital-art-style-portrait-adult-woman_23-2151122585.jpg", date: "Oct 20, 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,22 +193,14 @@ export default function LandingPage() {
|
||||
description="Apply for access to the Nexus elite network."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "bio",
|
||||
placeholder: "Tell us about your professional background...",
|
||||
rows: 4,
|
||||
name: "bio", placeholder: "Tell us about your professional background...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-advisor-conducting-financial-planning-goal-setting-with-mockup_482257-123582.jpg"
|
||||
/>
|
||||
@@ -333,33 +212,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user