bender/eb68456e-5fb1-4e72-9970-77d43e236d2d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-19 01:30:38 +00:00
parent 5794233ffb
commit b1cb4dfd46
1 changed files with 68 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

281
src/app/page.tsx
View File

@@ -20,27 +20,26 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Ana Sayfa",
id: "hero",
},
name: "Ana Sayfa", id: "hero"},
{
name: "Hakkımızda",
id: "about",
},
name: "Hakkımızda", id: "about"},
{
name: "Ürünler",
id: "products",
},
name: "Ürünler", id: "products"},
{
name: "İletişim",
id: "contact",
},
name: "İletişim", id: "contact"},
]}
brandName="Melody Baku"
/>
@@ -49,77 +48,48 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Melody Baku – Music That Moves"
description="Award-winning producer and artist crafting innovative soundscapes. Explore my work, collaborations, and latest releases."
kpis={[
{
value: "15+",
label: "Years Experience",
},
value: "15+", label: "Years Experience"},
{
value: "100+",
label: "Projects Completed",
},
value: "100+", label: "Projects Completed"},
{
value: "50+",
label: "Global Collaborations",
},
value: "50+", label: "Global Collaborations"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Listen Now",
href: "#products",
},
text: "Listen Now", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185641.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185641.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/musical-keyboard-tablet-dark-room-music-production_169016-47430.jpg",
alt: "Studio equipment set",
},
src: "http://img.b2bpic.net/free-photo/musical-keyboard-tablet-dark-room-music-production_169016-47430.jpg", alt: "Studio equipment set"},
{
src: "http://img.b2bpic.net/free-photo/front-view-man-making-music-home_23-2149849398.jpg",
alt: "Producer at work",
},
src: "http://img.b2bpic.net/free-photo/front-view-man-making-music-home_23-2149849398.jpg", alt: "Producer at work"},
{
src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172440.jpg",
alt: "Retro music vhs",
},
src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172440.jpg", alt: "Retro music vhs"},
{
src: "http://img.b2bpic.net/free-photo/influencer-doing-unboxing-showing-product-recommendations_482257-118796.jpg",
alt: "Influencer gear",
},
src: "http://img.b2bpic.net/free-photo/influencer-doing-unboxing-showing-product-recommendations_482257-118796.jpg", alt: "Influencer gear"},
{
src: "http://img.b2bpic.net/free-photo/vinyl-player-vinyl-record-generative-ai_169016-29044.jpg",
alt: "Vinyl record player",
},
src: "http://img.b2bpic.net/free-photo/vinyl-player-vinyl-record-generative-ai_169016-29044.jpg", alt: "Vinyl record player"},
]}
avatarText="Trusted by 500+ music industry professionals."
marqueeItems={[
{
type: "text",
text: "Grammy-Nominated Mixing",
},
type: "text", text: "Grammy-Nominated Mixing"},
{
type: "text",
text: "Pro-Level Sound Design",
},
type: "text", text: "Pro-Level Sound Design"},
{
type: "text",
text: "Worldwide Collaboration",
},
type: "text", text: "Worldwide Collaboration"},
{
type: "text",
text: "Artist Development Focus",
},
type: "text", text: "Artist Development Focus"},
{
type: "text",
text: "High-Fidelity Engineering",
},
type: "text", text: "High-Fidelity Engineering"},
]}
/>
</div>
@@ -132,7 +102,7 @@ export default function LandingPage() {
description="Melody Baku is more than a production studio; it's where artistry meets high-fidelity engineering."
subdescription="With over a decade of experience in the music industry, we specialize in delivering cinematic audio, production expertise, and artist development services that stand out in the global landscape."
icon={Music}
imageSrc="http://img.b2bpic.net/free-photo/retro-pickup-machine_23-2150711828.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/retro-pickup-machine_23-2150711828.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -144,67 +114,43 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Audio Production",
description: "End-to-end music production for artists, labels, and brands.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/white-headphones_93675-133847.jpg",
imageAlt: "Studio headphones",
},
title: "Audio Production", description: "End-to-end music production for artists, labels, and brands.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/white-headphones_93675-133847.jpg", imageAlt: "Studio headphones"},
items: [
{
icon: Check,
text: "Mixing & Mastering",
},
text: "Mixing & Mastering"},
{
icon: Check,
text: "Sound Design",
},
text: "Sound Design"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185641.jpg?_wi=2",
imageAlt: "studio headphones wood",
},
{
title: "Artist Development",
description: "Empowering emerging talent with guidance and technical expertise.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/african-american-tracking-engineer-working-with-editing-software-pc_482257-83498.jpg",
imageAlt: "Synth keyboard",
},
title: "Artist Development", description: "Empowering emerging talent with guidance and technical expertise.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/african-american-tracking-engineer-working-with-editing-software-pc_482257-83498.jpg", imageAlt: "Synth keyboard"},
items: [
{
icon: Check,
text: "Creative Direction",
},
text: "Creative Direction"},
{
icon: Check,
text: "Mentorship",
},
text: "Mentorship"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/retro-pickup-machine_23-2150711828.jpg?_wi=2",
imageAlt: "studio headphones wood",
},
{
title: "Sonic Branding",
description: "Custom auditory identities for digital platforms and video content.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-recording-studio-with-audio-software-pc_482257-93664.jpg",
imageAlt: "Monitor speakers",
},
title: "Sonic Branding", description: "Custom auditory identities for digital platforms and video content.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-recording-studio-with-audio-software-pc_482257-93664.jpg", imageAlt: "Monitor speakers"},
items: [
{
icon: Check,
text: "Podcast Intro",
},
text: "Podcast Intro"},
{
icon: Check,
text: "Ad Jingles",
},
text: "Ad Jingles"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/creative-musician-singing-guitar-professional-studio-control-room_482257-122299.jpg?_wi=1",
imageAlt: "studio headphones wood",
},
]}
title="Our Studio Specializations"
@@ -220,59 +166,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Studio",
name: "Professional Headphones",
price: "199$",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/bass-guitar-player-stage-with-set-distortion-effect-pedals_169016-13128.jpg",
},
id: "p1", brand: "Studio", name: "Professional Headphones", price: "199$", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/bass-guitar-player-stage-with-set-distortion-effect-pedals_169016-13128.jpg"},
{
id: "p2",
brand: "Keys",
name: "Synth Keyboard",
price: "499$",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/audio-technician-working-recording-editing-new-music-studio_482257-93653.jpg",
},
id: "p2", brand: "Keys", name: "Synth Keyboard", price: "499$", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/audio-technician-working-recording-editing-new-music-studio_482257-93653.jpg"},
{
id: "p3",
brand: "Audio",
name: "Monitor Speakers",
price: "299$",
rating: 4,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64845.jpg",
},
id: "p3", brand: "Audio", name: "Monitor Speakers", price: "299$", rating: 4,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64845.jpg"},
{
id: "p4",
brand: "Mic",
name: "Condenser Microphone",
price: "150$",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/creative-musician-singing-guitar-professional-studio-control-room_482257-122299.jpg?_wi=2",
},
id: "p4", brand: "Mic", name: "Condenser Microphone", price: "150$", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/creative-musician-singing-guitar-professional-studio-control-room_482257-122299.jpg"},
{
id: "p5",
brand: "Interface",
name: "Pro Audio Interface",
price: "350$",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg",
},
id: "p5", brand: "Interface", name: "Pro Audio Interface", price: "350$", rating: 5,
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg"},
{
id: "p6",
brand: "Console",
name: "Mixing Fader Set",
price: "899$",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg",
},
id: "p6", brand: "Console", name: "Mixing Fader Set", price: "899$", rating: 5,
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg"},
]}
title="Featured Gear & Releases"
description="Explore the tools we use and the sounds we've curated."
@@ -286,40 +196,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Singer",
testimonial: "Melody Baku transformed my demo into a radio-ready masterpiece.",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-composition-design_23-2149485447.jpg",
},
id: "1", name: "Sarah J.", role: "Singer", testimonial: "Melody Baku transformed my demo into a radio-ready masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-composition-design_23-2149485447.jpg"},
{
id: "2",
name: "Mark D.",
role: "Producer",
testimonial: "Their production technique is simply world-class. Incredible attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/black-boy-posing-with-vinyls_23-2148171566.jpg",
},
id: "2", name: "Mark D.", role: "Producer", testimonial: "Their production technique is simply world-class. Incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/black-boy-posing-with-vinyls_23-2148171566.jpg"},
{
id: "3",
name: "Elena R.",
role: "Songwriter",
testimonial: "The best studio experience I've had. Professional, fast, and so creative.",
imageSrc: "http://img.b2bpic.net/free-photo/camcorder-vinyls_23-2147685030.jpg",
},
id: "3", name: "Elena R.", role: "Songwriter", testimonial: "The best studio experience I've had. Professional, fast, and so creative.", imageSrc: "http://img.b2bpic.net/free-photo/camcorder-vinyls_23-2147685030.jpg"},
{
id: "4",
name: "David L.",
role: "Podcast Producer",
testimonial: "They defined our audio brand instantly. Truly professional workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-player-vinyl-record-generative-ai_169016-29044.jpg",
},
id: "4", name: "David L.", role: "Podcast Producer", testimonial: "They defined our audio brand instantly. Truly professional workflow.", imageSrc: "http://img.b2bpic.net/free-photo/vinyl-player-vinyl-record-generative-ai_169016-29044.jpg"},
{
id: "5",
name: "Chris T.",
role: "Artist",
testimonial: "The sonic landscape they built for my EP exceeded all expectations.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-music-producer-finishing-his-new-track-professional-studio_482257-122055.jpg",
},
id: "5", name: "Chris T.", role: "Artist", testimonial: "The sonic landscape they built for my EP exceeded all expectations.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-music-producer-finishing-his-new-track-professional-studio_482257-122055.jpg"},
]}
title="What Artists Are Saying"
description="Trust our craft to define your unique sonic footprint."
@@ -333,20 +218,11 @@ export default function LandingPage() {
tag="Performance"
metrics={[
{
id: "m1",
value: "120+",
description: "Global Projects",
},
id: "m1", value: "120+", description: "Global Projects"},
{
id: "m2",
value: "99%",
description: "Client Satisfaction",
},
id: "m2", value: "99%", description: "Client Satisfaction"},
{
id: "m3",
value: "2.5M+",
description: "Streams Produced",
},
id: "m3", value: "2.5M+", description: "Streams Produced"},
]}
metricsAnimation="slide-up"
/>
@@ -358,20 +234,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I start a project?",
content: "Reach out via our contact form and let us know your goals.",
},
id: "q1", title: "How do I start a project?", content: "Reach out via our contact form and let us know your goals."},
{
id: "q2",
title: "Do you accept international work?",
content: "Yes, we work with artists all across the globe.",
},
id: "q2", title: "Do you accept international work?", content: "Yes, we work with artists all across the globe."},
{
id: "q3",
title: "What is the turnaround time?",
content: "Varies by scope, but we offer fast and professional service.",
},
id: "q3", title: "What is the turnaround time?", content: "Varies by scope, but we offer fast and professional service."},
]}
title="Frequently Asked Questions"
description="Answers to common questions regarding our production process."
@@ -386,22 +253,14 @@ export default function LandingPage() {
description="Have a project in mind? We'd love to hear it. Let's create something iconic together."
inputs={[
{
name: "name",
type: "text",
placeholder: "Adınız",
required: true,
name: "name", type: "text", placeholder: "Adınız", required: true,
},
{
name: "email",
type: "email",
placeholder: "E-posta",
required: true,
name: "email", type: "email", placeholder: "E-posta", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Projeniz hakkında bilgi verin...",
}}
name: "message", placeholder: "Projeniz hakkında bilgi verin..."}}
imageSrc="http://img.b2bpic.net/free-photo/woman-working-computer-man-listening-music_23-2148919873.jpg"
/>
</div>
@@ -413,14 +272,10 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
]}
/>
</div>