Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
222
src/app/page.tsx
222
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Metrics",
|
name: "Metrics", id: "metrics"},
|
||||||
id: "metrics",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="TuneLogic"
|
brandName="TuneLogic"
|
||||||
/>
|
/>
|
||||||
@@ -50,47 +44,26 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-animated-grid",
|
variant: "rotated-rays-animated-grid"}}
|
||||||
}}
|
|
||||||
title="Data-Driven Marketing for the Modern Artist"
|
title="Data-Driven Marketing for the Modern Artist"
|
||||||
description="Unlock advanced growth algorithms and automated promotion strategies designed to scale your music reach."
|
description="Unlock advanced growth algorithms and automated promotion strategies designed to scale your music reach."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-55079.jpg", imageAlt: "Artist Analytics"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-55079.jpg",
|
|
||||||
imageAlt: "Artist Analytics",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-dj-illustration_23-2151656055.jpg", imageAlt: "Stage Performance"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-dj-illustration_23-2151656055.jpg",
|
|
||||||
imageAlt: "Stage Performance",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-flowing-waves_1048-18506.jpg", imageAlt: "Sound Spectrum"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-flowing-waves_1048-18506.jpg",
|
|
||||||
imageAlt: "Sound Spectrum",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg", imageAlt: "Platform Connectivity"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg",
|
|
||||||
imageAlt: "Platform Connectivity",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
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"},
|
||||||
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",
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg", imageAlt: "Growth Metrics"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991209.jpg",
|
|
||||||
imageAlt: "Growth Metrics",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -100,9 +73,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Master Your Reach"
|
title="Master Your Reach"
|
||||||
description={[
|
description={[
|
||||||
"TuneLogic bridges the gap between creative artistry and digital precision.",
|
"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."]}
|
||||||
"Our proprietary AI-driven publishing and marketing algorithms ensure your tracks find the right listeners at the perfect moment.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -112,26 +83,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
tag: "Algorithm",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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: "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"
|
title="Smart Marketing Tools"
|
||||||
description="Powerful automation for every stage of your career."
|
description="Powerful automation for every stage of your career."
|
||||||
@@ -145,34 +101,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "150%", title: "Avg Stream Growth", items: [
|
||||||
value: "150%",
|
"Per campaign average", "Platform agnostic", "Real listener retention"],
|
||||||
title: "Avg Stream Growth",
|
|
||||||
items: [
|
|
||||||
"Per campaign average",
|
|
||||||
"Platform agnostic",
|
|
||||||
"Real listener retention",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "24/7", title: "Automated Promotion", items: [
|
||||||
value: "24/7",
|
"Never sleep on reach", "Global timezone optimized", "Constant audience expansion"],
|
||||||
title: "Automated Promotion",
|
|
||||||
items: [
|
|
||||||
"Never sleep on reach",
|
|
||||||
"Global timezone optimized",
|
|
||||||
"Constant audience expansion",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "50K+", title: "Fans Targeted", items: [
|
||||||
value: "50K+",
|
"Deep psychographic analysis", "High intent listeners", "Verified reach data"],
|
||||||
title: "Fans Targeted",
|
|
||||||
items: [
|
|
||||||
"Deep psychographic analysis",
|
|
||||||
"High intent listeners",
|
|
||||||
"Verified reach data",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Measurable Impact"
|
title="Measurable Impact"
|
||||||
@@ -187,55 +125,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "starter",
|
id: "starter", badge: "Entry", price: "$49/mo", subtitle: "For emerging artists", buttons: [
|
||||||
badge: "Entry",
|
|
||||||
price: "$49/mo",
|
|
||||||
subtitle: "For emerging artists",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Basic Promotion",
|
"Basic Promotion", "1 Platform Publish", "Fan Analytics"],
|
||||||
"1 Platform Publish",
|
|
||||||
"Fan Analytics",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", badge: "Growth", price: "$129/mo", subtitle: "Scale your impact", buttons: [
|
||||||
badge: "Growth",
|
|
||||||
price: "$129/mo",
|
|
||||||
subtitle: "Scale your impact",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Advanced AI Ads",
|
"Advanced AI Ads", "Global Publishing", "Automated Outreach"],
|
||||||
"Global Publishing",
|
|
||||||
"Automated Outreach",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "enterprise",
|
id: "enterprise", badge: "Elite", price: "$299/mo", subtitle: "For labels & pros", buttons: [
|
||||||
badge: "Elite",
|
|
||||||
price: "$299/mo",
|
|
||||||
subtitle: "For labels & pros",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Priority Support",
|
"Priority Support", "Dedicated Strategy", "Deep Data Insights"],
|
||||||
"Dedicated Strategy",
|
|
||||||
"Deep Data Insights",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Artist-First Pricing"
|
title="Artist-First Pricing"
|
||||||
@@ -246,43 +157,19 @@ export default function LandingPage() {
|
|||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSix
|
<TestimonialCardSix
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
|
animationType="blur-reveal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Artist Success Stories"
|
||||||
description="What creators are saying about our data-driven growth."
|
description="What creators are saying about our data-driven growth."
|
||||||
@@ -293,14 +180,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
text="Ready to scale your music career? Get in touch for a demo."
|
text="Ready to scale your music career? Get in touch for a demo."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -309,37 +193,23 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Platform",
|
title: "Platform", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Features",
|
label: "Features", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Analytics",
|
label: "Analytics", href: "#metrics"},
|
||||||
href: "#metrics",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Privacy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms",
|
label: "Terms", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user