Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| caad63e6cc | |||
| 52fcd16590 | |||
| 89fa4383be | |||
| fe8dac52dc | |||
| df2c095eb3 | |||
| aed57776c6 | |||
| 17ebebed13 | |||
| f1b5b481a5 | |||
| ea06a6dc73 | |||
| 35c158d2eb |
@@ -31,14 +31,14 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Hero", id: "hero" },
|
{ name: "Giriş", id: "hero" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "Hakkımızda", id: "about" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Hizmetler", id: "services" },
|
||||||
{ name: "Team", id: "team" },
|
{ name: "Ekibimiz", id: "team" },
|
||||||
{ name: "Pricing", id: "pricing" },
|
{ name: "Fiyatlar", id: "pricing" },
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
{ name: "Yorumlar", id: "testimonials" },
|
||||||
{ name: "FAQ", id: "faq" },
|
{ name: "SSS", id: "faq" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "İletişim", id: "contact" }
|
||||||
]}
|
]}
|
||||||
brandName="Silver Hair Studio"
|
brandName="Silver Hair Studio"
|
||||||
/>
|
/>
|
||||||
@@ -47,14 +47,14 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
title="The Art of Beautiful Hair"
|
title="Güzel Saçın Sanatı"
|
||||||
description="Where precision meets artistry. Silver Hair Studio is Kadıköy's premier destination for elevated hair experiences."
|
description="Hassasiyet sanatla buluşuyor. Silver Hair Studio, Nişantaşı'nın seçkin saç deneyimi noktasıdır."
|
||||||
tag="Kadıköy, İstanbul"
|
tag="Nişantaşı, İstanbul"
|
||||||
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Our Services", href: "#services" }]}
|
buttons={[{ text: "Randevu Alın", href: "#contact" }, { text: "Hizmetlerimiz", href: "#services" }]}
|
||||||
mediaItems={[
|
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/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: "Working on hair" },
|
{ 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: "Studio detail" }
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg", imageAlt: "Stüdyo detayı" }
|
||||||
]}
|
]}
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -63,10 +63,10 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<MediaAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Crafting Elegance"
|
title="Zarafet İnşası"
|
||||||
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."
|
description="Silver Hair Studio'da, teknik ustalığı sanatsal bir bakış açısıyla birleştiriyoruz. Nişantaşı'nı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"
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -75,12 +75,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
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: "Temel", title: "Kesim & Stil", subtitle: "550₺'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: "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: "Renk", title: "Renk & Röfle", subtitle: "950₺'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: "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: "Lüks", title: "Keratin Bakımı", subtitle: "1.800₺'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"
|
title="Hizmetlerimiz"
|
||||||
description="Explore our curated menu of hair care and styling services designed to enhance your natural beauty."
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -91,12 +91,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
members={[
|
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: "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: "Colorist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-with-mascara_23-2148553439.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: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.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"
|
title="Stilistlerimizle Tanışın"
|
||||||
description="Our team of professionals is dedicated to mastering the art of modern hair care."
|
description="Profesyonel ekibimiz, modern saç bakım sanatında uzmanlaşmaya kendini adamıştır."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -106,12 +106,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{ id: "1", title: "Essential Care", price: "₺350", period: "session", features: ["Consultation", "Precision Cut"], button: { text: "Book", href: "#contact" } },
|
{ id: "1", title: "Temel Bakım", price: "550₺", period: "seans", features: ["Konsültasyon", "Hassas Kesim"], button: { text: "Randevu Al", href: "#contact" } },
|
||||||
{ id: "2", title: "Color & Care", price: "₺950", period: "session", features: ["Color", "Condition"], button: { text: "Book", href: "#contact" } },
|
{ id: "2", title: "Renk & Bakım", price: "1.200₺", period: "seans", features: ["Renk", "Bakım"], button: { text: "Randevu Al", href: "#contact" } },
|
||||||
{ id: "3", title: "Luxury", price: "₺1,500", period: "session", features: ["Keratin", "Style"], button: { text: "Book", href: "#contact" } }
|
{ id: "3", title: "Lüks", price: "2.200₺", period: "seans", features: ["Keratin", "Stil"], button: { text: "Randevu Al", href: "#contact" } }
|
||||||
]}
|
]}
|
||||||
title="Appointment Packages"
|
title="Randevu Paketleri"
|
||||||
description="Select the perfect package for your hair goals."
|
description="Saç hedefleriniz için en uygun paketi seçin."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -120,12 +120,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{ id: "1", title: "Great", quote: "Love it!", name: "Zeynep A.", role: "Client" },
|
{ id: "1", title: "Harika", quote: "Çok sevdim!", name: "Zeynep A.", role: "Müşteri" },
|
||||||
{ id: "2", title: "Amazing", quote: "Best salon.", name: "Merve K.", role: "Client" },
|
{ id: "2", title: "Muhteşem", quote: "En iyi salon.", name: "Merve K.", role: "Müşteri" },
|
||||||
{ id: "3", title: "Skilled", quote: "Very impressed.", name: "David K.", role: "Client" }
|
{ id: "3", title: "Uzman", quote: "Çok etkilendim.", name: "David K.", role: "Müşteri" }
|
||||||
]}
|
]}
|
||||||
title="What Clients Say"
|
title="Müşterilerimiz Ne Diyor"
|
||||||
description="Join our community."
|
description="Topluluğumuza katılın."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -134,22 +134,22 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "f1", title: "Appointment?", content: "Yes, required." },
|
{ id: "f1", title: "Randevu gerekli mi?", content: "Evet, randevu almanız gerekmektedir." },
|
||||||
{ id: "f2", title: "Location?", content: "Kadıköy." },
|
{ id: "f2", title: "Neredesiniz?", content: "Nişantaşı, Valikonağı caddesinde hizmetinizdeyiz." },
|
||||||
{ id: "f3", title: "Hours?", content: "Mon-Sat." }
|
{ id: "f3", title: "Çalışma saatleri?", content: "Pazartesi-Cumartesi arası açığız." }
|
||||||
]}
|
]}
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
title="Common Questions"
|
title="Sıkça Sorulan Sorular"
|
||||||
description="Everything you need to know."
|
description="Bilmeniz gereken her şey."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
tag="Reserve Your Seat"
|
tag="Randevunuzu Ayırın"
|
||||||
title="Book an Appointment"
|
title="Randevu Alın"
|
||||||
description="Ready to transform your style? Reach out to us today."
|
description="Stilinizi dönüştürmeye hazır mısınız? Bugün bize ulaşın."
|
||||||
buttons={[{ text: "Call (0216) 449 22 71", href: "tel:+902164492271" }]}
|
buttons={[{ text: "Arayın (0212) 333 44 55", href: "tel:+902123334455" }]}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
@@ -159,7 +159,7 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Silver Hair Studio"
|
logoText="Silver Hair Studio"
|
||||||
leftLink={{ text: "© 2025", href: "#" }}
|
leftLink={{ text: "© 2025", href: "#" }}
|
||||||
rightLink={{ text: "Kadıköy", href: "#" }}
|
rightLink={{ text: "Nişantaşı", href: "#" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user