From 519c276b8e166a8eb06278ef7dc10002a9fe9c36 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 05:15:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 219 ++++++++++-------------------------------------
 1 file changed, 46 insertions(+), 173 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9bdb040..dbd7fe4 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1