Merge version_2 into main #2
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Nunito_Sans } from "next/font/google";
|
||||
import { Bebas_Neue } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -20,9 +21,10 @@ export const metadata: Metadata = {
|
||||
},
|
||||
};
|
||||
|
||||
const nunitoSans = Nunito_Sans({
|
||||
variable: "--font-nunito-sans",
|
||||
subsets: ["latin"],
|
||||
|
||||
const bebasNeue = Bebas_Neue({
|
||||
variable: "--font-bebas-neue", subsets: ["latin"],
|
||||
weight: ["400"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -33,7 +35,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${nunitoSans.variable} antialiased`}>
|
||||
<body className={`${bebasNeue.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
249
src/app/page.tsx
249
src/app/page.tsx
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Ana Sayfa",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Ana Sayfa", id: "hero"},
|
||||
{
|
||||
name: "Hizmetler",
|
||||
id: "hizmetler",
|
||||
},
|
||||
name: "Hizmetler", id: "hizmetler"},
|
||||
{
|
||||
name: "Galeri",
|
||||
id: "galeri",
|
||||
},
|
||||
name: "Galeri", id: "galeri"},
|
||||
{
|
||||
name: "Hakkımızda",
|
||||
id: "hakkimizda",
|
||||
},
|
||||
name: "Hakkımızda", id: "hakkimizda"},
|
||||
{
|
||||
name: "Yorumlar",
|
||||
id: "yorumlar",
|
||||
},
|
||||
name: "Yorumlar", id: "yorumlar"},
|
||||
{
|
||||
name: "İletişim",
|
||||
id: "iletisim",
|
||||
},
|
||||
name: "İletişim", id: "iletisim"},
|
||||
]}
|
||||
button={{
|
||||
text: "Randevu Al",
|
||||
href: "#iletisim",
|
||||
}}
|
||||
text: "Randevu Al", href: "#iletisim"}}
|
||||
brandName="216 BERBER"
|
||||
/>
|
||||
</div>
|
||||
@@ -66,51 +52,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Tarzını Profesyonelliğe Bırak."
|
||||
description="Kadıköy Erenköy’de modern erkek bakımının yeni adresi. Profesyonel saç kesimi, sakal tasarımı ve premium hizmet deneyimi."
|
||||
buttons={[
|
||||
{
|
||||
text: "Randevu Al",
|
||||
href: "#iletisim",
|
||||
},
|
||||
text: "Randevu Al", href: "#iletisim"},
|
||||
{
|
||||
text: "Yol Tarifi",
|
||||
href: "#iletisim",
|
||||
},
|
||||
text: "Yol Tarifi", href: "#iletisim"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg",
|
||||
imageAlt: "Barber shop mood",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg", imageAlt: "Barber shop mood"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-barber_23-2147778874.jpg",
|
||||
imageAlt: "Barber cutting hair",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-barber_23-2147778874.jpg", imageAlt: "Barber cutting hair"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg",
|
||||
imageAlt: "Beard trim",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg", imageAlt: "Beard trim"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush_53876-42040.jpg",
|
||||
imageAlt: "Grooming detail",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush_53876-42040.jpg", imageAlt: "Grooming detail"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg",
|
||||
imageAlt: "Premium shop",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg", imageAlt: "Premium shop"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg",
|
||||
imageAlt: "Client experience",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg", imageAlt: "Client experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,26 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.6",
|
||||
title: "Google Puanı",
|
||||
description: "Memnuniyet odaklı",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg",
|
||||
},
|
||||
id: "m1", value: "4.6", title: "Google Puanı", description: "Memnuniyet odaklı", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "119+",
|
||||
title: "Mutlu Müşteri",
|
||||
description: "Gerçek yorumlar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
|
||||
},
|
||||
id: "m2", value: "119+", title: "Mutlu Müşteri", description: "Gerçek yorumlar", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Hijyen",
|
||||
description: "Steril ekipmanlar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-studio-high-angle_23-2149518244.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Hijyen", description: "Steril ekipmanlar", imageSrc: "http://img.b2bpic.net/free-photo/sensitive-man-posing-studio-high-angle_23-2149518244.jpg"},
|
||||
]}
|
||||
title="Neden 216 Berber?"
|
||||
description="Premium kalite, hijyenik ortam ve profesyonel ustalık."
|
||||
@@ -155,32 +103,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Modern Saç Kesimi",
|
||||
descriptions: [
|
||||
"Klasik ve modern dokunuşlar.",
|
||||
"Süresi: 45 dk",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doing-new-hairstyle-male-model-using-hairspray_651396-965.jpg",
|
||||
},
|
||||
id: "f1", title: "Modern Saç Kesimi", descriptions: [
|
||||
"Klasik ve modern dokunuşlar.", "Süresi: 45 dk"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doing-new-hairstyle-male-model-using-hairspray_651396-965.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Sakal Tasarımı",
|
||||
descriptions: [
|
||||
"Yüz tipinize en uygun kesim.",
|
||||
"Süresi: 30 dk",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-senior-man-face-with-well-groomed-long-beard_23-2148181938.jpg",
|
||||
},
|
||||
id: "f2", title: "Sakal Tasarımı", descriptions: [
|
||||
"Yüz tipinize en uygun kesim.", "Süresi: 30 dk"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-senior-man-face-with-well-groomed-long-beard_23-2148181938.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cilt Bakımı",
|
||||
descriptions: [
|
||||
"Canlandırıcı maske ve temizlik.",
|
||||
"Süresi: 20 dk",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg",
|
||||
},
|
||||
id: "f3", title: "Cilt Bakımı", descriptions: [
|
||||
"Canlandırıcı maske ve temizlik.", "Süresi: 20 dk"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg"},
|
||||
]}
|
||||
title="Hizmetlerimiz"
|
||||
description="Size özel premium bakım seçenekleri."
|
||||
@@ -195,41 +128,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Fade",
|
||||
price: "Görünüm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7374.jpg",
|
||||
},
|
||||
id: "p1", name: "Modern Fade", price: "Görünüm", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7374.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Klasik Kesim",
|
||||
price: "Görünüm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4461.jpg",
|
||||
},
|
||||
id: "p2", name: "Klasik Kesim", price: "Görünüm", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4461.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sakal Tasarımı",
|
||||
price: "Görünüm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-straight-razors_23-2147778743.jpg",
|
||||
},
|
||||
id: "p3", name: "Sakal Tasarımı", price: "Görünüm", imageSrc: "http://img.b2bpic.net/free-photo/two-straight-razors_23-2147778743.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Premium Tıraş",
|
||||
price: "Görünüm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg",
|
||||
},
|
||||
id: "p4", name: "Premium Tıraş", price: "Görünüm", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cilt Bakımı",
|
||||
price: "Görünüm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
|
||||
},
|
||||
id: "p5", name: "Cilt Bakımı", price: "Görünüm", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ense Detay",
|
||||
price: "Görünüm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150801.jpg",
|
||||
},
|
||||
id: "p6", name: "Ense Detay", price: "Görünüm", imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150801.jpg"},
|
||||
]}
|
||||
title="Çalışmalarımız"
|
||||
description="216 Berber tarzını keşfedin."
|
||||
@@ -244,17 +153,11 @@ export default function LandingPage() {
|
||||
description="Yılların deneyimiyle modern barber kültürünü birleştiren güvenilir mahalle berberi. Mustafa, Bülent Bey ve Atilla ile en kaliteli erkek bakımı."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Profesyonel Ekip",
|
||||
description: "Deneyimli ustalarımızla tarzınızı yaratıyoruz.",
|
||||
},
|
||||
title: "Profesyonel Ekip", description: "Deneyimli ustalarımızla tarzınızı yaratıyoruz."},
|
||||
{
|
||||
title: "Hijyenik Ortam",
|
||||
description: "Steril çalışma ve konforlu alan.",
|
||||
},
|
||||
title: "Hijyenik Ortam", description: "Steril çalışma ve konforlu alan."},
|
||||
{
|
||||
title: "Modern Kültür",
|
||||
description: "Gelenekselle modernin uyumu.",
|
||||
},
|
||||
title: "Modern Kültür", description: "Gelenekselle modernin uyumu."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dx1tUh6lX33tgXtNV9xmLUkMWy/uploaded-1779209619955-ognfn9do.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -269,45 +172,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmet Y.",
|
||||
role: "Müşteri",
|
||||
company: "Kadıköy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
||||
},
|
||||
id: "t1", name: "Ahmet Y.", role: "Müşteri", company: "Kadıköy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mehmet K.",
|
||||
role: "Müşteri",
|
||||
company: "Erenköy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg",
|
||||
},
|
||||
id: "t2", name: "Mehmet K.", role: "Müşteri", company: "Erenköy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Can B.",
|
||||
role: "Müşteri",
|
||||
company: "Kadıköy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg",
|
||||
},
|
||||
id: "t3", name: "Can B.", role: "Müşteri", company: "Kadıköy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Barış S.",
|
||||
role: "Müşteri",
|
||||
company: "Erenköy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-guy-demonstrating-products-pointing-sideways_176420-18691.jpg",
|
||||
},
|
||||
id: "t4", name: "Barış S.", role: "Müşteri", company: "Erenköy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-guy-demonstrating-products-pointing-sideways_176420-18691.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Deniz A.",
|
||||
role: "Müşteri",
|
||||
company: "Kadıköy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-shirtless_23-2148696639.jpg",
|
||||
},
|
||||
id: "t5", name: "Deniz A.", role: "Müşteri", company: "Kadıköy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-shirtless_23-2148696639.jpg"},
|
||||
]}
|
||||
title="Müşterilerimiz Ne Diyor?"
|
||||
description="Müşteri memnuniyeti bizim için en büyük referanstır."
|
||||
@@ -318,14 +196,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ethemefendi Caddesi 108/A, Kadıköy / İstanbul. Telefon: (0216) 368 97 92. Çalışma Saatleri: 09:00 - 20:30. Randevunuzu hemen alın."
|
||||
buttons={[
|
||||
{
|
||||
text: "Hemen Randevu Al",
|
||||
href: "tel:02163689792",
|
||||
},
|
||||
text: "Hemen Randevu Al", href: "tel:02163689792"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -334,33 +209,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "216 Berber",
|
||||
items: [
|
||||
title: "216 Berber", items: [
|
||||
{
|
||||
label: "Ethemefendi Cad. 108/A",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ethemefendi Cad. 108/A", href: "#"},
|
||||
{
|
||||
label: "(0216) 368 97 92",
|
||||
href: "tel:02163689792",
|
||||
},
|
||||
label: "(0216) 368 97 92", href: "tel:02163689792"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hızlı Erişim",
|
||||
items: [
|
||||
title: "Hızlı Erişim", items: [
|
||||
{
|
||||
label: "Ana Sayfa",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Ana Sayfa", href: "#hero"},
|
||||
{
|
||||
label: "Hizmetler",
|
||||
href: "#hizmetler",
|
||||
},
|
||||
label: "Hizmetler", href: "#hizmetler"},
|
||||
{
|
||||
label: "Randevu",
|
||||
href: "#iletisim",
|
||||
},
|
||||
label: "Randevu", href: "#iletisim"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-nunito-sans), sans-serif;
|
||||
font-family: var(--font-bebas-neue), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-nunito-sans), sans-serif;
|
||||
font-family: var(--font-bebas-neue), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user