From 9fd590501cc88b1d497b174d82f2c3752bd94770 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 15:42:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 206 +++++++++++------------------------------------
 1 file changed, 49 insertions(+), 157 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 863ed83..3d61e22 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="SonicPremium"
     />
@@ -53,41 +45,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Experience Music Like Never Before"
       description="Unlock a world of high-fidelity audio with our premium streaming platform. Join today and get your first month free."
       buttons={[
         {
-          text: "Start Free Month",
-          href: "#pricing",
-        },
+          text: "Start Free Month",          href: "#pricing"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg?_wi=1",
-          imageAlt: "Music streaming platform UI",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg",          imageAlt: "music streaming interface dark"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171776.jpg?_wi=1",
-          imageAlt: "Studio audio gear",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171776.jpg",          imageAlt: "professional audio mixer studio"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-singing-studio_23-2150232076.jpg?_wi=1",
-          imageAlt: "High-end headphones",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-singing-studio_23-2150232076.jpg",          imageAlt: "high-end headphones dark background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg?_wi=2",
-          imageAlt: "Music streaming platform UI alternate",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-particle-design_1048-11963.jpg",          imageAlt: "Music streaming platform UI alternate"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171776.jpg?_wi=2",
-          imageAlt: "Studio audio gear alternate",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171776.jpg",          imageAlt: "Studio audio gear alternate"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-singing-studio_23-2150232076.jpg?_wi=2",
-          imageAlt: "High-end headphones alternate",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-singing-studio_23-2150232076.jpg",          imageAlt: "High-end headphones alternate"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -100,38 +77,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Lossless Audio Quality",
-          author: "Pro Audio",
-          description: "Stream in pristine, lossless quality with no compression artifacts.",
-          tags: [
-            "Hi-Fi",
-            "Lossless",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14674.jpg",
-        },
+          id: "f1",          title: "Lossless Audio Quality",          author: "Pro Audio",          description: "Stream in pristine, lossless quality with no compression artifacts.",          tags: [
+            "Hi-Fi",            "Lossless"],
+          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14674.jpg"},
         {
-          id: "f2",
-          title: "Offline Playback",
-          author: "Anywhere",
-          description: "Download your entire library and listen without using a single byte of data.",
-          tags: [
-            "Offline",
-            "Download",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg",
-        },
+          id: "f2",          title: "Offline Playback",          author: "Anywhere",          description: "Download your entire library and listen without using a single byte of data.",          tags: [
+            "Offline",            "Download"],
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg"},
         {
-          id: "f3",
-          title: "Immersive Soundscape",
-          author: "Sonic",
-          description: "Experience spatial audio that wraps around you with full clarity.",
-          tags: [
-            "Spatial",
-            "3D",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64847.jpg",
-        },
+          id: "f3",          title: "Immersive Soundscape",          author: "Sonic",          description: "Experience spatial audio that wraps around you with full clarity.",          tags: [
+            "Spatial",            "3D"],
+          imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64847.jpg"},
       ]}
       title="Premium Sound, Premium Features"
       description="Designed for the true audiophile, our features ensure you hear every note just as the artist intended."
@@ -140,42 +96,25 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardEight
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
-          badge: "Standard",
-          price: "$9.99/mo",
-          subtitle: "Unlimited listening",
-          buttons: [
+          id: "basic",          badge: "Standard",          price: "$9.99/mo",          subtitle: "Unlimited listening",          buttons: [
             {
-              text: "Get 1 Month Free",
-              href: "#",
-            },
+              text: "Get 1 Month Free",              href: "#"},
           ],
           features: [
-            "Standard audio quality",
-            "Ad-free experience",
-            "Unlimited skips",
-          ],
+            "Standard audio quality",            "Ad-free experience",            "Unlimited skips"],
         },
         {
-          id: "premium",
-          badge: "Audiophile",
-          price: "$14.99/mo",
-          subtitle: "Uncompromised quality",
-          buttons: [
+          id: "premium",          badge: "Audiophile",          price: "$14.99/mo",          subtitle: "Uncompromised quality",          buttons: [
             {
-              text: "Get 1 Month Free",
-              href: "#",
-            },
+              text: "Get 1 Month Free",              href: "#"},
           ],
           features: [
-            "Lossless high-res audio",
-            "Spatial sound support",
-            "Exclusive artist content",
-          ],
+            "Lossless high-res audio",            "Spatial sound support",            "Exclusive artist content"],
         },
       ]}
       title="Choose Your Perfect Sound"
