Merge version_2 into main #1
210
src/app/page.tsx
210
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Social",
|
||||
id: "social",
|
||||
},
|
||||
name: "Social", id: "social"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ConnectHub"
|
||||
/>
|
||||
@@ -54,67 +46,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Connections Instantly"
|
||||
description="Join the next generation of social networking. Connect, chat, and share with your world on a platform built for speed and privacy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
|
||||
imageAlt="Social networking hub interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-manager-office-worker-with-laptop-digital-nomad-programmer-working-her_1258-195346.jpg",
|
||||
alt: "Portrait of young female manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-manager-office-worker-with-laptop-digital-nomad-programmer-working-her_1258-195346.jpg", alt: "Portrait of young female manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453360.jpg",
|
||||
alt: "Beautiful portrait of teenager woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453360.jpg", alt: "Beautiful portrait of teenager woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020158.jpg",
|
||||
alt: "Portrait of handsome man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020158.jpg", alt: "Portrait of handsome man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg",
|
||||
alt: "Young man with confident smile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg", alt: "Young man with confident smile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
|
||||
alt: "African guy with trendy wristwatch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg", alt: "African guy with trendy wristwatch"},
|
||||
]}
|
||||
avatarText="Join 1M+ active users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Encrypted Chats",
|
||||
},
|
||||
type: "text", text: "Encrypted Chats"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Media Sharing",
|
||||
},
|
||||
type: "text", text: "Instant Media Sharing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Networking",
|
||||
},
|
||||
type: "text", text: "Global Networking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
type: "text", text: "High Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Privacy First",
|
||||
},
|
||||
type: "text", text: "Privacy First"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,20 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Messaging",
|
||||
description: "End-to-end encrypted chats with your friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-composition_23-2149880606.jpg",
|
||||
},
|
||||
title: "Secure Messaging", description: "End-to-end encrypted chats with your friends.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-composition_23-2149880606.jpg"},
|
||||
{
|
||||
title: "Global Connections",
|
||||
description: "Find and network with people globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-bokeh-background-with-particle-lines_53876-104786.jpg",
|
||||
},
|
||||
title: "Global Connections", description: "Find and network with people globally.", imageSrc: "http://img.b2bpic.net/free-photo/technology-bokeh-background-with-particle-lines_53876-104786.jpg"},
|
||||
{
|
||||
title: "Instant Sharing",
|
||||
description: "Share your moments in real-time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-screen-showing-access-granted-after-2fa-success_23-2152004065.jpg",
|
||||
},
|
||||
title: "Instant Sharing", description: "Share your moments in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-screen-showing-access-granted-after-2fa-success_23-2152004065.jpg"},
|
||||
]}
|
||||
title="Platform Capabilities"
|
||||
description="Everything you need to stay connected."
|
||||
@@ -152,31 +110,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Active Users",
|
||||
items: [
|
||||
"Connected globally",
|
||||
"Daily active engagement",
|
||||
],
|
||||
id: "m1", value: "1M+", title: "Active Users", items: [
|
||||
"Connected globally", "Daily active engagement"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Daily Posts",
|
||||
items: [
|
||||
"High-quality content",
|
||||
"Real-time updates",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Daily Posts", items: [
|
||||
"High-quality content", "Real-time updates"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Always available",
|
||||
"Stable performance",
|
||||
],
|
||||
id: "m3", value: "99.9%", title: "Uptime", items: [
|
||||
"Always available", "Stable performance"],
|
||||
},
|
||||
]}
|
||||
title="Proven Growth"
|
||||
@@ -191,40 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "The best platform for connecting with friends!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-professional-businessman_23-2150917272.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "The best platform for connecting with friends!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-professional-businessman_23-2150917272.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "So fast and intuitive. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg",
|
||||
},
|
||||
id: "2", name: "James Lee", handle: "@jlee", testimonial: "So fast and intuitive. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna Doe",
|
||||
handle: "@adoe",
|
||||
testimonial: "I love the privacy features, it feels secure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "3", name: "Anna Doe", handle: "@adoe", testimonial: "I love the privacy features, it feels secure.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Smith",
|
||||
handle: "@msmith",
|
||||
testimonial: "Amazing community interaction everyday.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-funny-person-wearing-trendy-clothes_1194-617334.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Smith", handle: "@msmith", testimonial: "Amazing community interaction everyday.", imageSrc: "http://img.b2bpic.net/free-photo/cool-funny-person-wearing-trendy-clothes_1194-617334.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Chen",
|
||||
handle: "@echen",
|
||||
testimonial: "A refreshing change from other social sites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg",
|
||||
},
|
||||
id: "5", name: "Emily Chen", handle: "@echen", testimonial: "A refreshing change from other social sites.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See what our users are saying."
|
||||
@@ -236,14 +154,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AlphaTech",
|
||||
"BetaSolutions",
|
||||
"GammaGroup",
|
||||
"DeltaSys",
|
||||
"EpsilonTech",
|
||||
"ZetaCorp",
|
||||
"ThetaInc",
|
||||
]}
|
||||
"AlphaTech", "BetaSolutions", "GammaGroup", "DeltaSys", "EpsilonTech", "ZetaCorp", "ThetaInc"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with industry leaders."
|
||||
/>
|
||||
@@ -252,22 +163,17 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Knowledge Base", href: "#support"},
|
||||
]}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is this platform free?",
|
||||
content: "Yes, basic access is completely free.",
|
||||
},
|
||||
id: "q1", title: "Is this platform free?", content: "Yes, basic access is completely free."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I sign up?",
|
||||
content: "Simply use your email to register in seconds.",
|
||||
},
|
||||
id: "q2", title: "How do I sign up?", content: "Simply use your email to register in seconds."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I delete my account?",
|
||||
content: "Yes, you can manage your account settings and delete it at any time.",
|
||||
},
|
||||
id: "q3", title: "Can I delete my account?", content: "Yes, you can manage your account settings and delete it at any time."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -281,22 +187,14 @@ export default function LandingPage() {
|
||||
description="We'd love to hear your feedback."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-particles-with-shallow-depth-field_1048-12266.jpg"
|
||||
@@ -308,29 +206,19 @@ export default function LandingPage() {
|
||||
logoText="ConnectHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -339,4 +227,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user