Merge version_1 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pulse"
|
||||
/>
|
||||
@@ -51,32 +45,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Sound, Unfiltered."
|
||||
description="The next-generation platform for music creation and discovery. Immerse yourself in high-fidelity audio with our seamless, minimalist interface."
|
||||
tag="Music Reimagined"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-concrete-wall-room-studio-background-floor-perspective-with-blue-soft-light-displays_1258-108910.jpg",
|
||||
imageAlt: "Hero Music Scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-concrete-wall-room-studio-background-floor-perspective-with-blue-soft-light-displays_1258-108910.jpg", imageAlt: "Hero Music Scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-48815.jpg",
|
||||
imageAlt: "Hero Audio Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/part-drum-kit-dark-with-beautiful-lighting_169016-52875.jpg",
|
||||
imageAlt: "Part of a drum kit in the dark with beautiful lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-synthesizer-black-background-flat-lay_169016-21057.jpg",
|
||||
imageAlt: "Piano keys synthesizer on a black background flat lay",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-table-dark-top-view-copy-space_169016-52205.jpg",
|
||||
imageAlt: "Laptop with a glowing screen on a table in the dark top view copy space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-48815.jpg", imageAlt: "Hero Audio Interface"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -99,38 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hi-Fi Audio",
|
||||
author: "Pro Suite",
|
||||
description: "Crystal clear streaming quality without compromises.",
|
||||
tags: [
|
||||
"Tech",
|
||||
"Audio",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10150.jpg",
|
||||
},
|
||||
id: "f1", title: "Hi-Fi Audio", author: "Pro Suite", description: "Crystal clear streaming quality without compromises.", tags: [
|
||||
"Tech", "Audio"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10150.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Library Sync",
|
||||
author: "Easy Sync",
|
||||
description: "Organize your collection effortlessly in the cloud.",
|
||||
tags: [
|
||||
"Cloud",
|
||||
"Sync",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-pop-jazz-hiphop-melody_53876-124207.jpg",
|
||||
},
|
||||
id: "f2", title: "Library Sync", author: "Easy Sync", description: "Organize your collection effortlessly in the cloud.", tags: [
|
||||
"Cloud", "Sync"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-pop-jazz-hiphop-melody_53876-124207.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Creative Hub",
|
||||
author: "Collab Tools",
|
||||
description: "Collaborate in real-time with creators globally.",
|
||||
tags: [
|
||||
"Collab",
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-man-is-his-laptop-sitting-sofa-conference-joined-hands-working-from-home_1268-17423.jpg",
|
||||
},
|
||||
id: "f3", title: "Creative Hub", author: "Collab Tools", description: "Collaborate in real-time with creators globally.", tags: [
|
||||
"Collab", "Creative"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-man-is-his-laptop-sitting-sofa-conference-joined-hands-working-from-home_1268-17423.jpg"},
|
||||
]}
|
||||
title="Engineered for Clarity."
|
||||
description="Premium features that empower your creative flow."
|
||||
@@ -144,23 +100,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Active Artists",
|
||||
value: "25k+",
|
||||
},
|
||||
id: "m1", icon: Zap,
|
||||
title: "Active Artists", value: "25k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Secure Streams",
|
||||
value: "1.2M+",
|
||||
},
|
||||
id: "m2", icon: Shield,
|
||||
title: "Secure Streams", value: "1.2M+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Countries Served",
|
||||
value: "150+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Countries Served", value: "150+"},
|
||||
]}
|
||||
title="By The Numbers."
|
||||
description="Quantifying the creative impact."
|
||||
@@ -174,45 +121,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex_music",
|
||||
testimonial: "The best platform for producers. Minimal, fast, and sexy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489848.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", handle: "@alex_music", testimonial: "The best platform for producers. Minimal, fast, and sexy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489848.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan S.",
|
||||
handle: "@jordan_sound",
|
||||
testimonial: "Finally, an app that focuses on sound quality first.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-rocker-playing-electric-guitar_23-2148328593.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan S.", handle: "@jordan_sound", testimonial: "Finally, an app that focuses on sound quality first.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-rocker-playing-electric-guitar_23-2148328593.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jamie T.",
|
||||
handle: "@jamie_beats",
|
||||
testimonial: "My creative workflow has doubled in speed. Excellent UI.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-young-male-model-posing-steps-with-gently-smile-indoor-photo-curious-african-guy-wears-hat_197531-22071.jpg",
|
||||
},
|
||||
id: "t3", name: "Jamie T.", handle: "@jamie_beats", testimonial: "My creative workflow has doubled in speed. Excellent UI.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-young-male-model-posing-steps-with-gently-smile-indoor-photo-curious-african-guy-wears-hat_197531-22071.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey L.",
|
||||
handle: "@casey_vibe",
|
||||
testimonial: "Absolutely obsessed with the dark design. Best music app.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg",
|
||||
},
|
||||
id: "t4", name: "Casey L.", handle: "@casey_vibe", testimonial: "Absolutely obsessed with the dark design. Best music app.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor B.",
|
||||
handle: "@taylor_track",
|
||||
testimonial: "Game changer for collaborative music projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presenting-vr-goggles-audience-filming-video-with-smartphone-tripod_482257-121581.jpg",
|
||||
},
|
||||
id: "t5", name: "Taylor B.", handle: "@taylor_track", testimonial: "Game changer for collaborative music projects.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presenting-vr-goggles-audience-filming-video-with-smartphone-tripod_482257-121581.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Global Praise."
|
||||
@@ -226,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Is the platform free?",
|
||||
content: "Yes, we offer a robust free tier for all listeners.",
|
||||
},
|
||||
id: "faq1", title: "Is the platform free?", content: "Yes, we offer a robust free tier for all listeners."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I export files?",
|
||||
content: "Full export features are available on our Pro plan.",
|
||||
},
|
||||
id: "faq2", title: "Can I export files?", content: "Full export features are available on our Pro plan."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Supported devices?",
|
||||
content: "We support iOS, Android, and Desktop platforms.",
|
||||
},
|
||||
id: "faq3", title: "Supported devices?", content: "We support iOS, Android, and Desktop platforms."},
|
||||
]}
|
||||
title="Common Questions."
|
||||
description="Find everything you need to know."
|
||||
@@ -251,20 +164,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Journey Today."
|
||||
description="Join thousands of creators pushing boundaries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,25 +183,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user