@@ -190,45 +129,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarahmusic",
-          testimonial: "The sound quality is unmatched. I hear details I never noticed before.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-arms-crossed-sitting-studio_23-2148366490.jpg",
-        },
+          id: "1",          name: "Sarah J.",          handle: "@sarahmusic",          testimonial: "The sound quality is unmatched. I hear details I never noticed before.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-arms-crossed-sitting-studio_23-2148366490.jpg"},
         {
-          id: "2",
-          name: "Michael T.",
-          handle: "@mike_t",
-          testimonial: "Finally, a platform that respects audiophile standards. Amazing experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg",
-        },
+          id: "2",          name: "Michael T.",          handle: "@mike_t",          testimonial: "Finally, a platform that respects audiophile standards. Amazing experience.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg"},
         {
-          id: "3",
-          name: "Emily R.",
-          handle: "@emily_r",
-          testimonial: "The offline mode is a game changer for my daily commute. I love it.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-pink-outfit-posing-gray-background_114579-80286.jpg",
-        },
+          id: "3",          name: "Emily R.",          handle: "@emily_r",          testimonial: "The offline mode is a game changer for my daily commute. I love it.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-pink-outfit-posing-gray-background_114579-80286.jpg"},
         {
-          id: "4",
-          name: "David W.",
-          handle: "@dave_w",
-          testimonial: "Spatial audio is incredible. It feels like a live concert every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110073.jpg",
-        },
+          id: "4",          name: "David W.",          handle: "@dave_w",          testimonial: "Spatial audio is incredible. It feels like a live concert every time.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110073.jpg"},
         {
-          id: "5",
-          name: "Jessica L.",
-          handle: "@jess_l",
-          testimonial: "Best subscription I've ever purchased. The free month was a great start.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-sporty-man-earphones-thoughtfully-using-cellphone-after-workout-outdoor_574295-5121.jpg",
-        },
+          id: "5",          name: "Jessica L.",          handle: "@jess_l",          testimonial: "Best subscription I've ever purchased. The free month was a great start.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-sporty-man-earphones-thoughtfully-using-cellphone-after-workout-outdoor_574295-5121.jpg"},
       ]}
       showRating={true}
       title="Trusted by Music Lovers"
@@ -242,20 +156,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "Is the first month really free?",
-          content: "Yes, new users get their first month entirely free of charge with no hidden fees.",
-        },
+          id: "q1",          title: "Is the first month really free?",          content: "Yes, new users get their first month entirely free of charge with no hidden fees."},
         {
-          id: "q2",
-          title: "Can I cancel my subscription?",
-          content: "Absolutely. You can manage and cancel your subscription anytime via your account settings.",
-        },
+          id: "q2",          title: "Can I cancel my subscription?",          content: "Absolutely. You can manage and cancel your subscription anytime via your account settings."},
         {
-          id: "q3",
-          title: "Is lossless audio available on all plans?",
-          content: "High-fidelity lossless audio is available exclusively on the Audiophile plan.",
-        },
+          id: "q3",          title: "Is lossless audio available on all plans?",          content: "High-fidelity lossless audio is available exclusively on the Audiophile plan."},
       ]}
       title="Frequently Asked Questions"
       description="Got questions about your subscription? We've got answers."
@@ -267,14 +172,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       text="Ready to dive into premium sound? Start your free trial and transform your listening journey today."
       buttons={[
         {
-          text: "Get Started",
-          href: "#pricing",
-        },
+          text: "Get Started",          href: "#pricing"},
       ]}
     />
   </div>
@@ -283,29 +185,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
-- 
2.49.1