Update src/app/page.tsx

This commit is contained in:
2026-05-22 19:44:33 +00:00
parent 06647f2765
commit 1d7d64c632

View File

@@ -27,345 +27,145 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Ana Sayfa",
id: "hero",
},
{
name: "Hakkımızda",
id: "about",
},
{
name: "Menü",
id: "menu",
},
{
name: "Rezervasyon",
id: "contact",
},
]}
brandName="MEKAN MANGAL"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Ana Sayfa", id: "hero" },
{ name: "Hakkımızda", id: "about" },
{ name: "Menü", id: "menu" },
{ name: "Rezervasyon", id: "contact" },
]}
brandName="MEKAN MANGAL"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="MEKAN MANGAL"
description="Ateşin lezzetle buluştuğu yer. Özenle seçilen etler, ustalıkla hazırlanan mangal lezzetleri ve sıcak aile ortamı."
testimonials={[
{
name: "Ahmet Y.",
handle: "Müdavim",
testimonial: "Etler tam kıvamında pişmişti. Ailecek çok memnun kaldık.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4190.jpg?_wi=1",
},
{
name: "Zeynep S.",
handle: "Yerel Rehber",
testimonial: "Servis hızlı, ortam temiz ve yemekler çok lezzetli.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-setting-table-christmas-dinner_23-2147969378.jpg?_wi=1",
},
{
name: "Mehmet K.",
handle: "Müdavim",
testimonial: "Gerçekten kalite kokuyor, ellerinize sağlık.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117512.jpg?_wi=1",
},
{
name: "Can B.",
handle: "Gastronom",
testimonial: "Mangalın hakkını vermişler, çok başarılı.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598357.jpg?_wi=1",
},
{
name: "Deniz T.",
handle: "Gurme",
testimonial: "Sıcak atmosfer ve harika lezzetler, tekrar geleceğiz.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg?_wi=1",
},
]}
buttons={[
{
text: "MENÜYÜ İNCELE",
href: "#menu",
},
{
text: "REZERVASYON YAP",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/human-hand-roasting-meat-barbecue-grill_23-2147840857.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5281.jpg",
alt: "Müşteri 1",
},
{
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6819.jpg",
alt: "Müşteri 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459208.jpg",
alt: "Müşteri 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304419.jpg",
alt: "Müşteri 4",
},
{
src: "http://img.b2bpic.net/free-photo/fitness-home-diet-concept-young-woman-holding-pineapple-standing-kitchen-table_8353-8004.jpg",
alt: "Müşteri 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="MEKAN MANGAL"
description="Ateşin lezzetle buluştuğu yer. Özenle seçilen etler, ustalıkla hazırlanan mangal lezzetleri ve sıcak aile ortamı."
testimonials={[
{ name: "Ahmet Y.", handle: "Müdavim", testimonial: "Etler tam kıvamında pişmişti. Ailecek çok memnun kaldık.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4190.jpg" },
{ name: "Zeynep S.", handle: "Yerel Rehber", testimonial: "Servis hızlı, ortam temiz ve yemekler çok lezzetli.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-setting-table-christmas-dinner_23-2147969378.jpg" },
{ name: "Mehmet K.", handle: "Müdavim", testimonial: "Gerçekten kalite kokuyor, ellerinize sağlık.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117512.jpg" },
{ name: "Can B.", handle: "Gastronom", testimonial: "Mangalın hakkını vermişler, çok başarılı.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598357.jpg" },
{ name: "Deniz T.", handle: "Gurme", testimonial: "Sıcak atmosfer ve harika lezzetler, tekrar geleceğiz.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg" },
]}
buttons={[
{ text: "MENÜYÜ İNCELE", href: "#menu" },
{ text: "REZERVASYON YAP", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/human-hand-roasting-meat-barbecue-grill_23-2147840857.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5281.jpg", alt: "Müşteri 1" },
{ src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6819.jpg", alt: "Müşteri 2" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459208.jpg", alt: "Müşteri 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304419.jpg", alt: "Müşteri 4" },
{ src: "http://img.b2bpic.net/free-photo/fitness-home-diet-concept-young-woman-holding-pineapple-standing-kitchen-table_8353-8004.jpg", alt: "Müşteri 5" },
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Gelenekten Gelen Ustalık",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg",
alt: "Restoran İç Mekan",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "Gelenekten Gelen Ustalık" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg", alt: "Restoran İç Mekan" },
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Karışık Izgara",
price: "450 TL",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-with-greens-inside-plate-brown-wooden-desk-food-meal-meat-vegetable_140725-26137.jpg?_wi=1",
brand: "Özel Seçim",
},
{
id: "p2",
name: "Kuzu Şiş",
price: "380 TL",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shish-kebab-with-fried-vegetables-chopped-onion-ayran-knife-white-plate_176474-3443.jpg",
brand: "Marine",
},
{
id: "p3",
name: "Adana Kebap",
price: "320 TL",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg",
brand: "Geleneksel",
},
{
id: "p4",
name: "Dana Lokum",
price: "550 TL",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ribs-kebab-with-rice-vegetables_140725-2314.jpg",
brand: "Premium",
},
{
id: "p5",
name: "Köfte Izgara",
price: "280 TL",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-kebab-grilled-kebab-pita-bread-with-baked-potatoes-peppers-tomato-with-chopped-onion-sauce_176474-2546.jpg",
brand: "Ev Yapımı",
},
{
id: "p6",
name: "Tavuk Şiş",
price: "240 TL",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pork-chop-steak_1339-5926.jpg",
brand: "Özel",
},
]}
title="İmza Lezzetler"
description="Ustalarımızın elinden çıkan kömür ateşinde lezzetler."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="İmza Lezzetler"
description="Ustalarımızın elinden çıkan kömür ateşinde lezzetler."
products={[
{ id: "p1", name: "Karışık Izgara", price: "450 TL", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-with-greens-inside-plate-brown-wooden-desk-food-meal-meat-vegetable_140725-26137.jpg", brand: "Özel Seçim" },
{ id: "p2", name: "Kuzu Şiş", price: "380 TL", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-shish-kebab-with-fried-vegetables-chopped-onion-ayran-knife-white-plate_176474-3443.jpg", brand: "Marine" },
{ id: "p3", name: "Adana Kebap", price: "320 TL", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-lula-kebab-table_140725-865.jpg", brand: "Geleneksel" },
{ id: "p4", name: "Dana Lokum", price: "550 TL", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/ribs-kebab-with-rice-vegetables_140725-2314.jpg", brand: "Premium" },
{ id: "p5", name: "Köfte Izgara", price: "280 TL", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-kebab-grilled-kebab-pita-bread-with-baked-potatoes-peppers-tomato-with-chopped-onion-sauce_176474-2546.jpg", brand: "Ev Yapımı" },
{ id: "p6", name: "Tavuk Şiş", price: "240 TL", rating: 5, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/pork-chop-steak_1339-5926.jpg", brand: "Özel" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "100% Kömür Ateşi",
description: "Gerçek mangal deneyimi ile eşsiz lezzet.",
imageSrc: "http://img.b2bpic.net/free-photo/two-white-paper-cups_187299-47532.jpg",
imageAlt: "restaurant logo minimal design",
},
{
id: "f2",
title: "Günlük Taze Ürünler",
description: "Her gün taze ve özenle seçilen etler.",
imageSrc: "http://img.b2bpic.net/free-photo/human-hand-roasting-meat-barbecue-grill_23-2147840857.jpg?_wi=2",
imageAlt: "restaurant logo minimal design",
},
{
id: "f3",
title: "Aile Dostu Ortam",
description: "Sıcak ve konforlu bir atmosfer.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg",
imageAlt: "restaurant logo minimal design",
},
{
id: "f4",
title: "Hızlı Servis",
description: "Kaliteli ve güler yüzlü hizmet.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-with-greens-inside-plate-brown-wooden-desk-food-meal-meat-vegetable_140725-26137.jpg?_wi=2",
imageAlt: "restaurant logo minimal design",
},
{
id: "f5",
title: "Paket Servis",
description: "Lezzet kapınıza kadar gelir.",
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4190.jpg?_wi=2",
imageAlt: "restaurant logo minimal design",
},
]}
title="Neden Biz?"
description="Kalite ve tutkuyla sunulan hizmet anlayışı."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Neden Biz?"
description="Kalite ve tutkuyla sunulan hizmet anlayışı."
features={[
{ id: "f1", title: "100% Kömür Ateşi", description: "Gerçek mangal deneyimi ile eşsiz lezzet.", tag: "Kalite", imageSrc: "http://img.b2bpic.net/free-photo/two-white-paper-cups_187299-47532.jpg", imageAlt: "restaurant logo minimal design" },
{ id: "f2", title: "Günlük Taze Ürünler", description: "Her gün taze ve özenle seçilen etler.", tag: "Tazelik", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-roasting-meat-barbecue-grill_23-2147840857.jpg", imageAlt: "restaurant logo minimal design" },
{ id: "f3", title: "Aile Dostu Ortam", description: "Sıcak ve konforlu bir atmosfer.", tag: "Konfor", imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg", imageAlt: "restaurant logo minimal design" },
{ id: "f4", title: "Hızlı Servis", description: "Kaliteli ve güler yüzlü hizmet.", tag: "Hız", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-with-greens-inside-plate-brown-wooden-desk-food-meal-meat-vegetable_140725-26137.jpg", imageAlt: "restaurant logo minimal design" },
{ id: "f5", title: "Paket Servis", description: "Lezzet kapınıza kadar gelir.", tag: "Servis", imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4190.jpg", imageAlt: "restaurant logo minimal design" },
]}
/>
</div>
<div id="gallery" data-section="gallery">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Mehmet K.",
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4190.jpg?_wi=3",
},
{
id: "t2",
name: "Ayşe Y.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-setting-table-christmas-dinner_23-2147969378.jpg?_wi=2",
},
{
id: "t3",
name: "Fatma D.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117512.jpg?_wi=2",
},
{
id: "t4",
name: "Can B.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598357.jpg?_wi=2",
},
{
id: "t5",
name: "Deniz T.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg?_wi=2",
},
]}
cardTitle="Müşteri Deneyimleri"
cardTag="Yorumlar"
cardAnimation="blur-reveal"
/>
</div>
<div id="gallery" data-section="gallery">
<TestimonialCardTwelve
useInvertedBackground={false}
cardTitle="Müşteri Deneyimleri"
cardTag="Yorumlar"
cardAnimation="blur-reveal"
testimonials={[
{ id: "t1", name: "Mehmet K.", imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-4190.jpg" },
{ id: "t2", name: "Ayşe Y.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-setting-table-christmas-dinner_23-2147969378.jpg" },
{ id: "t3", name: "Fatma D.", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117512.jpg" },
{ id: "t4", name: "Can B.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598357.jpg" },
{ id: "t5", name: "Deniz T.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg" },
]}
/>
</div>
<div id="contact-info" data-section="contact-info">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Adres",
content: "Yeşilkent, Ahmet Arif Cd. 140C, Esenyurt / İstanbul",
},
{
id: "q2",
title: "Telefon",
content: "+90 212 699 89 97",
},
{
id: "q3",
title: "Çalışma Saatleri",
content: "Her gün hizmetinizdeyiz",
},
]}
mediaAnimation="slide-up"
title="İletişim"
description="Bize ulaşabileceğiniz bilgiler."
faqsAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/juicy-grilled-meat-with-fire-ai-generative_123827-23464.jpg?_wi=1"
/>
</div>
<div id="contact-info" data-section="contact-info">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqsAnimation="blur-reveal"
mediaAnimation="slide-up"
title="İletişim"
description="Bize ulaşabileceğiniz bilgiler."
faqs={[
{ id: "q1", title: "Adres", content: "Yeşilkent, Ahmet Arif Cd. 140C, Esenyurt / İstanbul" },
{ id: "q2", title: "Telefon", content: "+90 212 699 89 97" },
{ id: "q3", title: "Çalışma Saatleri", content: "Her gün hizmetinizdeyiz" },
]}
imageSrc="http://img.b2bpic.net/free-photo/juicy-grilled-meat-with-fire-ai-generative_123827-23464.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
tag="Rezervasyon"
title="Masanızı Şimdi Ayırtın"
description="Özel günleriniz için bizimle iletişime geçin."
imageSrc="http://img.b2bpic.net/free-photo/juicy-grilled-meat-with-fire-ai-generative_123827-23464.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "animated-grid" }}
tag="Rezervasyon"
title="Masanızı Şimdi Ayırtın"
description="Özel günleriniz için bizimle iletişime geçin."
imageSrc="http://img.b2bpic.net/free-photo/juicy-grilled-meat-with-fire-ai-generative_123827-23464.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/tattooed-butcher-hand-holds-meat-fork-fresh-steak-dinner-unrecognizable_346278-547.jpg"
logoText="MEKAN MANGAL"
columns={[
{
title: "Hızlı Erişim",
items: [
{
label: "Ana Sayfa",
href: "#hero",
},
{
label: "Menü",
href: "#menu",
},
],
},
{
title: "İletişim",
items: [
{
label: "Rezervasyon",
href: "#contact",
},
{
label: "Adres",
href: "#contact-info",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/tattooed-butcher-hand-holds-meat-fork-fresh-steak-dinner-unrecognizable_346278-547.jpg"
logoText="MEKAN MANGAL"
columns={[
{ title: "Hızlı Erişim", items: [{ label: "Ana Sayfa", href: "#hero" }, { label: "Menü", href: "#menu" }] },
{ title: "İletişim", items: [{ label: "Rezervasyon", href: "#contact" }, { label: "Adres", href: "#contact-info" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);