Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Blue Bear Tattoo"
|
||||
/>
|
||||
@@ -59,51 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Sanatın Tenle Buluştuğu Yer: Blue Bear"
|
||||
description="Blue Bear Tattoo & Piercing Cafe'de, hijyenik ve modern stüdyo ortamımızda hayalinizdeki dövmeyi birer sanat eserine dönüştürüyoruz. Uzman ekibimizle profesyonel piercing ve dövme hizmetlerinde sınırları zorluyoruz."
|
||||
buttons={[
|
||||
{
|
||||
text: "Randevu Al",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Randevu Al", href: "#contact"},
|
||||
{
|
||||
text: "Çalışmalarımızı İncele",
|
||||
href: "#recent-works",
|
||||
},
|
||||
text: "Çalışmalarımızı İncele", href: "#recent-works"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-master-preparing-sketch-tattoo_627829-12067.jpg",
|
||||
imageAlt: "Blue Bear Studio Interior",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/tattoo-master-preparing-sketch-tattoo_627829-12067.jpg", imageAlt: "Blue Bear Studio Interior"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479243.jpg",
|
||||
imageAlt: "Tattoo Artist Working",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479243.jpg", imageAlt: "Tattoo Artist Working"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-professional-stainless-coffee-pot_613910-8830.jpg",
|
||||
imageAlt: "Professional Piercing Setup",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-professional-stainless-coffee-pot_613910-8830.jpg", imageAlt: "Professional Piercing Setup"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skull-candle-arrangement-still-life_23-2150569394.jpg",
|
||||
imageAlt: "Tattoo Design Process",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/skull-candle-arrangement-still-life_23-2150569394.jpg", imageAlt: "Tattoo Design Process"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-19715.jpg",
|
||||
imageAlt: "Studio Atmosphere",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-creative-master-with-dreadlocks-is-working-new-peace-big-leg-tattoo-customer_613910-19715.jpg", imageAlt: "Studio Atmosphere"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-tattoo-artist-mixing-colors-plastic-cup_181624-9550.jpg",
|
||||
imageAlt: "Modern Piercing Station",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-tattoo-artist-mixing-colors-plastic-cup_181624-9550.jpg", imageAlt: "Modern Piercing Station"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,9 +80,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Stüdyo Hakkında"
|
||||
description={[
|
||||
"Blue Bear Tattoo & Piercing Cafe, sadece bir stüdyo değil, aynı zamanda kişisel ifadenin en güçlü halini sunan bir yaşam alanıdır. 2015 yılından bu yana, yüksek hijyen standartları ve sanatsal mükemmeliyetle hizmet veriyoruz.",
|
||||
"Deneyimli sanatçılarımız ve piercing uzmanlarımızla her detayı sizin için kişiselleştiriyoruz. Stüdyomuzda, kahvenizi yudumlarken dövme tasarımınızı sanatçınızla beraber oluşturabileceğiniz rahat bir atmosfer sunuyoruz.",
|
||||
]}
|
||||
"Blue Bear Tattoo & Piercing Cafe, sadece bir stüdyo değil, aynı zamanda kişisel ifadenin en güçlü halini sunan bir yaşam alanıdır. 2015 yılından bu yana, yüksek hijyen standartları ve sanatsal mükemmeliyetle hizmet veriyoruz.", "Deneyimli sanatçılarımız ve piercing uzmanlarımızla her detayı sizin için kişiselleştiriyoruz. Stüdyomuzda, kahvenizi yudumlarken dövme tasarımınızı sanatçınızla beraber oluşturabileceğiniz rahat bir atmosfer sunuyoruz."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,23 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Özel Dövme Tasarımı",
|
||||
description: "İsteğinize özel, tamamen size özgü çizimler ve profesyonel uygulama.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-tattooed-man-with-piercing-his-nose-ears-looking-camera_23-2148121967.jpg",
|
||||
imageAlt: "Custom Tattoo Design",
|
||||
},
|
||||
title: "Özel Dövme Tasarımı", description: "İsteğinize özel, tamamen size özgü çizimler ve profesyonel uygulama.", imageSrc: "http://img.b2bpic.net/free-photo/young-tattooed-man-with-piercing-his-nose-ears-looking-camera_23-2148121967.jpg", imageAlt: "Custom Tattoo Design"},
|
||||
{
|
||||
title: "Profesyonel Piercing",
|
||||
description: "Steril ekipmanlarla, güvenli ve estetik vücut piercing işlemleri.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-finger-her-lips-with-red-lipstick-unbuttoned-shirt-gloves_1268-20020.jpg",
|
||||
imageAlt: "Professional Piercing",
|
||||
},
|
||||
title: "Profesyonel Piercing", description: "Steril ekipmanlarla, güvenli ve estetik vücut piercing işlemleri.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-woman-with-finger-her-lips-with-red-lipstick-unbuttoned-shirt-gloves_1268-20020.jpg", imageAlt: "Professional Piercing"},
|
||||
{
|
||||
title: "Kapatma ve Yenileme",
|
||||
description: "Eski veya beğenmediğiniz dövmelerinizi sanat eseriyle yeniliyoruz.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-resting-white-sheet_1321-970.jpg",
|
||||
imageAlt: "Tattoo Coverup",
|
||||
},
|
||||
title: "Kapatma ve Yenileme", description: "Eski veya beğenmediğiniz dövmelerinizi sanat eseriyle yeniliyoruz.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-colorful-tattoos-resting-white-sheet_1321-970.jpg", imageAlt: "Tattoo Coverup"},
|
||||
]}
|
||||
title="Hizmetlerimiz"
|
||||
description="Size sunduğumuz profesyonel dövme ve piercing çözümlerimizle güvenli ve sanatsal bir deneyim vadediyoruz."
|
||||
@@ -158,23 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Caner Demir",
|
||||
role: "Master Tattoo Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-his-job-medium-shot_23-2149525945.jpg",
|
||||
},
|
||||
id: "m1", name: "Caner Demir", role: "Master Tattoo Artist", imageSrc: "http://img.b2bpic.net/free-photo/tattoo-artist-doing-his-job-medium-shot_23-2149525945.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Selin Yılmaz",
|
||||
role: "Head Piercer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg",
|
||||
},
|
||||
id: "m2", name: "Selin Yılmaz", role: "Head Piercer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Mert Akın",
|
||||
role: "Graphic Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-sunglasses-with-tattoo-his-arm_613910-12150.jpg",
|
||||
},
|
||||
id: "m3", name: "Mert Akın", role: "Graphic Artist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-sunglasses-with-tattoo-his-arm_613910-12150.jpg"},
|
||||
]}
|
||||
title="Sanatçı Kadromuz"
|
||||
description="Blue Bear'ın yaratıcı ve profesyonel ekibiyle tanışın."
|
||||
@@ -187,45 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Harika Deneyim",
|
||||
quote: "İnanılmaz ilgili ve hijyenikler. Dövmem tam hayal ettiğim gibi oldu.",
|
||||
name: "Ayşe K.",
|
||||
role: "Müşteri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4484.jpg",
|
||||
},
|
||||
id: "t1", title: "Harika Deneyim", quote: "İnanılmaz ilgili ve hijyenikler. Dövmem tam hayal ettiğim gibi oldu.", name: "Ayşe K.", role: "Müşteri", imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-man-sitting-cafe_273609-4484.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Güvenilir Stüdyo",
|
||||
quote: "Piercing için gelmiştim, çok steril ve hızlı bir süreçti.",
|
||||
name: "Kerem S.",
|
||||
role: "Müşteri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
},
|
||||
id: "t2", title: "Güvenilir Stüdyo", quote: "Piercing için gelmiştim, çok steril ve hızlı bir süreçti.", name: "Kerem S.", role: "Müşteri", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Sanatsal Bakış",
|
||||
quote: "Tasarım sürecindeki profesyonellikleri beni çok etkiledi.",
|
||||
name: "Deniz T.",
|
||||
role: "Müşteri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-white-sweater_176474-102342.jpg",
|
||||
},
|
||||
id: "t3", title: "Sanatsal Bakış", quote: "Tasarım sürecindeki profesyonellikleri beni çok etkiledi.", name: "Deniz T.", role: "Müşteri", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-white-sweater_176474-102342.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Kesinlikle Tavsiye",
|
||||
quote: "İkinci dövmemi yaptırdım ve yine harikaydı.",
|
||||
name: "Emre V.",
|
||||
role: "Müşteri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-brutal-man-with-beard_343596-7507.jpg",
|
||||
},
|
||||
id: "t4", title: "Kesinlikle Tavsiye", quote: "İkinci dövmemi yaptırdım ve yine harikaydı.", name: "Emre V.", role: "Müşteri", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-brutal-man-with-beard_343596-7507.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Harika Hizmet",
|
||||
quote: "Kahve eşliğinde rahat bir dövme süreciydi, teşekkürler.",
|
||||
name: "Melis B.",
|
||||
role: "Müşteri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-playful-woman-with-bunch-pink-hair-tattoo-wearing-white-t-shirt-blinking-eye-smiling-broadly-while-flirting-with-her-boyfriend-pretty-hipster-female-having-fun-indoors-isolated_273609-572.jpg",
|
||||
},
|
||||
id: "t5", title: "Harika Hizmet", quote: "Kahve eşliğinde rahat bir dövme süreciydi, teşekkürler.", name: "Melis B.", role: "Müşteri", imageSrc: "http://img.b2bpic.net/free-photo/glad-playful-woman-with-bunch-pink-hair-tattoo-wearing-white-t-shirt-blinking-eye-smiling-broadly-while-flirting-with-her-boyfriend-pretty-hipster-female-having-fun-indoors-isolated_273609-572.jpg"},
|
||||
]}
|
||||
title="Müşteri Yorumları"
|
||||
description="Blue Bear stüdyosundan mutlu ayrılan misafirlerimizin görüşleri."
|
||||
@@ -234,64 +145,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="recent-works" data-section="recent-works">
|
||||
<ProductCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "w1",
|
||||
brand: "Ink Art",
|
||||
name: "Minimalist Dövme",
|
||||
price: "₺800",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mecha-skull-fire_4513-1851.jpg",
|
||||
},
|
||||
id: "w1", brand: "Ink Art", name: "Minimalist Dövme", price: "₺800", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-vector/mecha-skull-fire_4513-1851.jpg"},
|
||||
{
|
||||
id: "w2",
|
||||
brand: "Ink Art",
|
||||
name: "Fine Line",
|
||||
price: "₺950",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-diligent-woman-is-working-lamp-studio-with-tape-colourful-triangles_613910-21515.jpg",
|
||||
},
|
||||
id: "w2", brand: "Ink Art", name: "Fine Line", price: "₺950", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/busy-diligent-woman-is-working-lamp-studio-with-tape-colourful-triangles_613910-21515.jpg"},
|
||||
{
|
||||
id: "w3",
|
||||
brand: "Piercing",
|
||||
name: "Gold Piercing",
|
||||
price: "₺450",
|
||||
rating: 4,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-producing-craft-beer_23-2148111034.jpg",
|
||||
},
|
||||
id: "w3", brand: "Piercing", name: "Gold Piercing", price: "₺450", rating: 4,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/man-producing-craft-beer_23-2148111034.jpg"},
|
||||
{
|
||||
id: "w4",
|
||||
brand: "Ink Art",
|
||||
name: "Geometric Art",
|
||||
price: "₺1200",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/kitsuni-esport-vintage-logo_4513-1862.jpg",
|
||||
},
|
||||
id: "w4", brand: "Ink Art", name: "Geometric Art", price: "₺1200", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-vector/kitsuni-esport-vintage-logo_4513-1862.jpg"},
|
||||
{
|
||||
id: "w5",
|
||||
brand: "Ink Art",
|
||||
name: "Black Work",
|
||||
price: "₺1100",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-nature-linear-illustration_53876-61528.jpg",
|
||||
},
|
||||
id: "w5", brand: "Ink Art", name: "Black Work", price: "₺1100", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-vector/set-nature-linear-illustration_53876-61528.jpg"},
|
||||
{
|
||||
id: "w6",
|
||||
brand: "Ink Art",
|
||||
name: "Traditional Art",
|
||||
price: "₺1500",
|
||||
rating: 5,
|
||||
reviewCount: "11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-black-lip-dyed-hair-closing-her-eyes_23-2147910206.jpg",
|
||||
},
|
||||
id: "w6", brand: "Ink Art", name: "Traditional Art", price: "₺1500", rating: 5,
|
||||
reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-black-lip-dyed-hair-closing-her-eyes_23-2147910206.jpg"},
|
||||
]}
|
||||
title="Önceki Çalışmalarımız"
|
||||
description="Stüdyomuzdan en özel dövme ve piercing çalışmaları."
|
||||
@@ -304,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Dövme acıtır mı?",
|
||||
content: "Kişiden kişiye değişmekle birlikte, genellikle tolere edilebilir bir düzeydedir.",
|
||||
},
|
||||
id: "f1", title: "Dövme acıtır mı?", content: "Kişiden kişiye değişmekle birlikte, genellikle tolere edilebilir bir düzeydedir."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Randevuyu nasıl alırım?",
|
||||
content: "İletişim formumuzdan veya sosyal medya hesaplarımızdan bize ulaşarak randevunuzu oluşturabilirsiniz.",
|
||||
},
|
||||
id: "f2", title: "Randevuyu nasıl alırım?", content: "İletişim formumuzdan veya sosyal medya hesaplarımızdan bize ulaşarak randevunuzu oluşturabilirsiniz."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hijyenik mi?",
|
||||
content: "Tüm ekipmanlarımız tek kullanımlıktır ve stüdyomuz sterilizasyon standartlarına tam uyum sağlar.",
|
||||
},
|
||||
id: "f3", title: "Hijyenik mi?", content: "Tüm ekipmanlarımız tek kullanımlıktır ve stüdyomuz sterilizasyon standartlarına tam uyum sağlar."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-tattoo-artist-drawing_23-2149525933.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -331,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="İletişim"
|
||||
title="Randevu Takip Sistemi"
|
||||
description="Sizinle tanışmak ve hayalinizdeki tasarımı uygulamak için heyecanlıyız. Randevu talebinizi hemen iletin, ekibimiz size en kısa sürede dönüş yapsın."
|
||||
@@ -348,42 +214,27 @@ export default function LandingPage() {
|
||||
logoText="Blue Bear Tattoo & Piercing"
|
||||
columns={[
|
||||
{
|
||||
title: "Hizmetler",
|
||||
items: [
|
||||
title: "Hizmetler", items: [
|
||||
{
|
||||
label: "Dövme",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Dövme", href: "#services"},
|
||||
{
|
||||
label: "Piercing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Piercing", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Bize Ulaşın",
|
||||
items: [
|
||||
title: "Bize Ulaşın", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "Telegram Bot",
|
||||
href: "#",
|
||||
},
|
||||
label: "Telegram Bot", href: "#"},
|
||||
{
|
||||
label: "WhatsApp Bot",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp Bot", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Adres",
|
||||
items: [
|
||||
title: "Adres", items: [
|
||||
{
|
||||
label: "Merkez Mh. Sanat Sk. No: 1, İstanbul",
|
||||
href: "#",
|
||||
},
|
||||
label: "Merkez Mh. Sanat Sk. No: 1, İstanbul", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user