Merge version_1 into main #2
209
src/app/page.tsx
209
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#community",
|
||||
},
|
||||
name: "Community", id: "#community"},
|
||||
{
|
||||
name: "Creator Tools",
|
||||
id: "#creators",
|
||||
},
|
||||
name: "Creator Tools", id: "#creators"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="Pulse"
|
||||
/>
|
||||
@@ -56,69 +48,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your World, Unfiltered."
|
||||
description="Join Pulse, the social platform redefining how you share, discover, and connect with your creative community."
|
||||
tag="Trending Now"
|
||||
buttons={[
|
||||
{
|
||||
text: "Download App",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download App", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-connections-background-with-plexus-design_1048-14709.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-connections-background-with-plexus-design_1048-14709.jpg"
|
||||
imageAlt="neon futuristic social media dashboard"
|
||||
mediaAnimation="blur-reveal"
|
||||
tagIcon={Sparkles}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-blue-jacket-white-pants-is-standing-outdoor-near-green-wall-with-white-line-down-girl-wears-sunglasses-with-hearts-she-is-leastening-music-with-help-headphones_197531-401.jpg",
|
||||
alt: "A young girl in a blue jacket and white pants is standing outdoor near green wall",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-blue-jacket-white-pants-is-standing-outdoor-near-green-wall-with-white-line-down-girl-wears-sunglasses-with-hearts-she-is-leastening-music-with-help-headphones_197531-401.jpg", alt: "A young girl in a blue jacket and white pants is standing outdoor near green wall"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bright-curly-woman-with-lilac-hair-stylish-pink-glasses-denim-jacket-jeans-holds-her-smartphone_197531-19213.jpg",
|
||||
alt: "Bright curly woman with lilac hair in stylish pink glasses",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bright-curly-woman-with-lilac-hair-stylish-pink-glasses-denim-jacket-jeans-holds-her-smartphone_197531-19213.jpg", alt: "Bright curly woman with lilac hair in stylish pink glasses"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-yellow-jacket-using-phone-outside-street_1303-16819.jpg",
|
||||
alt: "Young woman in yellow jacket using phone outside in the street",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-yellow-jacket-using-phone-outside-street_1303-16819.jpg", alt: "Young woman in yellow jacket using phone outside in the street"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-wearing-black-hat-city-street-typing-message_231208-2104.jpg",
|
||||
alt: "Cheerful young woman wearing black hat in city street typing a message",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-wearing-black-hat-city-street-typing-message_231208-2104.jpg", alt: "Cheerful young woman wearing black hat in city street typing a message"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beard-asian-man-casual-wear-posing-indoor-cafe_627829-14182.jpg",
|
||||
alt: "Beard asian man in casual wear posing indoor cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beard-asian-man-casual-wear-posing-indoor-cafe_627829-14182.jpg", alt: "Beard asian man in casual wear posing indoor cafe"},
|
||||
]}
|
||||
avatarText="Join our global community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Connect",
|
||||
},
|
||||
type: "text", text: "Connect"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Create",
|
||||
},
|
||||
type: "text", text: "Create"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Discover",
|
||||
},
|
||||
type: "text", text: "Discover"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Share",
|
||||
},
|
||||
type: "text", text: "Share"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Inspire",
|
||||
},
|
||||
type: "text", text: "Inspire"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,23 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Viral Video Editor",
|
||||
description: "Cutting-edge editing tools with professional transitions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-engineer-works-with-cad-software-isolated-mockup_482257-116383.jpg",
|
||||
imageAlt: "creative short video app interface",
|
||||
},
|
||||
title: "Viral Video Editor", description: "Cutting-edge editing tools with professional transitions.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-engineer-works-with-cad-software-isolated-mockup_482257-116383.jpg", imageAlt: "creative short video app interface"},
|
||||
{
|
||||
title: "Interactive Chat",
|
||||
description: "Keep the conversation flowing with real-time social chat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169162.jpg",
|
||||
imageAlt: "interactive chat social UI design",
|
||||
},
|
||||
title: "Interactive Chat", description: "Keep the conversation flowing with real-time social chat.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-composition_23-2150169162.jpg", imageAlt: "interactive chat social UI design"},
|
||||
{
|
||||
title: "Smart Discovery",
|
||||
description: "Content curated just for you by our creative algorithms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-yellow-background_23-2149382391.jpg",
|
||||
imageAlt: "smart algorithm discovery interface",
|
||||
},
|
||||
title: "Smart Discovery", description: "Content curated just for you by our creative algorithms.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-notebook-yellow-background_23-2149382391.jpg", imageAlt: "smart algorithm discovery interface"},
|
||||
]}
|
||||
title="Built for Creators"
|
||||
description="Unlock a suite of powerful creative tools designed for your next viral moment."
|
||||
@@ -159,31 +114,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50M+",
|
||||
title: "Monthly Users",
|
||||
items: [
|
||||
"Diverse creators",
|
||||
"Active daily",
|
||||
],
|
||||
id: "m1", value: "50M+", title: "Monthly Users", items: [
|
||||
"Diverse creators", "Active daily"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1B+",
|
||||
title: "Videos Shared",
|
||||
items: [
|
||||
"Trendsetting content",
|
||||
"High engagement",
|
||||
],
|
||||
id: "m2", value: "1B+", title: "Videos Shared", items: [
|
||||
"Trendsetting content", "High engagement"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100K+",
|
||||
title: "Creator Partners",
|
||||
items: [
|
||||
"Verified talent",
|
||||
"Brand growth",
|
||||
],
|
||||
id: "m3", value: "100K+", title: "Creator Partners", items: [
|
||||
"Verified talent", "Brand growth"],
|
||||
},
|
||||
]}
|
||||
title="Community Power"
|
||||
@@ -196,14 +136,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Fashion Tribe",
|
||||
"Art Collective",
|
||||
"Gaming Guild",
|
||||
"Music Lovers",
|
||||
"Tech Innovators",
|
||||
"Fitness Crew",
|
||||
"Travel Squad",
|
||||
]}
|
||||
"Fashion Tribe", "Art Collective", "Gaming Guild", "Music Lovers", "Tech Innovators", "Fitness Crew", "Travel Squad"]}
|
||||
title="Where Tribes Connect"
|
||||
description="Join the biggest community of digital trendsetters."
|
||||
/>
|
||||
@@ -216,33 +149,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Trending Talent",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Trending Talent", members: [
|
||||
{
|
||||
id: "mem1",
|
||||
title: "Alex Rivers",
|
||||
subtitle: "Digital Artist",
|
||||
detail: "Trendsetting visual art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-taking-selfie-with-skateboard_23-2148436082.jpg",
|
||||
},
|
||||
id: "mem1", title: "Alex Rivers", subtitle: "Digital Artist", detail: "Trendsetting visual art.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-taking-selfie-with-skateboard_23-2148436082.jpg"},
|
||||
{
|
||||
id: "mem2",
|
||||
title: "Maya Jones",
|
||||
subtitle: "Fashion Vlogger",
|
||||
detail: "Styling tips for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-portrait-with-stylish-blue-hair-pretty-face_158595-4339.jpg",
|
||||
},
|
||||
id: "mem2", title: "Maya Jones", subtitle: "Fashion Vlogger", detail: "Styling tips for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-portrait-with-stylish-blue-hair-pretty-face_158595-4339.jpg"},
|
||||
{
|
||||
id: "mem3",
|
||||
title: "Sam Lee",
|
||||
subtitle: "Gamer",
|
||||
detail: "Epic gameplay highlights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-gaming-chair-playing-video-games-his-room-with-colorful-neons-wearing-headphones_482257-22154.jpg",
|
||||
},
|
||||
id: "mem3", title: "Sam Lee", subtitle: "Gamer", detail: "Epic gameplay highlights.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-gaming-chair-playing-video-games-his-room-with-colorful-neons-wearing-headphones_482257-22154.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-connections-background-with-plexus-design_1048-14709.jpg?_wi=2",
|
||||
imageAlt: "stylish teenager smiling smartphone",
|
||||
},
|
||||
]}
|
||||
title="Featured Creators"
|
||||
@@ -255,30 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-french-girl-sunglasses-beret-chilling-outdoor-pleasant-long-haired-woman-with-phone-walking-around-city_197531-17213.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/active-french-girl-sunglasses-beret-chilling-outdoor-pleasant-long-haired-woman-with-phone-walking-around-city_197531-17213.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman-vlogger-recording-video-her-digital-camera_1258-281642.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman-vlogger-recording-video-her-digital-camera_1258-281642.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-making-grimace-expression-with-their-faces_52683-107856.jpg",
|
||||
},
|
||||
id: "t3", name: "Chloe", imageSrc: "http://img.b2bpic.net/free-photo/people-making-grimace-expression-with-their-faces_52683-107856.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
id: "t4", name: "Marcus", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Riley",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862181.jpg",
|
||||
},
|
||||
id: "t5", name: "Riley", imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862181.jpg"},
|
||||
]}
|
||||
cardTitle="What Users Say"
|
||||
cardTag="Stories"
|
||||
@@ -292,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is Pulse free?",
|
||||
content: "Yes, basic account is free.",
|
||||
},
|
||||
id: "f1", title: "Is Pulse free?", content: "Yes, basic account is free."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I monetize content?",
|
||||
content: "Absolutely, creator fund is open.",
|
||||
},
|
||||
id: "f2", title: "Can I monetize content?", content: "Absolutely, creator fund is open."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is data secure?",
|
||||
content: "Privacy is our priority.",
|
||||
},
|
||||
id: "f3", title: "Is data secure?", content: "Privacy is our priority."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Answers to your burning questions about Pulse."
|
||||
@@ -317,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Us"
|
||||
title="Be Part of the Future"
|
||||
description="Sign up today and get exclusive early access."
|
||||
@@ -335,25 +224,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Creator Tools",
|
||||
href: "#creators",
|
||||
},
|
||||
label: "Creator Tools", href: "#creators"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Help",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Help", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user