From d7fe7e9017972a364e6ca1ef57e820a6685ff82d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 01:36:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 170 +++++++++++------------------------------------
 1 file changed, 39 insertions(+), 131 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3865daf..a1e2d83 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,6 +13,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import { Check, Instagram, Music, Twitter } from "lucide-react";
+import Link from "next/link";
 
 export default function LandingPage() {
   return (
@@ -32,14 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Ana Sayfa",          id: "hero"},
-        {
-          name: "Hakkımızda",          id: "about"},
-        {
-          name: "Ürünler",          id: "products"},
-        {
-          name: "İletişim",          id: "contact"},
+        { name: "Ana Sayfa", id: "hero" },
+        { name: "Hakkımızda", id: "about" },
+        { name: "Ürünler", id: "/products" },
+        { name: "İletişim", id: "contact" },
       ]}
       brandName="Melody Baku"
     />
@@ -47,49 +44,34 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars"}}
+      background={{ 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: "100+",          label: "Projects Completed"},
-        {
-          value: "50+",          label: "Global Collaborations"},
+        { value: "15+", label: "Years Experience" },
+        { value: "100+", label: "Projects Completed" },
+        { 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"
       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/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/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/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/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/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: "Pro-Level Sound Design"},
-        {
-          type: "text",          text: "Worldwide Collaboration"},
-        {
-          type: "text",          text: "Artist Development Focus"},
-        {
-          type: "text",          text: "High-Fidelity Engineering"},
+        { type: "text", text: "Grammy-Nominated Mixing" },
+        { type: "text", text: "Pro-Level Sound Design" },
+        { type: "text", text: "Worldwide Collaboration" },
+        { type: "text", text: "Artist Development Focus" },
+        { type: "text", text: "High-Fidelity Engineering" },
       ]}
     />
   </div>
@@ -113,45 +95,9 @@ export default function LandingPage() {
       textboxLayout="split"
       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"},
-          items: [
-            {
-              icon: Check,
-              text: "Mixing & Mastering"},
-            {
-              icon: Check,
-              text: "Sound Design"},
-          ],
-          reverse: false,
-        },
-        {
-          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"},
-            {
-              icon: Check,
-              text: "Mentorship"},
-          ],
-          reverse: true,
-        },
-        {
-          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"},
-            {
-              icon: Check,
-              text: "Ad Jingles"},
-          ],
-          reverse: false,
-        },
+        { 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" }, { icon: Check, text: "Sound Design" }], reverse: false },
+        { 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" }, { icon: Check, text: "Mentorship" }], reverse: true },
+        { 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" }, { icon: Check, text: "Ad Jingles" }], reverse: false },
       ]}
       title="Our Studio Specializations"
       description="Professional services tailored for modern artists and media production."
@@ -165,24 +111,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       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: "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: "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: "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: "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", onProductClick: () => window.location.href = "/products/p1" },
+        { 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", onProductClick: () => window.location.href = "/products/p2" },
+        { 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", onProductClick: () => window.location.href = "/products/p3" },
       ]}
       title="Featured Gear & Releases"
       description="Explore the tools we use and the sounds we've curated."
@@ -195,16 +126,9 @@ export default function LandingPage() {
       textboxLayout="split"
       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: "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: "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: "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: "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" },
       ]}
       title="What Artists Are Saying"
       description="Trust our craft to define your unique sonic footprint."
@@ -217,12 +141,9 @@ export default function LandingPage() {
       title="Industry Footprint"
       tag="Performance"
       metrics={[
-        {
-          id: "m1",          value: "120+",          description: "Global Projects"},
-        {
-          id: "m2",          value: "99%",          description: "Client Satisfaction"},
-        {
-          id: "m3",          value: "2.5M+",          description: "Streams Produced"},
+        { id: "m1", value: "120+", description: "Global Projects" },
+        { id: "m2", value: "99%", description: "Client Satisfaction" },
+        { id: "m3", value: "2.5M+", description: "Streams Produced" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -233,12 +154,8 @@ export default function LandingPage() {
       textboxLayout="split"
       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: "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: "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." },
       ]}
       title="Frequently Asked Questions"
       description="Answers to common questions regarding our production process."
@@ -252,15 +169,10 @@ export default function LandingPage() {
       title="Start Your Music Journey"
       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: "email",          type: "email",          placeholder: "E-posta",          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Adınız", required: true },
+        { name: "email", type: "email", placeholder: "E-posta", required: true },
       ]}
-      textarea={{
-        name: "message",        placeholder: "Projeniz hakkında bilgi verin..."}}
+      textarea={{ 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>
@@ -270,12 +182,8 @@ export default function LandingPage() {
       logoText="Melody Baku"
       copyrightText="© 2025 Melody Baku | Tüm Hakları Saklıdır"
       socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
-        {
-          icon: Twitter,
-          href: "#",          ariaLabel: "Twitter"},
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
       ]}
     />
   </div>