Update src/app/page.tsx
This commit is contained in:
222
src/app/page.tsx
222
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="TuneLogic"
|
||||
/>
|
||||
@@ -50,47 +44,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
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: "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: "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: "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: "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: "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: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg", imageAlt: "Growth Metrics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,9 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Master Your Reach"
|
||||
description={[
|
||||
"TuneLogic bridges the gap between creative artistry and digital precision.",
|
||||
"Our proprietary AI-driven publishing and marketing algorithms ensure your tracks find the right listeners at the perfect moment.",
|
||||
]}
|
||||
"TuneLogic bridges the gap between creative artistry and digital precision.", "Our proprietary AI-driven publishing and marketing algorithms ensure your tracks find the right listeners at the perfect moment."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,26 +83,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -145,34 +101,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Avg Stream Growth",
|
||||
items: [
|
||||
"Per campaign average",
|
||||
"Platform agnostic",
|
||||
"Real listener retention",
|
||||
],
|
||||
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: "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: "m3", value: "50K+", title: "Fans Targeted", items: [
|
||||
"Deep psychographic analysis", "High intent listeners", "Verified reach data"],
|
||||
},
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
@@ -187,55 +125,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Entry",
|
||||
price: "$49/mo",
|
||||
subtitle: "For emerging artists",
|
||||
buttons: [
|
||||
id: "starter", badge: "Entry", price: "$49/mo", subtitle: "For emerging artists", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Basic Promotion",
|
||||
"1 Platform Publish",
|
||||
"Fan Analytics",
|
||||
],
|
||||
"Basic Promotion", "1 Platform Publish", "Fan Analytics"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growth",
|
||||
price: "$129/mo",
|
||||
subtitle: "Scale your impact",
|
||||
buttons: [
|
||||
id: "pro", badge: "Growth", price: "$129/mo", subtitle: "Scale your impact", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Advanced AI Ads",
|
||||
"Global Publishing",
|
||||
"Automated Outreach",
|
||||
],
|
||||
"Advanced AI Ads", "Global Publishing", "Automated Outreach"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Elite",
|
||||
price: "$299/mo",
|
||||
subtitle: "For labels & pros",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Elite", price: "$299/mo", subtitle: "For labels & pros", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Priority Support",
|
||||
"Dedicated Strategy",
|
||||
"Deep Data Insights",
|
||||
],
|
||||
"Priority Support", "Dedicated Strategy", "Deep Data Insights"],
|
||||
},
|
||||
]}
|
||||
title="Artist-First Pricing"
|
||||
@@ -246,43 +157,19 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -293,14 +180,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to scale your music career? Get in touch for a demo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,37 +193,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Analytics", href: "#metrics"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user