Merge version_2 into main #2
212
src/app/page.tsx
212
src/app/page.tsx
@@ -30,127 +30,54 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "#categories",
|
||||
},
|
||||
name: "Categories", id: "#categories"},
|
||||
{
|
||||
name: "Trending",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Trending", id: "#catalog"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Support", id: "#contact"},
|
||||
]}
|
||||
brandName="FREE MUSIC"
|
||||
brandName="RUS MUSIC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Download Free Music Instantly"
|
||||
description="The ultimate destination for rap, hip-hop, and rock. Access thousands of tracks in high-quality MP3 format, totally free."
|
||||
variant: "plain"}}
|
||||
title="Download Best Russian Music"
|
||||
description="The ultimate destination for Russian hip-hop, rap, and pop. Access thousands of tracks in high-quality MP3 format, totally free."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex D.",
|
||||
handle: "@alexrap",
|
||||
testimonial: "Best site for finding underground hip hop tracks!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-optical-fiber-glass-light_23-2148241343.jpg?_wi=1",
|
||||
imageAlt: "neon green light trails dark background",
|
||||
},
|
||||
name: "Miyagi", handle: "@miyagimusic", testimonial: "Authentic vibes, best Russian beats found here!", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/singer-performing-stage_23-2148967912.jpg", imageAlt: "Russian rap star performing"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@rockfan",
|
||||
testimonial: "Extremely fast downloads, zero ads. Love it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-neon-cactus-bedroom_23-2149355053.jpg",
|
||||
imageAlt: "rap music icon neon green",
|
||||
},
|
||||
name: "Anna K.", handle: "@popqueen", testimonial: "Superb sound quality and easy access. Totally recommended.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/microphone-stage_23-2148967900.jpg", imageAlt: "Microphone in spotlight"},
|
||||
{
|
||||
name: "Mike B.",
|
||||
handle: "@mikebeats",
|
||||
testimonial: "The library is huge, found my favorite rap songs here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-music-star-illustration_23-2151876807.jpg",
|
||||
imageAlt: "rock music icon neon green",
|
||||
},
|
||||
name: "Script", handle: "@scriptrap", testimonial: "The library is massive and constantly updated.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/night-club-scene_23-2148967920.jpg", imageAlt: "Club lighting"},
|
||||
{
|
||||
name: "Jake P.",
|
||||
handle: "@jake",
|
||||
testimonial: "Clean design and super intuitive navigation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/canvas-art-symbol-silhouette-background_1194-8133.jpg",
|
||||
imageAlt: "hip hop turntables neon green",
|
||||
},
|
||||
{
|
||||
name: "Lisa M.",
|
||||
handle: "@lisa",
|
||||
testimonial: "Everything is organized perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133163.jpg?_wi=1",
|
||||
imageAlt: "abstract music cover art green",
|
||||
},
|
||||
name: "Oxxx", handle: "@oxxxmusic", testimonial: "Clean design and super intuitive navigation.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/abstract-music-background_23-2148967930.jpg", imageAlt: "Music background"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Downloading",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Start Listening", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-optical-fiber-glass-light_23-2148241343.jpg?_wi=2"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/singer-performing-stage_23-2148967912.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-background-with-low-poly-design_1048-13263.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/music-store-logo-collection-with-flat-design_23-2147818272.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/monitor-with-startup-rocket-set-icons_24911-45492.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/compact-cassette-discs-composition_23-2147781353.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-neon-lights-alphabet-letters_53876-15061.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Free",
|
||||
type: "text", text: "100% Free"},
|
||||
{
|
||||
type: "text-icon", text: "High Quality", icon: Music,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High Quality",
|
||||
icon: Music,
|
||||
},
|
||||
type: "text", text: "No Ads"},
|
||||
{
|
||||
type: "text",
|
||||
text: "No Ads",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Updates",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Downloads",
|
||||
type: "text-icon", text: "Daily Updates", icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -163,29 +90,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "rap",
|
||||
title: "Rap & Trap",
|
||||
subtitle: "Top trending beats",
|
||||
category: "Rap",
|
||||
value: "10k+ Tracks",
|
||||
},
|
||||
id: "rap", title: "Russian Rap", subtitle: "Trending urban tracks", category: "Rap", value: "5k+ Tracks"},
|
||||
{
|
||||
id: "hiphop",
|
||||
title: "Hip-Hop",
|
||||
subtitle: "Golden era classics",
|
||||
category: "Hip-Hop",
|
||||
value: "8k+ Tracks",
|
||||
},
|
||||
id: "pop", title: "Russian Pop", subtitle: "Top chart hits", category: "Pop", value: "7k+ Tracks"},
|
||||
{
|
||||
id: "rock",
|
||||
title: "Rock & Indie",
|
||||
subtitle: "Classic guitar anthems",
|
||||
category: "Rock",
|
||||
value: "5k+ Tracks",
|
||||
},
|
||||
id: "rock", title: "Russian Rock", subtitle: "Classic anthems", category: "Rock", value: "3k+ Tracks"},
|
||||
]}
|
||||
title="Explore Our Music Categories"
|
||||
description="Find exactly what you need with our organized genre library."
|
||||
title="Genre Library"
|
||||
description="Find exactly what you need with our organized Russian artist categories."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -197,44 +109,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Street Dreams",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133163.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Yamakasi Remix", price: "Free", imageSrc: "https://img.b2bpic.net/free-photo/vinyl-record-background-selective-focus_469584-34.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mountain High",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-background-selective-focus_469584-34.jpg",
|
||||
},
|
||||
id: "2", name: "City Nights", price: "Free", imageSrc: "https://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10310.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Neon Beats",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10310.jpg",
|
||||
},
|
||||
id: "3", name: "Neon Pulse", price: "Free", imageSrc: "https://img.b2bpic.net/free-photo/kaleidoscopic-green-abstract-magnetic-metallic-shaving-background_23-2148263543.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "City Lights",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kaleidoscopic-green-abstract-magnetic-metallic-shaving-background_23-2148263543.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Deep Space",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-records-headphone-wireless-speaker-with-laptop-against-white-background_23-2147924092.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Flow Master",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vinyl-record-assortment_23-2149075990.jpg",
|
||||
},
|
||||
id: "4", name: "Golden Era", price: "Free", imageSrc: "https://img.b2bpic.net/free-photo/vinyl-records-headphone-wireless-speaker-with-laptop-against-white-background_23-2147924092.jpg"},
|
||||
]}
|
||||
title="Top Downloads"
|
||||
description="Listen to the latest tracks trending on FREE MUSIC."
|
||||
title="Hot Tracks"
|
||||
description="Listen to the latest popular tracks in the Russian scene."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -243,16 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"HipHop Hub",
|
||||
"Beat Lab",
|
||||
"Rock Union",
|
||||
"Indie Wave",
|
||||
"Rap Empire",
|
||||
"Music Haven",
|
||||
"Sound Cloud Pro",
|
||||
]}
|
||||
title="Trusted by Music Communities"
|
||||
description="Join thousands of users who download their favorite tracks daily."
|
||||
"Russian Hit Hub", "Rap Station", "Pop Union", "Rock Wave", "Music Haven", "Sound Cloud CIS"]}
|
||||
title="Trusted by Fans"
|
||||
description="Join thousands of listeners who download their favorite Russian artists daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -260,25 +137,22 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
text="Need help finding a specific track? Our support team is here for you."
|
||||
variant: "cell-wave"}}
|
||||
text="Need help finding a specific artist or song? We're here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@freemusic.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:support@rusmusic.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="FREE MUSIC"
|
||||
copyrightText="© 2025 | Free Music Platform"
|
||||
logoText="RUS MUSIC"
|
||||
copyrightText="© 2025 | Russian Music Platform"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user