bender/365c8f87-7251-4377-924d-ce9ba0f24636
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
97f1f5064d Update src/app/styles/base.css 2026-05-19 16:57:41 +00:00
bender
675072c6bc Update src/app/page.tsx 2026-05-19 16:57:41 +00:00
bender
2c0d253019 Update src/app/layout.tsx 2026-05-19 16:57:40 +00:00
bender
e4f63108e7 Merge version_1 into main 
Merge version_1 into main
 2026-05-19 16:54:39 +00:00
3 changed files with 64 additions and 199 deletions
Expand all files Collapse all files

10
src/app/layout.tsx
View File

@@ -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
View File

@@ -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"},
],
},
]}

4
src/app/styles/base.css
View File

@@ -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;
}