Merge version_1 into main #1
156
src/app/page.tsx
156
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TMC"
|
||||
/>
|
||||
@@ -60,19 +50,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="TMC"
|
||||
description="Authenticity in Every Beat. Music producer & artist blending Hip Hop, R&B, Soul, Jazz & Pop."
|
||||
buttons={[
|
||||
{
|
||||
text: "Listen Now",
|
||||
href: "#music",
|
||||
},
|
||||
text: "Listen Now", href: "#music"},
|
||||
{
|
||||
text: "Book a Session",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Session", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-loft-style-illuminated-apartment-with-modern-home-office_482257-126413.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -98,20 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Music Recording",
|
||||
description: "High-quality studio recordings capturing genuine emotion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124459.jpg",
|
||||
},
|
||||
title: "Music Recording", description: "High-quality studio recordings capturing genuine emotion.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124459.jpg"},
|
||||
{
|
||||
title: "Vocal Editing",
|
||||
description: "Precision pitch, timing, and clarity refinement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-particle-design_1048-13613.jpg",
|
||||
},
|
||||
title: "Vocal Editing", description: "Precision pitch, timing, and clarity refinement.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-particle-design_1048-13613.jpg"},
|
||||
{
|
||||
title: "Mixing & Mastering",
|
||||
description: "Professional, radio-ready sound across all platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-29.jpg",
|
||||
},
|
||||
title: "Mixing & Mastering", description: "Professional, radio-ready sound across all platforms.", imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-29.jpg"},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Radio-ready sound engineering and recording tailored to your unique artistic vision."
|
||||
@@ -126,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Black Tee",
|
||||
price: "R250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Black Tee", price: "R250", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gold Logo Tee",
|
||||
price: "R250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-modern-clothes-posing-artistic-way_23-2148760574.jpg",
|
||||
},
|
||||
id: "2", name: "Gold Logo Tee", price: "R250", imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-modern-clothes-posing-artistic-way_23-2148760574.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Minimalist Tee",
|
||||
price: "R250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-skateboard-grayscale_53876-165437.jpg",
|
||||
},
|
||||
id: "3", name: "Minimalist Tee", price: "R250", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-skateboard-grayscale_53876-165437.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Urban Fit Tee",
|
||||
price: "R250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-man-with-fun-hair-colors_23-2149122851.jpg",
|
||||
},
|
||||
id: "4", name: "Urban Fit Tee", price: "R250", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-man-with-fun-hair-colors_23-2149122851.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Collection",
|
||||
price: "R250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-gentleman-elegant-black-jacket-sunglasses-holding-retro-walking-stick-as-cane-flask-tippling-cane-with-golden-diamond-ball-handle-rich-fashionable-afro-man_627829-13431.jpg",
|
||||
},
|
||||
id: "5", name: "Signature Collection", price: "R250", imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-gentleman-elegant-black-jacket-sunglasses-holding-retro-walking-stick-as-cane-flask-tippling-cane-with-golden-diamond-ball-handle-rich-fashionable-afro-man_627829-13431.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "TMC Icon Tee",
|
||||
price: "R250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-front-wall_23-2147824681.jpg",
|
||||
},
|
||||
id: "6", name: "TMC Icon Tee", price: "R250", imageSrc: "http://img.b2bpic.net/free-photo/father-son-front-wall_23-2147824681.jpg"},
|
||||
]}
|
||||
title="TMC Official Merchandise"
|
||||
description="Represent the brand with our exclusive, high-quality collection."
|
||||
@@ -169,44 +121,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Singer",
|
||||
testimonial: "Crystal clear sound, perfectly mixed and mastered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-musician-holding-beautiful-guitar-sitting-sofa_114579-35608.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Singer", testimonial: "Crystal clear sound, perfectly mixed and mastered.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-musician-holding-beautiful-guitar-sitting-sofa_114579-35608.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
role: "Rapper",
|
||||
testimonial: "Authentic production that brings my vision to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
},
|
||||
id: "2", name: "Mike D.", role: "Rapper", testimonial: "Authentic production that brings my vision to life.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
role: "Songwriter",
|
||||
testimonial: "TMC transformed my rough ideas into masterpieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aggressive-young-female-student-wearing-headphones-bandana-neck-holding-folder-with-both-hands-looking-camera-isolated-olive-green-background_141793-135528.jpg",
|
||||
},
|
||||
id: "3", name: "Elena P.", role: "Songwriter", testimonial: "TMC transformed my rough ideas into masterpieces.", imageSrc: "http://img.b2bpic.net/free-photo/aggressive-young-female-student-wearing-headphones-bandana-neck-holding-folder-with-both-hands-looking-camera-isolated-olive-green-background_141793-135528.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Band Lead",
|
||||
testimonial: "The best studio experience in Cape Town, period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Band Lead", testimonial: "The best studio experience in Cape Town, period.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jabu T.",
|
||||
role: "Vocalist",
|
||||
testimonial: "Professional quality sound and an incredible vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
|
||||
},
|
||||
id: "5", name: "Jabu T.", role: "Vocalist", testimonial: "Professional quality sound and an incredible vibe.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="See why artists trust TMC with their sound."
|
||||
@@ -218,25 +146,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you work remotely?",
|
||||
content: "Yes, we handle remote mixing and mastering for artists worldwide.",
|
||||
},
|
||||
id: "1", title: "Do you work remotely?", content: "Yes, we handle remote mixing and mastering for artists worldwide."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Turnaround time?",
|
||||
content: "Standard projects are delivered within 24 hours.",
|
||||
},
|
||||
id: "2", title: "Turnaround time?", content: "Standard projects are delivered within 24 hours."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you work with new artists?",
|
||||
content: "Absolutely, we love helping developing artists find their sound.",
|
||||
},
|
||||
id: "3", title: "Do you work with new artists?", content: "Absolutely, we love helping developing artists find their sound."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you help develop sound?",
|
||||
content: "Yes, sound design and development are at the core of what we do.",
|
||||
},
|
||||
id: "4", title: "Do you help develop sound?", content: "Yes, sound design and development are at the core of what we do."},
|
||||
]}
|
||||
sideTitle="Questions & Answers"
|
||||
sideDescription="Everything you need to know about our services."
|
||||
@@ -252,12 +168,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Shane Scholtz",
|
||||
role: "Photographer",
|
||||
description: "STF Photography - captured artwork for 'Hold On'.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60916.jpg",
|
||||
},
|
||||
id: "1", name: "Shane Scholtz", role: "Photographer", description: "STF Photography - captured artwork for 'Hold On'.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60916.jpg"},
|
||||
]}
|
||||
title="Our Team"
|
||||
description="Creative collaborators behind the TMC brand."
|
||||
@@ -268,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Session"
|
||||
description="Reach out via email or WhatsApp to get started. Located in Woodstock, Cape Town."
|
||||
@@ -281,13 +191,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="TMC"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user