bender/bc3fcfbe-95b0-4e3b-b45f-4e63715bc9a6
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-05-20 16:35:21 +00:00
parent 17ebebed13
commit aed57776c6
1 changed files with 47 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/app/page.tsx
View File

@@ -31,14 +31,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Hero", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
{ name: "Giriş", id: "hero" },
{ name: "Hakkımızda", id: "about" },
{ name: "Hizmetler", id: "services" },
{ name: "Ekibimiz", id: "team" },
{ name: "Fiyatlar", id: "pricing" },
{ name: "Yorumlar", id: "testimonials" },
{ name: "SSS", id: "faq" },
{ name: "İletişim", id: "contact" }
]}
brandName="Silver Hair Studio"
/>
@@ -47,14 +47,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "plain" }}
title="The Art of Beautiful Hair"
description="Where precision meets artistry. Silver Hair Studio is Kadıköy's premier destination for elevated hair experiences."
title="Güzel Saçın Sanatı"
description="Hassasiyet sanatla buluşuyor. Silver Hair Studio, Kadıköy'ün seçkin saç deneyimi noktasıdır."
tag="Kadıköy, İstanbul"
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Our Services", href: "#services" }]}
buttons={[{ text: "Randevu Alın", href: "#contact" }, { text: "Hizmetlerimiz", href: "#services" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/skiing-snowboarding-equipment_482257-76571.jpg?_wi=1", imageAlt: "Studio aesthetic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4440.jpg?_wi=1", imageAlt: "Working on hair" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg", imageAlt: "Studio detail" }
{ imageSrc: "http://img.b2bpic.net/free-photo/skiing-snowboarding-equipment_482257-76571.jpg?_wi=1", imageAlt: "Stüdyo estetiği" },
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4440.jpg?_wi=1", imageAlt: "Saç çalışması" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg", imageAlt: "Stüdyo detayı" }
]}
mediaAnimation="blur-reveal"
/>
@@ -63,10 +63,10 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Crafting Elegance"
description="At Silver Hair Studio, we combine refined technical skill with an artistic eye. Located in the heart of Kadıköy, we provide a serene environment where your individual vision is our primary focus."
title="Zarafet İnşası"
description="Silver Hair Studio'da, teknik ustalığı sanatsal bir bakış açısıyla birleştiriyoruz. Kadıköy'ün kalbinde, kişisel vizyonunuzun odak noktamız olduğu huzurlu bir ortam sunuyoruz."
imageSrc="http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-doing-haircut-boy-isolated-pink-wall_141793-105668.jpg"
imageAlt="Master Stylist at work"
imageAlt="Uzman Kuaför"
/>
</div>
@@ -75,12 +75,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{ tag: "Essential", title: "Cut & Style", subtitle: "From ₺350", description: "Precision cuts tailored to your face shape, lifestyle, and vision.", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg" },
{ tag: "Color", title: "Color & Highlights", subtitle: "From ₺650", description: "Full color, balayage, and highlights using premium professional products.", imageSrc: "http://img.b2bpic.net/free-photo/skiing-snowboarding-equipment_482257-76571.jpg?_wi=2" },
{ tag: "Luxury", title: "Keratin Treatment", subtitle: "From ₺1,200", description: "Restore shine, eliminate frizz, and smooth hair for up to 4 months.", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4440.jpg?_wi=2" }
{ tag: "Temel", title: "Kesim & Stil", subtitle: "350₺'den başlayan fiyatlarla", description: "Yüz şeklinize, yaşam tarzınıza ve vizyonunuza göre uyarlanmış hassas kesimler.", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg" },
{ tag: "Renk", title: "Renk & Röfle", subtitle: "650₺'den başlayan fiyatlarla", description: "Üstün profesyonel ürünler kullanılarak tam renk değişimi, balyaj ve röfle işlemleri.", imageSrc: "http://img.b2bpic.net/free-photo/skiing-snowboarding-equipment_482257-76571.jpg?_wi=2" },
{ tag: "Lüks", title: "Keratin Bakımı", subtitle: "1.200₺'den başlayan fiyatlarla", description: "4 aya kadar parlaklığı geri kazandırın, kabarmayı giderin ve saçınızı pürüzsüzleştirin.", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4440.jpg?_wi=2" }
]}
title="Our Services"
description="Explore our curated menu of hair care and styling services designed to enhance your natural beauty."
title="Hizmetlerimiz"
description="Doğal güzelliğinizi ön plana çıkarmak için tasarlanmış seçkin saç bakımı ve stil menümüzü keşfedin."
/>
</div>
@@ -91,12 +91,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "1", name: "Ayşe Y.", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg" },
{ id: "2", name: "Mehmet K.", role: "Colorist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-with-mascara_23-2148553439.jpg" },
{ id: "3", name: "Selin D.", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.jpg" }
{ id: "1", name: "Ayşe Y.", role: "Uzman Kuaför", imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg" },
{ id: "2", name: "Mehmet K.", role: "Renk Uzmanı", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-with-mascara_23-2148553439.jpg" },
{ id: "3", name: "Selin D.", role: "Stilist", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.jpg" }
]}
title="Meet Our Stylists"
description="Our team of professionals is dedicated to mastering the art of modern hair care."
title="Stilistlerimizle Tanışın"
description="Profesyonel ekibimiz, modern saç bakım sanatında uzmanlaşmaya kendini adamıştır."
/>
</div>
@@ -106,12 +106,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "1", title: "Essential Care", price: "₺350", period: "session", features: ["Consultation", "Precision Cut"], button: { text: "Book", href: "#contact" } },
{ id: "2", title: "Color & Care", price: "₺950", period: "session", features: ["Color", "Condition"], button: { text: "Book", href: "#contact" } },
{ id: "3", title: "Luxury", price: "₺1,500", period: "session", features: ["Keratin", "Style"], button: { text: "Book", href: "#contact" } }
{ id: "1", title: "Temel Bakım", price: "350₺", period: "seans", features: ["Konsültasyon", "Hassas Kesim"], button: { text: "Randevu Al", href: "#contact" } },
{ id: "2", title: "Renk & Bakım", price: "950₺", period: "seans", features: ["Renk", "Bakım"], button: { text: "Randevu Al", href: "#contact" } },
{ id: "3", title: "Lüks", price: "1.500₺", period: "seans", features: ["Keratin", "Stil"], button: { text: "Randevu Al", href: "#contact" } }
]}
title="Appointment Packages"
description="Select the perfect package for your hair goals."
title="Randevu Paketleri"
description="Saç hedefleriniz için en uygun paketi seçin."
/>
</div>
@@ -120,12 +120,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Great", quote: "Love it!", name: "Zeynep A.", role: "Client" },
{ id: "2", title: "Amazing", quote: "Best salon.", name: "Merve K.", role: "Client" },
{ id: "3", title: "Skilled", quote: "Very impressed.", name: "David K.", role: "Client" }
{ id: "1", title: "Harika", quote: "Çok sevdim!", name: "Zeynep A.", role: "Müşteri" },
{ id: "2", title: "Muhteşem", quote: "En iyi salon.", name: "Merve K.", role: "Müşteri" },
{ id: "3", title: "Uzman", quote: "Çok etkilendim.", name: "David K.", role: "Müşteri" }
]}
title="What Clients Say"
description="Join our community."
title="Müşterilerimiz Ne Diyor"
description="Topluluğumuza katılın."
/>
</div>
@@ -134,22 +134,22 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Appointment?", content: "Yes, required." },
{ id: "f2", title: "Location?", content: "Kadıköy." },
{ id: "f3", title: "Hours?", content: "Mon-Sat." }
{ id: "f1", title: "Randevu gerekli mi?", content: "Evet, randevu almanız gerekmektedir." },
{ id: "f2", title: "Neredesiniz?", content: "Kadıköy merkezdeyiz." },
{ id: "f3", title: "Çalışma saatleri?", content: "Pazartesi-Cumartesi arası açığız." }
]}
faqsAnimation="blur-reveal"
title="Common Questions"
description="Everything you need to know."
title="Sıkça Sorulan Sorular"
description="Bilmeniz gereken her şey."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Reserve Your Seat"
title="Book an Appointment"
description="Ready to transform your style? Reach out to us today."
buttons={[{ text: "Call (0216) 449 22 71", href: "tel:+902164492271" }]}
tag="Randevunuzu Ayırın"
title="Randevu Alın"
description="Stilinizi dönüştürmeye hazır mısınız? Bugün bize ulaşın."
buttons={[{ text: "Arayın (0216) 449 22 71", href: "tel:+902164492271" }]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
@@ -165,4 +165,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}