Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -13,9 +13,9 @@ import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, ArrowUpRight, Award, TrendingUp, Users } from "lucide-react";
+import { Sparkles, ArrowUpRight, Award, TrendingUp, Users, Music, Download } from "lucide-react";
 
-export default function WebAgency2Page() {
+export default function MusicDownloaderPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -31,193 +31,107 @@ export default function WebAgency2Page() {
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="NoirStudio"
+          brandName="SoundVault"
           navItems={[
-            { name: "Work", id: "work" },
+            { name: "Discover", id: "discover" },
-            { name: "Capabilities", id: "services" },
+            { name: "Library", id: "library" },
-            { name: "Team", id: "about" },
+            { name: "Downloads", id: "downloads" },
-            { name: "Connect", id: "contact" },
+            { name: "Support", id: "contact" },
           ]}
-          button={{ text: "Enquire", href: "#contact" }}
+          button={{ text: "Get App", href: "#contact" }}
         />
         <HeroSplitDoubleCarousel
-          title="Architecting Digital Superiority"
+          title="Seamless Audio Acquisition"
-          description="We engineer high-performance digital architectures that command attention. Dark-mode aesthetics for forward-thinking enterprises."
+          description="Experience the fastest way to curate your offline collection. Secure, high-fidelity music downloads at your fingertips."
-          tag="Premium Digital Agency"
+          tag="Premium Music Downloader"
-          tagIcon={Sparkles}
+          tagIcon={Music}
           tagAnimation="slide-up"
           background={{ variant: "glowing-orb" }}
           buttons={[
-            { text: "Start Collaboration", href: "#contact" },
+            { text: "Start Downloading", href: "#contact" },
-            { text: "Our Portfolio", href: "#work" },
+            { text: "View Features", href: "#features" },
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
           leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg", imageAlt: "Dark UI/UX Design - Fintech App" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/music-records-arrangement_23-2148452331.jpg", imageAlt: "Curated Playlists" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Dark UI/UX Design - SaaS Interface" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/headphones-vinyl-records-turntable-blue-background_169016-16035.jpg", imageAlt: "High-Fidelity Audio" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-browsing-tablet_23-2148452626.jpg", imageAlt: "Dark UI/UX Design - Brand Experience" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/dj-equipment-mixing-desk-nightclub_23-2148782334.jpg", imageAlt: "Pro Audio Tools" },
           ]}
           rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-51691.jpg", imageAlt: "Dark UI/UX Design - Digital Platform" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/abstract-headphones-with-vibrant-neon-colors_23-2149539424.jpg", imageAlt: "Immersive Experience" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-51691.jpg", imageAlt: "Dark UI/UX Design - Web System" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/modern-audio-studio-equipment_23-2148772922.jpg", imageAlt: "Studio Grade Downloads" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-low-poly-dark-background-with-connecting-dots-lines_1048-12151.jpg", imageAlt: "Dark UI/UX Design - Future Concept" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/vinyl-records-player-wooden-table_23-2148772922.jpg", imageAlt: "Vinyl Aesthetic" },
           ]}
           carouselItemClassName="!aspect-[4/5]"
         />
