367 lines
21 KiB
TypeScript
367 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { AlertCircle, BookOpen, Check, CheckCircle, HelpCircle, Lightbulb, MessageCircle, Star, Trophy, X, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: 'About', id: 'about' },
|
|
{ name: 'Mentors', id: 'mentors' },
|
|
{ name: 'Testimonials', id: 'testimonials' },
|
|
{ name: 'Funding', id: 'funding' },
|
|
{ name: 'FAQ', id: 'faq' }
|
|
]}
|
|
button={{ text: 'Apply Now', href: 'contact' }}
|
|
brandName="Naiart School"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
tag="Music Industry Bootcamp"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
title="Master Digital Music Marketing. Go From Invisible to Industry Leader."
|
|
description="Join a 3-4 day intensive bootcamp led by real music industry professionals. Learn proven strategies to grow your audience, build your brand, and break into the music industry. No fluff. Only practical skills that work."
|
|
background={{ variant: 'plain' }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sound-engineer-mixing-mastering-new-music-console_482257-121294.jpg?_wi=1", imageAlt: "Professional music producer in studio"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947447.jpg?_wi=1", imageAlt: "Independent artist creating music"
|
|
}
|
|
]}
|
|
rating={5}
|
|
ratingText="Trusted by 200+ artists"
|
|
buttons={[
|
|
{ text: 'Apply for Next Bootcamp', href: 'contact' },
|
|
{ text: 'Check Funding Eligibility', href: 'funding' }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Why Naiart School"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
title="This isn't your typical online course. This is real music industry education from professionals who've done it."
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: 'Learn Our Story', href: '#mentors' }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="problem" data-section="problem">
|
|
<FeatureCardTen
|
|
tag="The Reality"
|
|
tagIcon={AlertCircle}
|
|
tagAnimation="slide-up"
|
|
title="Why Independent Artists Struggle"
|
|
description="You release music. But nobody listens. You're alone, competing against algorithms, trends, and artists with entire teams. You don't understand how promotion works. You feel lost."
|
|
features={[
|
|
{
|
|
id: "1", title: "No Visibility Strategy", description: "You post content randomly on social media and hope something sticks. Without a clear strategy, your music gets lost in the noise while algorithms work against you.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/musician-stage-playing-guitar_23-2148465336.jpg", imageAlt: "Artist struggling with visibility"
|
|
},
|
|
items: [
|
|
{ icon: X, text: "Random posting with no strategy" },
|
|
{ icon: X, text: "Content doesn't connect with audience" },
|
|
{ icon: X, text: "Low engagement and stream counts" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2", title: "You're Doing It Alone", description: "Major labels have entire teams handling marketing, PR, and growth. You have yourself. You're stretched thin learning tech, strategy, and content creation all at once.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shaved-head-traditional-folk-musician-dressed-vintage-celtic-clothes-sits-wooden-box-plays-mandolin_613910-2120.jpg", imageAlt: "Isolated artist without support"
|
|
},
|
|
items: [
|
|
{ icon: X, text: "No industry connections to leverage" },
|
|
{ icon: X, text: "Overwhelmed juggling too many roles" },
|
|
{ icon: X, text: "No mentorship or guidance" }
|
|
],
|
|
reverse: true
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="bootcamp-overview" data-section="bootcamp-overview">
|
|
<FeatureCardTen
|
|
tag="The Solution"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
title="Naiart School: Real Music Industry Training"
|
|
description="A 3-4 day immersive bootcamp where you learn from music industry professionals who've already built successful campaigns for real artists. Not theory. Practice. You leave with a concrete growth plan and industry connections."
|
|
features={[
|
|
{
|
|
id: "1", title: "Learn From Real Professionals", description: "Our mentors have generated millions of streams, managed artist campaigns, and scaled TikTok presence from zero. They teach what actually works in 2025.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-electric-guitar-live-concert_23-2149188054.jpg?_wi=1", imageAlt: "Professional training session"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Real campaign experience shared" },
|
|
{ icon: CheckCircle, text: "Proven strategies from industry leaders" },
|
|
{ icon: CheckCircle, text: "Learn what labels don't teach" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2", title: "Intensive. Practical. Networking.", description: "Physical bootcamp means real collaboration, not screen fatigue. You work with mentors and other artists. You build your network. You leave with connections in the industry.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-near-bonfire-smiling-playing-guitar-camping-grill-marshmallow_176420-4167.jpg", imageAlt: "Mentors networking with students"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Small group cohorts for real learning" },
|
|
{ icon: CheckCircle, text: "Network with other ambitious artists" },
|
|
{ icon: CheckCircle, text: "Direct access to industry professionals" }
|
|
],
|
|
reverse: true
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="curriculum" data-section="curriculum">
|
|
<ProductCardThree
|
|
title="What You'll Learn"
|
|
description="Master the skills music labels use to break artists. Practical knowledge you can apply immediately."
|
|
tag="Curriculum"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", name: "Digital Marketing for Artists", price: "Day 1-2", imageSrc: "http://img.b2bpic.net/free-photo/sound-engineer-mixing-mastering-new-music-console_482257-121294.jpg?_wi=2", imageAlt: "Digital marketing strategies"
|
|
},
|
|
{
|
|
id: "2", name: "Social Media Growth Strategy", price: "Day 2-3", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-electric-guitar-live-concert_23-2149188054.jpg?_wi=2", imageAlt: "Social media mastery"
|
|
},
|
|
{
|
|
id: "3", name: "Music Release & Promotion", price: "Day 3-4", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947447.jpg?_wi=2", imageAlt: "Release strategy"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="mentors" data-section="mentors">
|
|
<TeamCardTen
|
|
title="Led by music industry professionals who've done it. Real experience. Real results."
|
|
tag="Meet Your Mentors"
|
|
tagAnimation="slide-up"
|
|
membersAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Alex Morin", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-wearing-headphones_23-2150206724.jpg", imageAlt: "Alex Morin - Music Producer"
|
|
},
|
|
{
|
|
id: "2", name: "Marie Chen", imageSrc: "http://img.b2bpic.net/free-photo/sideways-couple-looking-screens-studio_23-2148366480.jpg", imageAlt: "Marie Chen - Growth Strategist"
|
|
},
|
|
{
|
|
id: "3", name: "Tom Rousseau", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-streaming-podcast_23-2149455492.jpg", imageAlt: "Tom Rousseau - Digital Strategist"
|
|
}
|
|
]}
|
|
memberVariant="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Artists We've Helped"
|
|
description="Real artists. Real growth. Real results from music industry campaigns."
|
|
tag="Proven Results"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TikTok: 2M views in 30 days", "YouTube: 500K subscribers", "Spotify: 5M streams", "Instagram: 100K engaged followers", "Multi-platform campaigns", "Independent to label attention", "Viral moments generated", "Artist collaborations facilitated"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Past Participants Say"
|
|
description="Real feedback from artists who transformed their music careers through Naiart School."
|
|
tag="Testimonials"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Lucas Mendez", role: "Independent Artist", testimonial: "I went from 500 Spotify listeners to 50K in 3 months. The bootcamp taught me the exact strategy labels use. Finally understand how to actually grow.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-guitar-holding-bank-card-red-wall-live-color-performance-musician-concert-money_140725-143775.jpg", imageAlt: "Lucas Mendez"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Johnson", role: "Producer & Manager", testimonial: "This wasn't hype. Real professionals teaching real strategy. Left with a concrete growth plan and connections that changed everything. Worth every minute.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-musicians-taking-selfie_23-2150206743.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "Marco DeVita", role: "Music Creator", testimonial: "The networking alone was worth it. Got collaborations, learned TikTok strategy, and met people building the industry. Already applied the training and seeing results.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-cheerful-man-happily-playing-guitar-recording-new-song-modern-music-studio_574295-4250.jpg", imageAlt: "Marco DeVita"
|
|
},
|
|
{
|
|
id: "4", name: "Elena Rodriguez", role: "Artist & Entrepreneur", testimonial: "No other course taught this. The bootcamp format forces you to actually implement while mentors guide you. Left with clarity, strategy, and confidence.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-mobile-listening-music_23-2147845785.jpg", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
id: "5", name: "Jake Thompson", role: "DJ & Producer", testimonial: "Real professionals, real strategies, real results. This bootcamp showed me what I was doing wrong and exactly how to fix it. Already applied the frameworks.", imageSrc: "http://img.b2bpic.net/free-photo/male-audio-engineers-using-digital-tablet_107420-96117.jpg", imageAlt: "Jake Thompson"
|
|
},
|
|
{
|
|
id: "6", name: "Amélie Benoit", role: "Singer & Songwriter", testimonial: "Three days that changed everything. The mentors understood exactly what I was going through. Left with a real plan, not just theory. This is legitimate education.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-artists-making-music-indoors_23-2149130808.jpg", imageAlt: "Amélie Benoit"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="funding" data-section="funding">
|
|
<TextAbout
|
|
tag="Government Funded Training"
|
|
tagIcon={Check}
|
|
tagAnimation="slide-up"
|
|
title="You May Qualify for Full French Government Funding. No Personal Cost."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: 'Check Your Eligibility', href: 'contact' }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Naiart School bootcamp."
|
|
tag="Help"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Is this really for independent artists?", content: "Yes. Naiart School is designed for independent artists, producers, managers, and anyone serious about entering the music industry. Whether you're just starting or have some experience, the bootcamp adapts to your level. Our mentors have worked with artists at all stages."
|
|
},
|
|
{
|
|
id: "2", title: "What's the format exactly?", content: "It's a 3-4 day intensive in-person bootcamp. You work with small groups (max 15 participants), learn from music industry professionals, and implement strategy while mentors guide you. It's hands-on, not lectures. You leave with a concrete growth plan."
|
|
},
|
|
{
|
|
id: "3", title: "Can I really get government funding?", content: "Yes. If you're eligible, the French government training system can cover the entire bootcamp cost through CPF or other funding mechanisms. We handle all the administrative work. You'll need to check eligibility during application, and we'll guide you through the process."
|
|
},
|
|
{
|
|
id: "4", title: "How many mentors per person?", content: "Small cohorts ensure direct access. With max 15 participants and 3+ mentors, you get real guidance and personalized feedback. This isn't a passive course—you're collaborating directly with professionals."
|
|
},
|
|
{
|
|
id: "5", title: "What if I'm a total beginner?", content: "The bootcamp welcomes beginners. Our mentors teach from fundamentals while keeping it practical. If you're ready to learn and implement, you'll get value. No prior marketing experience required—just commitment."
|
|
},
|
|
{
|
|
id: "6", title: "What's included in the bootcamp?", content: "You get 3-4 days of intensive training from music industry professionals, networking with other artists, access to real case studies and strategies, personalized feedback on your artist profile, and a concrete implementation plan to take home."
|
|
},
|
|
{
|
|
id: "7", title: "When is the next bootcamp?", content: "Bootcamps run quarterly. Apply now to secure your spot in the next cohort. Spots fill quickly, so apply as soon as possible. We'll send you the exact dates and all details once you apply."
|
|
},
|
|
{
|
|
id: "8", title: "What happens after the bootcamp?", content: "You get access to our community, ongoing mentorship resources, and direct contact with mentors for questions. This is the beginning of your music industry journey. Many past participants stay connected and collaborate."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Ready to Transform Your Music Career?"
|
|
description="Apply for the next Naiart School bootcamp. We'll review your application and schedule a quick discovery call to see if it's the right fit. This is your first step toward industry success."
|
|
inputs={[
|
|
{ name: 'firstName', type: 'text', placeholder: 'First Name', required: true },
|
|
{ name: 'email', type: 'email', placeholder: 'Email Address', required: true }
|
|
]}
|
|
textarea={{
|
|
name: 'message',
|
|
placeholder: 'Tell us about yourself, your music, and what you hope to achieve at Naiart School',
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-playing-electric-guitar-live-concert_23-2149188054.jpg?_wi=3"
|
|
imageAlt="Naiart School bootcamp classroom"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Apply for Bootcamp"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Naiart School"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: 'About', href: 'about' },
|
|
{ label: 'Curriculum', href: 'curriculum' },
|
|
{ label: 'Mentors', href: 'mentors' }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: 'Testimonials', href: 'testimonials' },
|
|
{ label: 'Funding', href: 'funding' },
|
|
{ label: 'FAQ', href: 'faq' }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: 'Apply Now', href: 'contact' },
|
|
{ label: 'Contact', href: 'contact' },
|
|
{ label: 'Privacy Policy', href: '#' }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|