Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0eff4af450 | |||
| 3538d1e821 | |||
| 90bdbf444c | |||
| c6684a22f0 | |||
| c0bbf6ce2e |
228
src/app/page.tsx
228
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: "Capabilities", id: "services" },
|
||||
{ name: "Team", id: "about" },
|
||||
{ name: "Connect", id: "contact" },
|
||||
{ name: "Discover", id: "discover" },
|
||||
{ name: "Library", id: "library" },
|
||||
{ name: "Downloads", id: "downloads" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Enquire", href: "#contact" }}
|
||||
button={{ text: "Get App", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Architecting Digital Superiority"
|
||||
description="We engineer high-performance digital architectures that command attention. Dark-mode aesthetics for forward-thinking enterprises."
|
||||
tag="Premium Digital Agency"
|
||||
tagIcon={Sparkles}
|
||||
title="Seamless Audio Acquisition"
|
||||
description="Experience the fastest way to curate your offline collection. Secure, high-fidelity music downloads at your fingertips."
|
||||
tag="Premium Music Downloader"
|
||||
tagIcon={Music}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
buttons={[
|
||||
{ text: "Start Collaboration", href: "#contact" },
|
||||
{ text: "Our Portfolio", href: "#work" },
|
||||
{ text: "Start Downloading", href: "#contact" },
|
||||
{ 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/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Dark UI/UX Design - SaaS Interface" },
|
||||
{ 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/music-records-arrangement_23-2148452331.jpg", imageAlt: "Curated Playlists" },
|
||||
{ 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/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/laptop-dark-night-desktop_169016-51691.jpg", imageAlt: "Dark UI/UX Design - Web System" },
|
||||
{ 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/abstract-headphones-with-vibrant-neon-colors_23-2149539424.jpg", imageAlt: "Immersive Experience" },
|
||||
{ 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/vinyl-records-player-wooden-table_23-2148772922.jpg", imageAlt: "Vinyl Aesthetic" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Core Competencies"
|
||||
description="Defining the future through precision engineering and design mastery."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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" },
|
||||
{ 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/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", imageAlt: "Analytics Interface" },
|
||||
],
|
||||
},
|
||||
{
|
||||
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" },
|
||||
{ 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-vector/double-sided-horizontal-business-card-template_23-2148892791.jpg", imageAlt: "Identity Concept 3" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Selected Ventures"
|
||||
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." },
|
||||
]}
|
||||
/>
|
||||
<div id="features">
|
||||
<FeatureBento
|
||||
title="Download Capabilities"
|
||||
description="Precision tools built for serious audio collectors."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
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: "Smart Library", description: "Automatic organization of your tracks by artist, album, and genre.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/organized-vinyl-collection-shelf_23-2149021432.jpg", imageAlt: "Organized Library" },
|
||||
{ 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: "Global Reach", description: "Access music from global charts and independent artists worldwide.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/globe-with-connecting-lines_23-2149021432.jpg", imageAlt: "Global Access" },
|
||||
{ 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" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<ContactCTA
|
||||
tag="Connect"
|
||||
title="Begin Your Transformation"
|
||||
description="The intersection of design and engineering awaits. Let's discuss your roadmap."
|
||||
tag="Support"
|
||||
title="Ready to Build Your Collection?"
|
||||
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: "Explore Work", href: "#work" },
|
||||
{ text: "Download Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="NoirStudio"
|
||||
copyrightText="© 2026 | NoirStudio"
|
||||
logoText="SoundVault"
|
||||
copyrightText="© 2026 | SoundVault"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency", items: [
|
||||
{ label: "Methodology", href: "#" },
|
||||
{ label: "Capabilities", href: "#" },
|
||||
{ label: "Archives", href: "#" },
|
||||
{ label: "Enquire", href: "#" },
|
||||
title: "Software", items: [
|
||||
{ label: "Desktop App", href: "#" },
|
||||
{ label: "Browser Extension", href: "#" },
|
||||
{ label: "Mobile Sync", href: "#" },
|
||||
{ label: "Premium Plan", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Specialties", items: [
|
||||
{ label: "Web Engineering", href: "#" },
|
||||
{ label: "SEO Analytics", href: "#" },
|
||||
{ label: "Identity Craft", href: "#" },
|
||||
{ label: "Product Design", href: "#" },
|
||||
title: "Resources", items: [
|
||||
{ label: "Audio Quality Guide", href: "#" },
|
||||
{ label: "Metadata Editor", href: "#" },
|
||||
{ label: "Sync Tutorials", href: "#" },
|
||||
{ label: "Community Forum", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Network", items: [
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Github", href: "#" },
|
||||
{ label: "Dribbble", href: "#" },
|
||||
{ label: "Substack", href: "#" },
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Support", href: "#" },
|
||||
{ label: "Release Notes", href: "#" },
|
||||
{ label: "License Key", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user