-        <FeatureBento
+        <div id="features">
-          title="Core Competencies"
+          <FeatureBento
-          description="Defining the future through precision engineering and design mastery."
+            title="Download Capabilities"
-          textboxLayout="default"
+            description="Precision tools built for serious audio collectors."
-          useInvertedBackground={true}
+            textboxLayout="default"
-          animationType="slide-up"
+            useInvertedBackground={true}
-          features={[
+            animationType="slide-up"
-            {
+            features={[
-              title: "Strategic Growth",              description: "Data-driven acquisition strategies designed for high-conversion environments.",              bentoComponent: "marquee",              centerIcon: Sparkles,
+              {
-              variant: "text",              texts: ["Strategy", "Growth", "Insight", "Conversion", "Velocity", "Scale", "Market", "Impact"],
+                title: "High Fidelity",                description: "Download lossless tracks at maximum bitrates without metadata loss.",                bentoComponent: "marquee",                centerIcon: Download,
-            },
+                variant: "text",                texts: ["Lossless", "320kbps", "FLAC", "WAV", "MP3", "High Res", "Studio", "Master"],
-            {
+              },
-              title: "System Engineering",              description: "Robust, scalable architecture built to thrive under high traffic.",              bentoComponent: "media-stack",              items: [
+              {
-                { imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg", imageAlt: "System Interface" },
+                title: "Smart Library",                description: "Automatic organization of your tracks by artist, album, and genre.",                bentoComponent: "media-stack",                items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg", imageAlt: "Coding Interface" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/organized-vinyl-collection-shelf_23-2149021432.jpg", imageAlt: "Organized Library" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", imageAlt: "Analytics Interface" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/digital-music-library-interface_482257-126389.jpg", imageAlt: "Library App" },
-              ],
+                  { imageSrc: "http://img.b2bpic.net/free-photo/data-files-cloud-storage_23-2149175231.jpg", imageAlt: "Sync Files" },
-            },
+                ],
-            {
+              },
-              title: "Identity Design",              description: "Forging distinct visual narratives that resonate deep within your target market.",              bentoComponent: "media-stack",              items: [
+              {
-                { imageSrc: "http://img.b2bpic.net/free-photo/abstract-arrangement-3d-glasses_23-2149487729.jpg", imageAlt: "Identity Concept 1" },
+                title: "Global Reach",                description: "Access music from global charts and independent artists worldwide.",                bentoComponent: "media-stack",                items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/png-guy-black-tshirt-isolated-white-background_185193-164775.jpg", imageAlt: "Identity Concept 2" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/globe-with-connecting-lines_23-2149021432.jpg", imageAlt: "Global Access" },
-                { imageSrc: "http://img.b2bpic.net/free-vector/double-sided-horizontal-business-card-template_23-2148892791.jpg", imageAlt: "Identity Concept 3" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/world-map-digital-network_23-2149175231.jpg", imageAlt: "Network Reach" },
-              ],
+                  { imageSrc: "http://img.b2bpic.net/free-photo/abstract-connection-dots_23-2149175231.jpg", imageAlt: "Connection Point" },
-            },
+                ],
-          ]}
+              },
-        />
+            ]}
-        <FeatureCardTwentySix
+          />
-          title="Selected Ventures"
+        </div>
-          description="Recent engagements showcasing our commitment to high-end design standards."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[{ text: "View Full Catalog", href: "#work" }]}
-          buttonAnimation="slide-up"
-          cardClassName="!h-auto aspect-video"
-          features={[
-            {
-              title: "Aether Labs",              description: "Biotech research interface",              imageSrc: "http://img.b2bpic.net/free-photo/empty-laboratory-with-scientific-monitor-desk_482257-18203.jpg",              imageAlt: "Aether Labs project",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
-            {
-              title: "Nexus Capital",              description: "Investment dashboard architecture",              imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",              imageAlt: "Nexus Capital project",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
-            {
-              title: "Velox Systems",              description: "Enterprise logistics software",              imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg",              imageAlt: "Velox Systems project",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
-            {
-              title: "Omni Solutions",              description: "Cloud infrastructure platform",              imageSrc: "http://img.b2bpic.net/free-photo/cloud-download-icon-line-connection-circuit-board_1379-888.jpg",              imageAlt: "Omni Solutions project",              buttonIcon: ArrowUpRight,
-              buttonHref: "#"},
-          ]}
-        />
-        <TestimonialCardFifteen
-          testimonial="NoirStudio redefines what is possible in digital product design. Their dark-mode execution is unparalleled in the industry."
-          rating={5}
-          author="— Julian Vane, CTO at Aether"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1522.jpg", alt: "Julian Vane" },
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={true}
-        />
-        <MetricCardOne
-          title="Proven Performance"
-          description="Delivering excellence through refined workflows and industry-leading expertise."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "m1", value: "120+", title: "Completed", description: "High-stakes digital initiatives", icon: Award },
-            { id: "m2", value: "98%", title: "Retention", description: "Long-term strategic partners", icon: Users },
-            { id: "m3", value: "10+", title: "Growth", description: "Years of collective focus", icon: TrendingUp },
-          ]}
-        />
-        <FeatureCardSixteen
-          title="Standard vs. Superior"
-          description="Why top-tier brands choose our architectural approach."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          animationType="slide-up"
-          negativeCard={{
-            items: [
-              "Cookie-cutter design structures",              "Heavy, unoptimized codebase",              "Negligible SEO architectural planning",              "Static, outdated design paradigms",              "Disconnected support loops"],
-          }}
-          positiveCard={{
-            items: [
-              "Bespoke, brand-aligned engineering",              "Millisecond-level load velocities",              "Intrinsic SEO architecture",              "Cutting-edge visual design systems",              "Continuous iterative support"],
-          }}
-        />
-        <TeamCardFive
-          title="Architectural Leads"
-          description="The masters behind our most complex builds."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          animationType="slide-up"
-          team={[
-            { id: "t1", name: "Elena Thorne", role: "Design Lead", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg" },
-            { id: "t2", name: "Marcus Vance", role: "Lead Engineer", imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg" },
-            { id: "t3", name: "Selene Wu", role: "Product Strategist", imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg" },
-          ]}
-        />
-        <FaqBase
-          title="Technical Inquiry"
-          description="Addressing the nuances of our collaborative process."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "f1", title: "How do we scale your products?", content: "Our architecture relies on modular components, ensuring your digital footprint grows without friction." },
-            { id: "f2", title: "What is your engagement model?", content: "We operate on a results-based framework, focusing on high-impact deliverables rather than administrative hours." },
-            { id: "f3", title: "Do you handle maintenance?", content: "Yes, we provide ongoing architectural surveillance to ensure peak security and efficiency." },
-            { id: "f4", title: "How do you manage legacy migrations?", content: "We execute staged migrations that preserve data integrity while modernizing the interface completely." },
-            { id: "f5", title: "What tech stack powers our work?", content: "We utilize high-performance stacks like Next.js 15, specialized CMS backends, and low-latency APIs." },
-          ]}
-        />
         <ContactCTA
