From 07b9147a4d168b22a6f91f480785b21f6faf752d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 19:03:34 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 295 +++++------------------------------------------
 1 file changed, 28 insertions(+), 267 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8b29bd5..b316e11 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -29,88 +28,37 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "pricing" },
       ]}
       brandName="PureAudio"
+      button={{ text: "Get Started", href: "#pricing" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Experience Music, Uninterrupted."
       description="PureAudio delivers your favorite tracks in high fidelity, completely ad-free. Immerse yourself in the sound you love without the distractions."
       leftCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=1",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=2",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=3",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=4",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=5",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=6",
-          imageAlt: "Music Player",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=7",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=8",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=9",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=10",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=11",
-          imageAlt: "Music Player",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=12",
-          imageAlt: "Music Player",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Listening",
-          href: "#pricing",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png", imageAlt: "Music Player" },
       ]}
+      buttons={[{ text: "Start Listening", href: "#pricing" }]}
     />
   </div>
 
@@ -120,30 +68,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Zero Ads",
-          description: "Enjoy an endless stream of music without ever being interrupted by ads.",
-          bentoComponent: "reveal-icon",
-          icon: Shield,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/a-high-quality-3d-render-of-a-modern-sle-1774724575910-abfbbad5.png?_wi=13",
-          imageAlt: "A high-quality 3D render of a modern, sleek minimalist music player interface hovering in a clean, b",
-        },
-        {
-          title: "Hi-Res Audio",
-          description: "Experience your music exactly as the artists intended in lossless quality.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/an-icon-representation-of-a-fast-lag-fre-1774724574992-5176b030.png?_wi=1",
-          imageAlt: "An icon representation of a fast, lag-free waveform visualization, minimalist line art style, tech a",
-        },
-        {
-          title: "Global Library",
-          description: "Access millions of songs from artists across the globe in one click.",
-          bentoComponent: "reveal-icon",
-          icon: Globe,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/an-icon-representation-of-a-privacy-shie-1774724575134-36bf0125.png",
-          imageAlt: "An icon representation of a privacy shield or lock, symbolizing ad-free, secure listening, clean vec",
-        },
+        { title: "Zero Ads", description: "Enjoy an endless stream of music without ever being interrupted by ads.", bentoComponent: "reveal-icon", icon: Shield },
+        { title: "Hi-Res Audio", description: "Experience your music exactly as the artists intended in lossless quality.", bentoComponent: "reveal-icon", icon: Zap },
+        { title: "Global Library", description: "Access millions of songs from artists across the globe in one click.", bentoComponent: "reveal-icon", icon: Globe },
       ]}
       title="Designed for pure sound"
       description="Everything we do is focused on one thing: delivering audio perfection without ads or interruptions."
@@ -156,191 +83,25 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Basic",
-          price: "$9.99/mo",
-          subtitle: "Essential ad-free listening",
-          features: [
-            "Unlimited skips",
-            "Standard fidelity",
-            "Mobile & desktop",
-          ],
-        },
-        {
-          id: "premium",
-          badge: "Premium",
-          price: "$14.99/mo",
-          subtitle: "The audiophile choice",
-          features: [
-            "Lossless Hi-Fi",
-            "Offline listening",
-            "Early releases",
-          ],
-        },
-        {
-          id: "family",
-          badge: "Family",
-          price: "$19.99/mo",
-          subtitle: "For the whole household",
-          features: [
-            "6 individual accounts",
-            "Lossless Hi-Fi",
-            "Shared family mix",
-          ],
-        },
+        { id: "basic", badge: "Basic", price: "$9.99/mo", subtitle: "Essential ad-free listening", features: ["Unlimited skips", "Standard fidelity", "Mobile & desktop"] },
+        { id: "premium", badge: "Premium", price: "$14.99/mo", subtitle: "The audiophile choice", features: ["Lossless Hi-Fi", "Offline listening", "Early releases"] },
+        { id: "family", badge: "Family", price: "$19.99/mo", subtitle: "For the whole household", features: ["6 individual accounts", "Lossless Hi-Fi", "Shared family mix"] },
       ]}
       title="Plans built for music lovers"
       description="Transparent, ad-free plans that put the music first."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          role: "Graphic Designer",
-          company: "CreativeCo",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-a-happy-young-man-listening--1774724574938-2c623803.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Sarah K.",
-          role: "Architect",
-          company: "StudioOne",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-a-professional-woman-artisti-1774724575837-17693ce8.png",
-        },
-        {
-          id: "3",
-          name: "Mark D.",
-          role: "Marketing",
-          company: "GrowthX",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-a-happy-creative-professiona-1774724575502-0cdbc2ff.png",
-        },
-        {
-          id: "4",
-          name: "Elena V.",
-          role: "Product Manager",
-          company: "TechInnovate",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-an-energetic-college-student-1774724575934-0b96c3de.png",
-        },
-        {
-          id: "5",
-          name: "Julian S.",
-          role: "Music Producer",
-          company: "AudioBeat",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/portrait-of-a-happy-young-man-listening--1774724574938-2c623803.png?_wi=2",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "500k+",
-          label: "Happy Listeners",
-        },
-        {
-          value: "99.9%",
-          label: "Uptime",
-        },
-        {
-          value: "24/7",
-          label: "Support",
-        },
-      ]}
-      title="What our listeners say"
-      description="Join thousands of users who have made the switch to ad-free listening."
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Impact in Numbers"
-      description="We are proud of the community we've built around pure, high-fidelity sound."
-      metrics={[
-        {
-          id: "m1",
-          value: "120M+",
-          title: "Songs Streamed",
-          description: "Our community has streamed millions of songs in perfect, lossless quality.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/an-icon-representation-of-a-fast-lag-fre-1774724574992-5176b030.png?_wi=2",
-        },
-        {
-          id: "m2",
-          value: "150+",
-          title: "Countries Served",
-          description: "Connecting music fans globally with no borders or barriers.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaQ47bxQvFLfcAcLibR1BAR43D/an-icon-representation-of-global-library-1774724575756-2e6e8b96.png",
-        },
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Press",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-            {
-              label: "API",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
+        { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }, { label: "API", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1