Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1776c7de4f | |||
| c2b1782e25 |
243
src/app/page.tsx
243
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Blog", id: "blog"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="ConnectHub"
|
||||
/>
|
||||
@@ -56,55 +48,34 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Welcome to ConnectHub"
|
||||
description="The next generation of global connection. Experience a social platform built for meaningful interactions and real community growth."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg?_wi=1"
|
||||
imageAlt="Global networking community visualization"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",
|
||||
alt: "Portrait of young professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg", alt: "Portrait of young professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
alt: "Portrait of smiling executive",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg", alt: "Portrait of smiling executive"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-with-white-blouse_23-2148854425.jpg",
|
||||
alt: "Portrait of team member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-with-white-blouse_23-2148854425.jpg", alt: "Portrait of team member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-unknown-young-man-posing_23-2149417573.jpg",
|
||||
alt: "Portrait of creative director",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-unknown-young-man-posing_23-2149417573.jpg", alt: "Portrait of creative director"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2843.jpg",
|
||||
alt: "Portrait of community lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2843.jpg", alt: "Portrait of community lead"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
type: "text", text: "Global Reach"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Messaging",
|
||||
},
|
||||
type: "text", text: "Secure Messaging"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Powered",
|
||||
},
|
||||
type: "text", text: "Community Powered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Privacy First",
|
||||
},
|
||||
type: "text", text: "Privacy First"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Growth",
|
||||
},
|
||||
type: "text", text: "Real-time Growth"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,32 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Real-time Messaging",
|
||||
tags: [
|
||||
"Communication",
|
||||
"Instant",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Real-time Messaging", tags: [
|
||||
"Communication", "Instant"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Community Feeds",
|
||||
tags: [
|
||||
"Social",
|
||||
"Content",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-concept_23-2148595896.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Community Feeds", tags: [
|
||||
"Social", "Content"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-concept_23-2148595896.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Privacy First",
|
||||
tags: [
|
||||
"Safety",
|
||||
"Secure",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-clouds-with-application-icons_1134-47.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Privacy First", tags: [
|
||||
"Safety", "Secure"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-clouds-with-application-icons_1134-47.jpg?_wi=1"},
|
||||
]}
|
||||
title="Powerful Engagement Tools"
|
||||
description="Comprehensive tools designed to amplify voices and simplify how you interact with your circles."
|
||||
@@ -165,31 +121,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
title: "Active Users",
|
||||
items: [
|
||||
"Across 150 countries",
|
||||
"Community-led",
|
||||
],
|
||||
id: "m1", value: "10M+", title: "Active Users", items: [
|
||||
"Across 150 countries", "Community-led"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k+",
|
||||
title: "Local Hubs",
|
||||
items: [
|
||||
"Grassroots organization",
|
||||
"Local connection",
|
||||
],
|
||||
id: "m2", value: "500k+", title: "Local Hubs", items: [
|
||||
"Grassroots organization", "Local connection"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Enterprise grade stability",
|
||||
"Fast access",
|
||||
],
|
||||
id: "m3", value: "99.9%", title: "Uptime", items: [
|
||||
"Enterprise grade stability", "Fast access"],
|
||||
},
|
||||
]}
|
||||
title="Global Impact"
|
||||
@@ -203,60 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2024-05",
|
||||
title: "Developer",
|
||||
quote: "Finally, a platform that understands social privacy.",
|
||||
tag: "Verified User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg?_wi=2",
|
||||
imageAlt: "professional headshot modern office",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "2024-05", title: "Developer", quote: "Finally, a platform that understands social privacy.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg?_wi=2", imageAlt: "professional headshot modern office"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jared Chen",
|
||||
date: "2024-06",
|
||||
title: "Artist",
|
||||
quote: "The community tools have transformed my creative journey.",
|
||||
tag: "Creator",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-with-social-media-addiction_23-2149324651.jpg?_wi=2",
|
||||
imageAlt: "professional headshot modern office",
|
||||
},
|
||||
id: "2", name: "Jared Chen", date: "2024-06", title: "Artist", quote: "The community tools have transformed my creative journey.", tag: "Creator", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-with-social-media-addiction_23-2149324651.jpg?_wi=2", imageAlt: "professional headshot modern office"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
date: "2024-07",
|
||||
title: "Community Organizer",
|
||||
quote: "Local organization has never been this intuitive or effective.",
|
||||
tag: "Organizer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171747.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=2",
|
||||
imageAlt: "professional headshot modern office",
|
||||
},
|
||||
id: "3", name: "Elena Rossi", date: "2024-07", title: "Community Organizer", quote: "Local organization has never been this intuitive or effective.", tag: "Organizer", avatarSrc: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171747.jpg", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=2", imageAlt: "professional headshot modern office"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Omar Bakir",
|
||||
date: "2024-08",
|
||||
title: "Student",
|
||||
quote: "Finding global peers with shared interests is seamless.",
|
||||
tag: "Student",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-people-wearing-graphic-eye-makeup_23-2151120782.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-concept_23-2148595896.jpg?_wi=2",
|
||||
imageAlt: "professional headshot modern office",
|
||||
},
|
||||
id: "4", name: "Omar Bakir", date: "2024-08", title: "Student", quote: "Finding global peers with shared interests is seamless.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-people-wearing-graphic-eye-makeup_23-2151120782.jpg", imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-concept_23-2148595896.jpg?_wi=2", imageAlt: "professional headshot modern office"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucy Wu",
|
||||
date: "2024-09",
|
||||
title: "Entrepreneur",
|
||||
quote: "ConnectHub is truly the backbone of my networking strategy.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12331.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-clouds-with-application-icons_1134-47.jpg?_wi=2",
|
||||
imageAlt: "professional headshot modern office",
|
||||
},
|
||||
id: "5", name: "Lucy Wu", date: "2024-09", title: "Entrepreneur", quote: "ConnectHub is truly the backbone of my networking strategy.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12331.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-clouds-with-application-icons_1134-47.jpg?_wi=2", imageAlt: "professional headshot modern office"},
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="Hear what our diverse user base says about ConnectHub's revolutionary platform."
|
||||
@@ -269,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is privacy maintained?",
|
||||
content: "We use end-to-end encryption for all communication.",
|
||||
},
|
||||
id: "q1", title: "How is privacy maintained?", content: "Your peace of mind is our priority; we handle the complex encryption so you can connect with absolute confidence."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the app free to use?",
|
||||
content: "ConnectHub is free for all users globally.",
|
||||
},
|
||||
id: "q2", title: "Is the app free to use?", content: "ConnectHub is free for all users globally."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I start a new local hub?",
|
||||
content: "Yes, verified community members can propose new hubs.",
|
||||
},
|
||||
id: "q3", title: "Can I start a new local hub?", content: "Yes, verified community members can propose new hubs."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-office-desk-table_93675-132588.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -296,14 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Meta",
|
||||
"Tesla",
|
||||
"Nvidia",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Meta", "Tesla", "Nvidia"]}
|
||||
title="Trusted Globally"
|
||||
description="Our community partners span multiple industries and global organizations."
|
||||
/>
|
||||
@@ -318,35 +198,11 @@ export default function LandingPage() {
|
||||
description="Keep up to date with the latest engineering breakthroughs and community updates."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Updates",
|
||||
title: "Introducing Privacy 2.0",
|
||||
excerpt: "Deep dive into new encryption standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-48716.jpg",
|
||||
authorName: "Dev Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-studio_23-2149445849.jpg",
|
||||
date: "Oct 2024",
|
||||
},
|
||||
id: "b1", category: "Updates", title: "Introducing Privacy 2.0", excerpt: "Deep dive into new encryption standards.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-48716.jpg", authorName: "Dev Team", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-studio_23-2149445849.jpg", date: "Oct 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Community",
|
||||
title: "Building Local Resilience",
|
||||
excerpt: "How to start organizing your neighborhood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-young-people-using-smartphones_74855-5037.jpg",
|
||||
authorName: "Community Head",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
date: "Sept 2024",
|
||||
},
|
||||
id: "b2", category: "Community", title: "Building Local Resilience", excerpt: "How to start organizing your neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-young-people-using-smartphones_74855-5037.jpg", authorName: "Community Head", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", date: "Sept 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Engineering",
|
||||
title: "Scaling Real-time Chat",
|
||||
excerpt: "Engineering feats under 1ms latency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg",
|
||||
authorName: "Eng Lead",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
date: "Aug 2024",
|
||||
},
|
||||
id: "b3", category: "Engineering", title: "Scaling Real-time Chat", excerpt: "Engineering feats under 1ms latency.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg", authorName: "Eng Lead", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", date: "Aug 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -355,14 +211,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to change how you connect with the world? Reach out to us today to learn more about joining the ConnectHub ecosystem."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -371,13 +224,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ConnectHub"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user