Merge version_1 into main #2
205
src/app/page.tsx
205
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Beats",
|
||||
id: "#beats",
|
||||
},
|
||||
name: "Beats", id: "#beats"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ProducerCentral"
|
||||
/>
|
||||
@@ -54,17 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Dark Beats. Professional Sound. Yours Today."
|
||||
description="Lease premium trap and atmospheric beats instantly or go exclusive. Download, create, and monetize—no delays, no complications."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Beats Now",
|
||||
href: "#beats",
|
||||
},
|
||||
text: "Browse Beats Now", href: "#beats"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-composer-producer-arranger-songwriter-musician-hands-arranging-music_169016-26743.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-composer-producer-arranger-songwriter-musician-hands-arranging-music_169016-26743.jpg"
|
||||
imageAlt="Dark music production studio interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -75,53 +64,23 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Midnight Trap",
|
||||
price: "$29.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-portrait-digital-art_23-2151197921.jpg",
|
||||
imageAlt: "Midnight Trap Cover",
|
||||
},
|
||||
id: "1", name: "Midnight Trap", price: "$29.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-portrait-digital-art_23-2151197921.jpg", imageAlt: "Midnight Trap Cover"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Atmosphere V2",
|
||||
price: "$35.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duotone-wavy-smoke-black-background_23-2148211032.jpg",
|
||||
imageAlt: "Atmosphere V2 Cover",
|
||||
},
|
||||
id: "2", name: "Atmosphere V2", price: "$35.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duotone-wavy-smoke-black-background_23-2148211032.jpg", imageAlt: "Atmosphere V2 Cover"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Energy Rush",
|
||||
price: "$25.00",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065089.jpg",
|
||||
imageAlt: "Energy Rush Cover",
|
||||
},
|
||||
id: "3", name: "Energy Rush", price: "$25.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065089.jpg", imageAlt: "Energy Rush Cover"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cinematic Mood",
|
||||
price: "$40.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-presenting-virtual-reality-headset-product_482257-118958.jpg",
|
||||
imageAlt: "Cinematic Mood Cover",
|
||||
},
|
||||
id: "4", name: "Cinematic Mood", price: "$40.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-presenting-virtual-reality-headset-product_482257-118958.jpg", imageAlt: "Cinematic Mood Cover"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Futuro Sound",
|
||||
price: "$30.00",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-used-podcasting_482257-91517.jpg",
|
||||
imageAlt: "Futuro Sound Cover",
|
||||
},
|
||||
id: "5", name: "Futuro Sound", price: "$30.00", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-used-podcasting_482257-91517.jpg", imageAlt: "Futuro Sound Cover"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Underground Flow",
|
||||
price: "$22.00",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-digital-art-illustration-person-using-radio-technology_23-2151356014.jpg",
|
||||
imageAlt: "Underground Flow Cover",
|
||||
},
|
||||
id: "6", name: "Underground Flow", price: "$22.00", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-digital-art-illustration-person-using-radio-technology_23-2151356014.jpg", imageAlt: "Underground Flow Cover"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,29 +92,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Downloads",
|
||||
description: "Get your beats immediately upon purchase. No waiting for email responses or file transfers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-producer-creating-new-music-with-mix-master-techniques_482257-115362.jpg",
|
||||
imageAlt: "Studio Gear",
|
||||
},
|
||||
title: "Instant Downloads", description: "Get your beats immediately upon purchase. No waiting for email responses or file transfers.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-producer-creating-new-music-with-mix-master-techniques_482257-115362.jpg", imageAlt: "Studio Gear"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant delivery via secure cloud",
|
||||
},
|
||||
text: "Instant delivery via secure cloud"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "High-quality WAV and MP3 files",
|
||||
},
|
||||
text: "High-quality WAV and MP3 files"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Verified copyright security",
|
||||
},
|
||||
text: "Verified copyright security"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-composer-producer-arranger-songwriter-musician-hands-arranging-music_169016-26743.jpg?_wi=2",
|
||||
imageAlt: "dark studio music workstation",
|
||||
},
|
||||
]}
|
||||
title="Built for Creators"
|
||||
@@ -168,30 +118,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-afro-dreadlocks-posing-outdoors_23-2149462092.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-afro-dreadlocks-posing-outdoors_23-2149462092.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-playing-piano-studio_23-2150232089.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-playing-piano-studio_23-2150232089.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-recording-video-together_23-2149490213.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-recording-video-together_23-2149490213.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-patterned-glass-texture_53876-139930.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-patterned-glass-texture_53876-139930.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-confused-businessman-sitting-desk-his-office-pointing-right_140725-138132.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/front-view-confused-businessman-sitting-desk-his-office-pointing-right_140725-138132.jpg"},
|
||||
]}
|
||||
cardTitle="Artist Success Stories"
|
||||
cardTag="Trusted by Creators"
|
||||
@@ -206,52 +141,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$29",
|
||||
subtitle: "For independent artists",
|
||||
buttons: [
|
||||
id: "basic", badge: "Standard", price: "$29", subtitle: "For independent artists", buttons: [
|
||||
{
|
||||
text: "Select Basic",
|
||||
},
|
||||
text: "Select Basic"},
|
||||
],
|
||||
features: [
|
||||
"WAV files included",
|
||||
"Radio monetization up to 10k streams",
|
||||
"Non-exclusive rights",
|
||||
],
|
||||
"WAV files included", "Radio monetization up to 10k streams", "Non-exclusive rights"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$99",
|
||||
subtitle: "For commercial projects",
|
||||
buttons: [
|
||||
id: "pro", badge: "Premium", price: "$99", subtitle: "For commercial projects", buttons: [
|
||||
{
|
||||
text: "Select Pro",
|
||||
},
|
||||
text: "Select Pro"},
|
||||
],
|
||||
features: [
|
||||
"WAV + Track-outs",
|
||||
"Unlimited monetization",
|
||||
"Commercial performance rights",
|
||||
],
|
||||
"WAV + Track-outs", "Unlimited monetization", "Commercial performance rights"],
|
||||
},
|
||||
{
|
||||
id: "exclusive",
|
||||
badge: "Exclusive",
|
||||
price: "$299",
|
||||
subtitle: "For major label releases",
|
||||
buttons: [
|
||||
id: "exclusive", badge: "Exclusive", price: "$299", subtitle: "For major label releases", buttons: [
|
||||
{
|
||||
text: "Contact for Exclusive",
|
||||
},
|
||||
text: "Contact for Exclusive"},
|
||||
],
|
||||
features: [
|
||||
"Full Ownership",
|
||||
"Custom stems",
|
||||
"Legal transfer of rights",
|
||||
],
|
||||
"Full Ownership", "Custom stems", "Legal transfer of rights"],
|
||||
},
|
||||
]}
|
||||
title="Licensing Options"
|
||||
@@ -266,22 +177,14 @@ export default function LandingPage() {
|
||||
description="Ready for custom production or have questions? Get in touch today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell me about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell me about your project...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skilled-musician-performing-control-room-studio-recording-tracks_482257-122011.jpg"
|
||||
imageAlt="Mixing console"
|
||||
@@ -293,33 +196,21 @@ export default function LandingPage() {
|
||||
logoText="ProducerCentral"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Browse Beats",
|
||||
href: "#beats",
|
||||
},
|
||||
label: "Browse Beats", href: "#beats"},
|
||||
{
|
||||
label: "License Info",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "License Info", href: "#pricing"},
|
||||
{
|
||||
label: "Collab",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Collab", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user