Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Catalog", id: "#catalog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TuneList"
|
||||
/>
|
||||
@@ -52,63 +44,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your Music, Everywhere."
|
||||
description="Download your favorite tracks instantly and curate the perfect playlist for every moment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Downloading",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Start Downloading", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-sound-waves-design-with-flowing-particles_1048-12655.jpg"
|
||||
imageAlt="Abstract music sound waves"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-dancing-listening-music-headphones-white-high-quality-photo_114579-63476.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-dancing-listening-music-headphones-white-high-quality-photo_114579-63476.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171769.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171769.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/surprised-looking-straight-ahead-young-blonde-guy-wearing-yellow-t-shirt-glasses-with-headphones-isolated-pink-with-copy-space_141793-86903.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/surprised-looking-straight-ahead-young-blonde-guy-wearing-yellow-t-shirt-glasses-with-headphones-isolated-pink-with-copy-space_141793-86903.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-headphones-music-home-bed_23-2148833004.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-headphones-music-home-bed_23-2148833004.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-wearing-headphones_23-2148508962.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-wearing-headphones_23-2148508962.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ listeners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Fidelity Audio",
|
||||
},
|
||||
type: "text", text: "High-Fidelity Audio"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Offline Listening",
|
||||
},
|
||||
type: "text", text: "Offline Listening"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Recommendations",
|
||||
},
|
||||
type: "text", text: "Smart Recommendations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
type: "text", text: "Global Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Sync",
|
||||
},
|
||||
type: "text", text: "Instant Sync"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,29 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Instant Downloads",
|
||||
descriptions: [
|
||||
"High-quality audio extraction with just one click.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104502.jpg",
|
||||
},
|
||||
id: "f1", title: "Instant Downloads", descriptions: [
|
||||
"High-quality audio extraction with just one click."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104502.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Smart Playlists",
|
||||
descriptions: [
|
||||
"Organize your library by genre, mood, or artist.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multimedia-entertainment-music-bars-display_53876-21344.jpg",
|
||||
},
|
||||
id: "f2", title: "Smart Playlists", descriptions: [
|
||||
"Organize your library by genre, mood, or artist."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multimedia-entertainment-music-bars-display_53876-21344.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cloud Sync",
|
||||
descriptions: [
|
||||
"Access your saved music on any device, anywhere.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-gold-gradient-background_53876-119523.jpg",
|
||||
},
|
||||
id: "f3", title: "Cloud Sync", descriptions: [
|
||||
"Access your saved music on any device, anywhere."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-network-technology-icon-gold-gradient-background_53876-119523.jpg"},
|
||||
]}
|
||||
title="Why TuneList?"
|
||||
description="Powerful tools built for music lovers."
|
||||
@@ -157,41 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Echoes",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-paint-red_23-2147745458.jpg",
|
||||
},
|
||||
id: "p1", name: "Midnight Echoes", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/blue-paint-red_23-2147745458.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Digital Dreams",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wonder-wheel-movement-lights-with-light-bulb_23-2148328069.jpg",
|
||||
},
|
||||
id: "p2", name: "Digital Dreams", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wonder-wheel-movement-lights-with-light-bulb_23-2148328069.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Neon Horizon",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588390.jpg",
|
||||
},
|
||||
id: "p3", name: "Neon Horizon", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588390.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Silent Bass",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588374.jpg",
|
||||
},
|
||||
id: "p4", name: "Silent Bass", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588374.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Velocity",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planet-earth-listening-music_1048-2600.jpg",
|
||||
},
|
||||
id: "p5", name: "Velocity", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/planet-earth-listening-music_1048-2600.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Purple Haze",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093777.jpg",
|
||||
},
|
||||
id: "p6", name: "Purple Haze", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093777.jpg"},
|
||||
]}
|
||||
title="Trending Tracks"
|
||||
description="Discover new music added daily to our platform."
|
||||
@@ -205,40 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Producer",
|
||||
testimonial: "The fastest way to get my tracks organized.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dancing-listening-music-headphones-white-high-quality-photo_114579-63476.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Producer", testimonial: "The fastest way to get my tracks organized.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dancing-listening-music-headphones-white-high-quality-photo_114579-63476.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
role: "Dj",
|
||||
testimonial: "Incredible sound quality and simple interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171769.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah J.", role: "Dj", testimonial: "Incredible sound quality and simple interface.", imageSrc: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171769.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael B.",
|
||||
role: "Student",
|
||||
testimonial: "Finally, my playlists are easy to manage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-looking-straight-ahead-young-blonde-guy-wearing-yellow-t-shirt-glasses-with-headphones-isolated-pink-with-copy-space_141793-86903.jpg",
|
||||
},
|
||||
id: "3", name: "Michael B.", role: "Student", testimonial: "Finally, my playlists are easy to manage.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-looking-straight-ahead-young-blonde-guy-wearing-yellow-t-shirt-glasses-with-headphones-isolated-pink-with-copy-space_141793-86903.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily P.",
|
||||
role: "Designer",
|
||||
testimonial: "Beautiful interface, very intuitive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-headphones-music-home-bed_23-2148833004.jpg",
|
||||
},
|
||||
id: "4", name: "Emily P.", role: "Designer", testimonial: "Beautiful interface, very intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-headphones-music-home-bed_23-2148833004.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris K.",
|
||||
role: "Artist",
|
||||
testimonial: "Seamless sync between my phone and PC.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-headphones_23-2148508962.jpg",
|
||||
},
|
||||
id: "5", name: "Chris K.", role: "Artist", testimonial: "Seamless sync between my phone and PC.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-headphones_23-2148508962.jpg"},
|
||||
]}
|
||||
title="User Reviews"
|
||||
description="Trusted by over 50,000+ music enthusiasts."
|
||||
@@ -252,23 +160,9 @@ export default function LandingPage() {
|
||||
subtitle="Last updated: January 2025"
|
||||
sections={[
|
||||
{
|
||||
heading: "Acceptance of Terms",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "By accessing the TuneList platform, you agree to these terms of service and our community guidelines.",
|
||||
},
|
||||
},
|
||||
heading: "Acceptance of Terms", content: "By accessing the TuneList platform, you agree to these terms of service and our community guidelines."},
|
||||
{
|
||||
heading: "Usage Policy",
|
||||
content: {
|
||||
type: "list",
|
||||
items: [
|
||||
"Only download content you have rights to access.",
|
||||
"Do not distribute our platform assets commercially.",
|
||||
"Maintain your account security.",
|
||||
],
|
||||
},
|
||||
},
|
||||
heading: "Usage Policy", content: "Only download content you have rights to access. Do not distribute our platform assets commercially. Maintain your account security."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -279,29 +173,19 @@ export default function LandingPage() {
|
||||
logoText="TuneList"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
label: "Features", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user