-          tag="Connect"
+          tag="Support"
-          title="Begin Your Transformation"
+          title="Ready to Build Your Collection?"
-          description="The intersection of design and engineering awaits. Let's discuss your roadmap."
+          description="Download our software today and transform your local music library into a curated masterpiece."
           background={{ variant: "sparkles-gradient" }}
           buttons={[
-            { text: "Book a Consultation", href: "#contact" },
+            { text: "Download Now", href: "#contact" },
-            { text: "Explore Work", href: "#work" },
+            { text: "Learn More", href: "#features" },
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={true}
         />
         <FooterBase
-          logoText="NoirStudio"
+          logoText="SoundVault"
-          copyrightText="© 2026 | NoirStudio"
+          copyrightText="© 2026 | SoundVault"
           columns={[
             {
-              title: "Agency",              items: [
+              title: "Software",              items: [
-                { label: "Methodology", href: "#" },
+                { label: "Desktop App", href: "#" },
-                { label: "Capabilities", href: "#" },
+                { label: "Browser Extension", href: "#" },
-                { label: "Archives", href: "#" },
+                { label: "Mobile Sync", href: "#" },
-                { label: "Enquire", href: "#" },
+                { label: "Premium Plan", href: "#" },
               ],
             },
             {
-              title: "Specialties",              items: [
+              title: "Resources",              items: [
-                { label: "Web Engineering", href: "#" },
+                { label: "Audio Quality Guide", href: "#" },
-                { label: "SEO Analytics", href: "#" },
+                { label: "Metadata Editor", href: "#" },
-                { label: "Identity Craft", href: "#" },
+                { label: "Sync Tutorials", href: "#" },
-                { label: "Product Design", href: "#" },
+                { label: "Community Forum", href: "#" },
               ],
             },
             {
-              title: "Network",              items: [
+              title: "Support",              items: [
-                { label: "LinkedIn", href: "#" },
+                { label: "Help Center", href: "#" },
-                { label: "Github", href: "#" },
+                { label: "Contact Support", href: "#" },
-                { label: "Dribbble", href: "#" },
+                { label: "Release Notes", href: "#" },
-                { label: "Substack", href: "#" },
+                { label: "License Key", href: "#" },
               ],
             },
           ]}