Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -17,23 +17,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Search",
|
||||
id: "search",
|
||||
},
|
||||
{
|
||||
name: "Library",
|
||||
id: "library",
|
||||
},
|
||||
{
|
||||
name: "Download",
|
||||
id: "download",
|
||||
},
|
||||
{ name: "Search", id: "search" },
|
||||
{ name: "Library", id: "library" },
|
||||
{ name: "Download", id: "download" }
|
||||
]}
|
||||
brandName="NexRay Music"
|
||||
/>
|
||||
@@ -41,42 +39,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="search" data-section="search">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Music, Anywhere."
|
||||
description="Instantly search, stream, and download your favorite tracks from across the globe with our high-speed NexRay API."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Listening",
|
||||
href: "#player",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Listening", href: "#player" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-audio-engineer-using-mobile-phone_107420-96119.jpg?_wi=1",
|
||||
imageAlt: "Music Player Background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-lines-floating-particles-design_1048-13620.jpg",
|
||||
imageAlt: "Music Player Background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
|
||||
imageAlt: "Music Player Background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736796.jpg",
|
||||
imageAlt: "Music Player Background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg",
|
||||
imageAlt: "Music Player Background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99785.jpg",
|
||||
imageAlt: "Music Player Background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-audio-engineer-using-mobile-phone_107420-96119.jpg", imageAlt: "Music Player Background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-lines-floating-particles-design_1048-13620.jpg", imageAlt: "Music Player Background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "Music Player Background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736796.jpg", imageAlt: "Music Player Background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg", imageAlt: "Music Player Background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99785.jpg", imageAlt: "Music Player Background" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -89,38 +62,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Instant Search",
|
||||
author: "NexRay API",
|
||||
description: "Find your favorite songs in milliseconds using our global music database search.",
|
||||
tags: [
|
||||
"Fast",
|
||||
"Global",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-particles-data-science_1048-18193.jpg?_wi=1",
|
||||
id: "1", title: "Instant Search", author: "NexRay API", description: "Find your favorite songs in milliseconds using our global music database search.", tags: ["Fast", "Global"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-particles-data-science_1048-18193.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Offline Download",
|
||||
author: "NexRay Downloader",
|
||||
description: "Keep the music going even without data. Download your tracks for offline playback.",
|
||||
tags: [
|
||||
"Offline",
|
||||
"Download",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/website-element-25-solid-glyph-icon-pack-including-security-page-website-hacker-element_1142-25148.jpg",
|
||||
id: "2", title: "Offline Download", author: "NexRay Downloader", description: "Keep the music going even without data. Download your tracks for offline playback.", tags: ["Offline", "Download"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/website-element-25-solid-glyph-icon-pack-including-security-page-website-hacker-element_1142-25148.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "High Fidelity",
|
||||
author: "Spotify API",
|
||||
description: "Enjoy crystal-clear sound quality for every track you stream.",
|
||||
tags: [
|
||||
"Hi-Fi",
|
||||
"Spotify",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-home-automation-app_23-2149036835.jpg",
|
||||
},
|
||||
id: "3", title: "High Fidelity", author: "Spotify API", description: "Enjoy crystal-clear sound quality for every track you stream.", tags: ["Hi-Fi", "Spotify"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-home-automation-app_23-2149036835.jpg"
|
||||
}
|
||||
]}
|
||||
title="Streaming Elevated"
|
||||
description="Experience music like never before with our seamless integration and offline features."
|
||||
@@ -133,26 +85,10 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Global Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50M+",
|
||||
description: "Songs Available",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2M",
|
||||
description: "Active Listeners",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "150+",
|
||||
description: "Supported Regions",
|
||||
},
|
||||
{ id: "m1", value: "50M+", description: "Songs Available" },
|
||||
{ id: "m2", value: "1.2M", description: "Active Listeners" },
|
||||
{ id: "m3", value: "99.9%", description: "Uptime Reliability" },
|
||||
{ id: "m4", value: "150+", description: "Supported Regions" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -167,35 +103,19 @@ export default function LandingPage() {
|
||||
description="Take full control of your auditory experience with advanced tools."
|
||||
features={[
|
||||
{
|
||||
title: "Smart EQ",
|
||||
description: "Adjust your sound profile dynamically.",
|
||||
icon: Sliders,
|
||||
title: "Smart EQ", description: "Adjust your sound profile dynamically.", icon: Sliders,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-technology-background-with-flowing-data-waves_1048-18869.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-audio-engineer-using-mobile-phone_107420-96119.jpg?_wi=2",
|
||||
imageAlt: "Abstract dark background with purple lines generative AI",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30676.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-technology-background-with-flowing-data-waves_1048-18869.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Sync Anywhere",
|
||||
description: "Keep your library perfectly synced across all devices.",
|
||||
icon: Smartphone,
|
||||
title: "Sync Anywhere", description: "Keep your library perfectly synced across all devices.", icon: Smartphone,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-flowing-cyber-particles_1048-16343.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-particles-data-science_1048-18193.jpg?_wi=2",
|
||||
imageAlt: "Abstract dark background with purple lines generative AI",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-flowing-cyber-particles_1048-16343.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -209,40 +129,13 @@ export default function LandingPage() {
|
||||
description="Unlock premium features for an uninterrupted, high-fidelity experience."
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
tag: "Entry",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "Ad-supported discovery.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Basic features:",
|
||||
features: [
|
||||
"Standard Quality",
|
||||
"Ad-supported",
|
||||
"Basic Search",
|
||||
],
|
||||
id: "free", tag: "Entry", price: "$0", period: "/mo", description: "Ad-supported discovery.", button: { text: "Get Started", href: "#" },
|
||||
featuresTitle: "Basic features:", features: ["Standard Quality", "Ad-supported", "Basic Search"]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Pro",
|
||||
price: "$9.99",
|
||||
period: "/mo",
|
||||
description: "The full NexRay experience.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Everything included:",
|
||||
features: [
|
||||
"Hi-Fi Audio",
|
||||
"Ad-free",
|
||||
"Offline Listening",
|
||||
"Unlimited Skips",
|
||||
],
|
||||
},
|
||||
id: "premium", tag: "Pro", price: "$9.99", period: "/mo", description: "The full NexRay experience.", button: { text: "Go Pro", href: "#" },
|
||||
featuresTitle: "Everything included:", features: ["Hi-Fi Audio", "Ad-free", "Offline Listening", "Unlimited Skips"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,31 +145,11 @@ export default function LandingPage() {
|
||||
logoText="NexRay Music"
|
||||
columns={[
|
||||
{
|
||||
title: "Player",
|
||||
items: [
|
||||
{
|
||||
label: "Search Tracks",
|
||||
href: "#search",
|
||||
},
|
||||
{
|
||||
label: "Download Manager",
|
||||
href: "#download",
|
||||
},
|
||||
],
|
||||
title: "Player", items: [{ label: "Search Tracks", href: "#search" }, { label: "Download Manager", href: "#download" }]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user