bender/f5597ad6-c686-4a06-abaf-547e59eaacf7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-22 18:30:43 +00:00
parent 85f4c0e13c
commit f803eee592
1 changed files with 41 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

194
src/pages/HomePage.tsx
View File

@@ -19,14 +19,10 @@ export default function HomePage() {
title="Your Sound Echoing Into Eternity"
description="Master drums with personalized technique, theory, and passion under João Gabriel Biel—a 20-year professional who's helped hundreds build their musical legacy."
primaryButton={{
text: "Start Your Legacy",
href: "#contact",
}}
text: "Start Your Legacy", href: "#contact"}}
secondaryButton={{
text: "View Academy",
href: "#about",
}}
imageSrc="https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-mhow9sem.jpg?_wi=1"
text: "View Academy", href: "#about"}}
imageSrc="https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-mhow9sem.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -38,7 +34,7 @@ export default function HomePage() {
quote="Building a legacy isn't about playing fast; it's about playing with purpose. I’ve spent 20 years refining the path so you don’t have to struggle through the noise."
author="João Gabriel Biel"
role="Founder & Lead Educator"
imageSrc="https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-3nrtfv81.jpg?_wi=1"
imageSrc="https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-3nrtfv81.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -51,52 +47,20 @@ export default function HomePage() {
description="We blend high-level technique with deep theoretical understanding, tailored to your individual goals."
features={[
{
title: "Tailored Technique",
description: "Customized plans based on your specific playing style and musical aspirations.",
bentoComponent: "tilted-stack-cards",
stackCards: [
title: "Tailored Technique", description: "Customized plans based on your specific playing style and musical aspirations.", bentoComponent: "tilted-stack-cards", stackCards: [
{
icon: Zap,
title: "Precision",
subtitle: "Refining hand speed",
detail: "Advanced rudiments",
},
icon: "Zap", title: "Precision", subtitle: "Refining hand speed", detail: "Advanced rudiments"},
{
icon: Shield,
title: "Theory",
subtitle: "Master the structure",
detail: "Applied harmony",
},
icon: "Shield", title: "Theory", subtitle: "Master the structure", detail: "Applied harmony"},
{
icon: Award,
title: "Performance",
subtitle: "Play with confidence",
detail: "Stage craft focus",
},
icon: "Award", title: "Performance", subtitle: "Play with confidence", detail: "Stage craft focus"},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20392.jpg",
imageAlt: "Man at a recording studio, music production",
},
{
title: "Proven Metrics",
description: "Visualizing your growth every step of the way.",
bentoComponent: "animated-bar-chart",
imageSrc: "https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-mhow9sem.jpg?_wi=2",
imageAlt: "Man at a recording studio, music production",
},
title: "Proven Metrics", description: "Visualizing your growth every step of the way.", bentoComponent: "animated-bar-chart"},
{
title: "Expert Community",
description: "Connect with fellow drummers within our secure student portal.",
bentoComponent: "orbiting-icons",
centerIcon: Users,
orbitIcons: [
"Music",
"Disc",
"Headphones",
"Mic",
],
imageSrc: "https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-3nrtfv81.jpg?_wi=2",
imageAlt: "Man at a recording studio, music production",
title: "Expert Community", description: "Connect with fellow drummers within our secure student portal.", bentoComponent: "orbiting-icons", centerIcon: "Users", orbitIcons: [
"Music", "Disc", "Headphones", "Mic"],
},
]}
/>
@@ -111,47 +75,19 @@ export default function HomePage() {
description="Structured modules designed for hobbyists, professionals, and young musicians alike."
items={[
{
title: "For Hobbyists",
description: "Structured guidance to find your musical voice.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20390.jpg",
},
title: "For Hobbyists", description: "Structured guidance to find your musical voice.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20390.jpg"},
{
title: "Advanced Mastery",
description: "High-intensity training for gigging pros.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-drums-performance-local-event_23-2149188065.jpg",
},
title: "Advanced Mastery", description: "High-intensity training for gigging pros.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-drums-performance-local-event_23-2149188065.jpg"},
{
title: "Youth Discovery",
description: "Patient, engaging lessons for the young drummer.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545648.jpg",
},
title: "Youth Discovery", description: "Patient, engaging lessons for the young drummer.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545648.jpg"},
{
title: "Theory Workshop",
description: "Understand the logic behind the rhythm.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/drum-kit-dark-background-with-stage-lighting-copy-space_169016-14046.jpg",
},
title: "Theory Workshop", description: "Understand the logic behind the rhythm.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/drum-kit-dark-background-with-stage-lighting-copy-space_169016-14046.jpg"},
{
title: "Studio Recording",
description: "Preparation for professional studio work.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-music-studio-with-instruments_52683-110324.jpg",
},
title: "Studio Recording", description: "Preparation for professional studio work.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-working-music-studio-with-instruments_52683-110324.jpg"},
{
title: "Stage Craft",
description: "Dynamic movement and gear management.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/man-making-instruments-his-workshop_23-2149018573.jpg",
},
title: "Stage Craft", description: "Dynamic movement and gear management.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-making-instruments-his-workshop_23-2149018573.jpg"},
{
title: "Personalized Mentorship",
description: "One-on-one sessions tailored to you.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/music-instrument-store_23-2150608906.jpg",
},
title: "Personalized Mentorship", description: "One-on-one sessions tailored to you.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/music-instrument-store_23-2150608906.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -165,20 +101,11 @@ export default function HomePage() {
description="Proven results for students at all skill levels."
metrics={[
{
icon: UserCheck,
title: "Students Trained",
value: "500+",
},
icon: "UserCheck", title: "Students Trained", value: "500+"},
{
icon: Clock,
title: "Years Experience",
value: "20",
},
icon: "Clock", title: "Years Experience", value: "20"},
{
icon: Music,
title: "Lessons Delivered",
value: "12,000+",
},
icon: "Music", title: "Lessons Delivered", value: "12,000+"},
]}
/>
</SectionErrorBoundary>
@@ -192,40 +119,20 @@ export default function HomePage() {
description="Real growth stories from the drummers we've mentored."
testimonials={[
{
name: "Sarah J.",
role: "Hobbyist",
company: "Legacy Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-cheerful-man-happily-playing-guitar-recording-new-song-modern-music-studio_574295-4250.jpg",
},
name: "Sarah J.", role: "Hobbyist", company: "Legacy Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-cheerful-man-happily-playing-guitar-recording-new-song-modern-music-studio_574295-4250.jpg"},
{
name: "David M.",
role: "Pro Drummer",
company: "Legacy Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-working-studio_23-2150265045.jpg",
},
name: "David M.", role: "Pro Drummer", company: "Legacy Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-working-studio_23-2150265045.jpg"},
{
name: "Elena R.",
role: "Parent",
company: "Legacy Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-playing-drums-with-sticks_23-2148328556.jpg",
},
name: "Elena R.", role: "Parent", company: "Legacy Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-playing-drums-with-sticks_23-2148328556.jpg"},
{
name: "Marcus T.",
role: "Career Changer",
company: "Legacy Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-recording-music-drum-set-studio_1150-14711.jpg",
},
name: "Marcus T.", role: "Career Changer", company: "Legacy Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-recording-music-drum-set-studio_1150-14711.jpg"},
{
name: "Sophia L.",
role: "Aspiring Artist",
company: "Legacy Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-musician-working-studio_23-2150265015.jpg",
},
name: "Sophia L.", role: "Aspiring Artist", company: "Legacy Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-musician-working-studio_23-2150265015.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -236,42 +143,27 @@ export default function HomePage() {
<FaqTabbedAccordion
tag="Common Questions"
title="Getting Started"
description="Find answers to common questions about our mentorship program."
description="Everything you need to know about the academy."
categories={[
{
name: "General",
items: [
name: "General", items: [
{
question: "What is the age limit?",
answer: "We accept students from age 10 and up.",
},
question: "What is the age limit?", answer: "We accept students from age 10 and up."},
{
question: "Do I need a kit?",
answer: "We recommend a practice pad initially, we can advise on full kits.",
},
question: "Do I need a kit?", answer: "We recommend a practice pad initially, we can advise on full kits."},
],
},
{
name: "Lessons",
items: [
name: "Lessons", items: [
{
question: "How often are lessons?",
answer: "Lessons are held weekly to maintain progress.",
},
question: "How often are lessons?", answer: "Lessons are held weekly to maintain progress."},
{
question: "Are lessons personalized?",
answer: "Absolutely, each plan is crafted for your goals.",
},
question: "Are lessons personalized?", answer: "Absolutely, each plan is crafted for your goals."},
],
},
]}
cta={{
name: "Need help?",
role: "Student Support",
buttonText: "Contact Us",
buttonHref: "#contact",
imageSrc: "https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-3nrtfv81.jpg?_wi=3",
}}
name: "Need help?", role: "Student Support", buttonText: "Contact Us", buttonHref: "#contact", imageSrc: "https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-3nrtfv81.jpg"}}
/>
</SectionErrorBoundary>
</div>
@@ -282,13 +174,9 @@ export default function HomePage() {
tag="Start Today"
text="Ready to build your musical legacy? Apply for our limited intake mentorship program."
primaryButton={{
text: "Apply Now",
href: "#",
}}
text: "Apply Now", href: "#"}}
secondaryButton={{
text: "Message Us",
href: "#",
}}
text: "Message Us", href: "#"}}
/>
</SectionErrorBoundary>
</div>