Update src/app/page.tsx

This commit is contained in:
2026-05-10 02:37:41 +00:00
parent 697ae5c275
commit c14ef90efb

View File

@@ -30,12 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Features", id: "features"},
{
name: "Metrics", id: "metrics"},
{
name: "Pricing", id: "pricing"},
{ name: "Features", id: "features" },
{ name: "Metrics", id: "metrics" },
{ name: "Pricing", id: "pricing" },
{ name: "Publishing", id: "/publishing" },
{ name: "Marketing", id: "/marketing" }
]}
brandName="TuneLogic"
/>
@@ -48,22 +47,15 @@ export default function LandingPage() {
title="Data-Driven Marketing for the Modern Artist"
description="Unlock advanced growth algorithms and automated promotion strategies designed to scale your music reach."
buttons={[
{
text: "Get Started", href: "#contact"},
{ text: "Get Started", href: "#contact" },
]}
carouselItems={[
{
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-55079.jpg", imageAlt: "Artist Analytics"},
{
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-dj-illustration_23-2151656055.jpg", imageAlt: "Stage Performance"},
{
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-flowing-waves_1048-18506.jpg", imageAlt: "Sound Spectrum"},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg", imageAlt: "Platform Connectivity"},
{
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg", imageAlt: "Production Tech"},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg", imageAlt: "Growth Metrics"},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-55079.jpg", imageAlt: "Artist Analytics" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-dj-illustration_23-2151656055.jpg", imageAlt: "Stage Performance" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-flowing-waves_1048-18506.jpg", imageAlt: "Sound Spectrum" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg", imageAlt: "Platform Connectivity" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/african-american-sound-designer-operates-control-desk-mixer-audio-software_482257-122258.jpg", imageAlt: "Production Tech" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg", imageAlt: "Growth Metrics" },
]}
/>
</div>
@@ -82,12 +74,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={true}
features={[
{
tag: "Algorithm", title: "Predictive Promotion", subtitle: "Reach listeners before they know they need you.", description: "Our AI identifies high-engagement demographics to optimize your ad spend.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065143.jpg"},
{
tag: "Global", title: "Market Expansion", subtitle: "Scale your audience across global platforms.", description: "Seamless publishing across hundreds of global music outlets automatically.", imageSrc: "http://img.b2bpic.net/free-photo/long-gradient-exposure-neon-lights-texture_23-2148328029.jpg"},
{
tag: "Automated", title: "Fan Engagement", subtitle: "Nurture your fan base with automated workflows.", description: "Trigger personalized outreach based on fan behavior and listening habits.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-dancing-holi-with-colors_23-2148129169.jpg"},
{ tag: "Algorithm", title: "Predictive Promotion", subtitle: "Reach listeners before they know they need you.", description: "Our AI identifies high-engagement demographics to optimize your ad spend.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065143.jpg" },
{ tag: "Global", title: "Market Expansion", subtitle: "Scale your audience across global platforms.", description: "Seamless publishing across hundreds of global music outlets automatically.", imageSrc: "http://img.b2bpic.net/free-photo/long-gradient-exposure-neon-lights-texture_23-2148328029.jpg" },
{ tag: "Automated", title: "Fan Engagement", subtitle: "Nurture your fan base with automated workflows.", description: "Trigger personalized outreach based on fan behavior and listening habits.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-dancing-holi-with-colors_23-2148129169.jpg" },
]}
title="Smart Marketing Tools"
description="Powerful automation for every stage of your career."
@@ -100,18 +89,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "150%", title: "Avg Stream Growth", items: [
"Per campaign average", "Platform agnostic", "Real listener retention"],
},
{
id: "m2", value: "24/7", title: "Automated Promotion", items: [
"Never sleep on reach", "Global timezone optimized", "Constant audience expansion"],
},
{
id: "m3", value: "50K+", title: "Fans Targeted", items: [
"Deep psychographic analysis", "High intent listeners", "Verified reach data"],
},
{ id: "m1", value: "150%", title: "Avg Stream Growth", items: ["Per campaign average", "Platform agnostic", "Real listener retention"] },
{ id: "m2", value: "24/7", title: "Automated Promotion", items: ["Never sleep on reach", "Global timezone optimized", "Constant audience expansion"] },
{ id: "m3", value: "50K+", title: "Fans Targeted", items: ["Deep psychographic analysis", "High intent listeners", "Verified reach data"] },
]}
title="Measurable Impact"
description="Numbers that matter for your music career."
@@ -124,30 +104,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "starter", badge: "Entry", price: "$49/mo", subtitle: "For emerging artists", buttons: [
{
text: "Get Started", href: "#"},
],
features: [
"Basic Promotion", "1 Platform Publish", "Fan Analytics"],
},
{
id: "pro", badge: "Growth", price: "$129/mo", subtitle: "Scale your impact", buttons: [
{
text: "Get Started", href: "#"},
],
features: [
"Advanced AI Ads", "Global Publishing", "Automated Outreach"],
},
{
id: "enterprise", badge: "Elite", price: "$299/mo", subtitle: "For labels & pros", buttons: [
{
text: "Get Started", href: "#"},
],
features: [
"Priority Support", "Dedicated Strategy", "Deep Data Insights"],
},
{ id: "starter", badge: "Entry", price: "$49/mo", subtitle: "For emerging artists", buttons: [{ text: "Get Started", href: "#" }], features: ["Basic Promotion", "1 Platform Publish", "Fan Analytics"] },
{ id: "pro", badge: "Growth", price: "$129/mo", subtitle: "Scale your impact", buttons: [{ text: "Get Started", href: "#" }], features: ["Advanced AI Ads", "Global Publishing", "Automated Outreach"] },
{ id: "enterprise", badge: "Elite", price: "$299/mo", subtitle: "For labels & pros", buttons: [{ text: "Get Started", href: "#" }], features: ["Priority Support", "Dedicated Strategy", "Deep Data Insights"] },
]}
title="Artist-First Pricing"
description="Transparent tiers for every stage of your growth."
@@ -160,16 +119,11 @@ export default function LandingPage() {
animationType="blur-reveal"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Leo Vance", handle: "@leovance", testimonial: "TuneLogic transformed how my tracks are discovered globally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-with-beard_23-2148328576.jpg"},
{
id: "2", name: "Sara H", handle: "@saramusic", testimonial: "The AI marketing tool saved me hours of manual labor.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-showing-digital-tablet_23-2147955291.jpg"},
{
id: "3", name: "DJ K-Mix", handle: "@djkmix", testimonial: "Growth metrics finally make sense for independent artists.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-universe-projection-texture_23-2149581251.jpg"},
{
id: "4", name: "Mark D", handle: "@mark_d", testimonial: "The automated fan outreach is a game changer for retention.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-creates-music-using-musical-keyboard-computer_169016-18637.jpg"},
{
id: "5", name: "Emma R", handle: "@emmarhythms", testimonial: "Professional strategy at an affordable monthly price.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-typing-laptop_23-2148845402.jpg"},
{ id: "1", name: "Leo Vance", handle: "@leovance", testimonial: "TuneLogic transformed how my tracks are discovered globally.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-with-beard_23-2148328576.jpg" },
{ id: "2", name: "Sara H", handle: "@saramusic", testimonial: "The AI marketing tool saved me hours of manual labor.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-showing-digital-tablet_23-2147955291.jpg" },
{ id: "3", name: "DJ K-Mix", handle: "@djkmix", testimonial: "Growth metrics finally make sense for independent artists.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-universe-projection-texture_23-2149581251.jpg" },
{ id: "4", name: "Mark D", handle: "@mark_d", testimonial: "The automated fan outreach is a game changer for retention.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-creates-music-using-musical-keyboard-computer_169016-18637.jpg" },
{ id: "5", name: "Emma R", handle: "@emmarhythms", testimonial: "Professional strategy at an affordable monthly price.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-typing-laptop_23-2148845402.jpg" },
]}
title="Artist Success Stories"
description="What creators are saying about our data-driven growth."
@@ -179,39 +133,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
text="Ready to scale your music career? Get in touch for a demo."
buttons={[
{
text: "Contact Us", href: "#"},
]}
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Platform", items: [
{
label: "Features", href: "#features"},
{
label: "Analytics", href: "#metrics"},
{
label: "Pricing", href: "#pricing"},
],
},
{
title: "Support", items: [
{
label: "Contact", href: "#contact"},
{
label: "Privacy", href: "#"},
{
label: "Terms", href: "#"},
],
},
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Analytics", href: "#metrics" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
logoText="TuneLogic"
copyrightText="© 2025 TuneLogic Marketing"
@@ -220,4 +152,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}