Merge version_2 into main #3
170
src/app/page.tsx
170
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>
|
||||
|
||||
33
src/app/products/[id]/page.tsx
Normal file
33
src/app/products/[id]/page.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { useParams } from "next/navigation";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function ProductDetail() {
|
||||
const { id } = useParams();
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<NavbarStyleCentered
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Products", id: "/products" }]}
|
||||
brandName="Melody Baku"
|
||||
/>
|
||||
<main className="container mx-auto py-24 min-h-screen flex flex-col items-center justify-center">
|
||||
<h1 className="text-4xl font-bold mb-6">Product Details: {id}</h1>
|
||||
<p className="mb-8 text-lg max-w-xl text-center">This is the detail page for product {id}. Here you can see specific technical specs, high-resolution imagery, and a direct checkout integration.</p>
|
||||
<button
|
||||
className="bg-primary px-8 py-4 rounded-full text-white font-semibold hover:scale-105 transition-all"
|
||||
onClick={() => alert("Processing payment for " + id)}
|
||||
>
|
||||
Buy Now
|
||||
</button>
|
||||
</main>
|
||||
<FooterCard
|
||||
logoText="Melody Baku"
|
||||
socialLinks={[{ icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: Twitter, href: "#", ariaLabel: "Twitter" }]}
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
56
src/app/products/page.tsx
Normal file
56
src/app/products/page.tsx
Normal file
@@ -0,0 +1,56 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import { Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
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>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Ana Sayfa", id: "/" },
|
||||
{ name: "Ürünler", id: "/products" },
|
||||
]}
|
||||
brandName="Melody Baku"
|
||||
/>
|
||||
<main className="pt-32 pb-20">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{ id: "p1", name: "Professional Headphones", price: "199$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bass-guitar-player-stage-with-set-distortion-effect-pedals_169016-13128.jpg" },
|
||||
{ id: "p2", name: "Synth Keyboard", price: "499$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/audio-technician-working-recording-editing-new-music-studio_482257-93653.jpg" },
|
||||
{ id: "p3", name: "Monitor Speakers", price: "299$", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64845.jpg" },
|
||||
{ id: "p4", name: "Condenser Microphone", price: "150$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/creative-musician-singing-guitar-professional-studio-control-room_482257-122299.jpg" },
|
||||
{ id: "p5", name: "Pro Audio Interface", price: "350$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg" },
|
||||
{ id: "p6", name: "Mixing Fader Set", price: "899$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg" },
|
||||
]}
|
||||
/>
|
||||
</main>
|
||||
<FooterCard
|
||||
logoText="Melody Baku"
|
||||
copyrightText="© 2025 Melody Baku | Tüm Hakları Saklıdır"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user