Update src/app/page.tsx
This commit is contained in:
294
src/app/page.tsx
294
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Anasayfa", id: "hero" },
|
||||
{ name: "Hakkımızda", id: "about" },
|
||||
{ name: "Menü", id: "products" },
|
||||
{ name: "Yorumlar", id: "testimonials" },
|
||||
{ name: "İletişim", id: "contact" },
|
||||
]}
|
||||
brandName="Dostlar Kebap Evi"
|
||||
/>
|
||||
@@ -58,68 +43,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Dostlar Kebap Evi: Authentic Turkish Flavors"
|
||||
description="Experience the traditional taste of Alanya in every bite. Hand-crafted kebabs, fresh ingredients, and heart-felt service."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Dostlar Kebap Evi: Otantik Türk Lezzetleri"
|
||||
description="Alanya'nın geleneksel tatlarını her lokmada yaşayın. El yapımı kebaplar, taze malzemeler ve içten servisimizle sizi bekliyoruz."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Menüyü Görüntüle", href: "#products" },
|
||||
{ text: "Rezervasyon", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stick-kebab-finely-cooked-served-with-orange-sauce_114579-1722.jpg"
|
||||
imageAlt="traditional turkish kebab restaurant table"
|
||||
imageAlt="geleneksel türk kebap restoranı masası"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-girl-valentines-day-wearing-hat-with-glasses-holding-box-candies-points-up-isolated-white-background_141793-110493.jpg",
|
||||
alt: "smiling customer dining restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222245.jpg",
|
||||
alt: "happy tourist eating turkish food",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-enjoying-morning-coffee-with-donuts-outdoor-terrace_169016-10414.jpg",
|
||||
alt: "satisfied guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222250.jpg",
|
||||
alt: "young woman happy restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-businesswoman-posing-indoor-brunch-cafe-sousing-her-smartphone-elegant-outfit_291049-2721.jpg",
|
||||
alt: "customer enjoying lunch",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
avatarText="500+ Mutlu Müşteri"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Organic Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Charcoal Grill",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Friendly Environment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Turkish Recipes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Baked Pide",
|
||||
},
|
||||
{ type: "text", text: "Taze ve Doğal Malzemeler" },
|
||||
{ type: "text", text: "Geleneksel Kömür Ateşi" },
|
||||
{ type: "text", text: "Aile Dostu Ortam" },
|
||||
{ type: "text", text: "Otantik Türk Tarifleri" },
|
||||
{ type: "text", text: "Günlük Taze Pide" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,11 +67,9 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Taste"
|
||||
title="Bir Lezzet Geleneği"
|
||||
description={[
|
||||
"Founded on the principles of hospitality and quality, Dostlar Kebap Evi brings you the finest traditional recipes from Turkish culture.",
|
||||
"Our meat is sourced locally and grilled over charcoal to perfection every day for the Alanya community.",
|
||||
]}
|
||||
"Misafirperverlik ve kalite ilkeleri üzerine kurulan Dostlar Kebap Evi, Türk mutfağının en seçkin geleneksel tariflerini sizlerle buluşturuyor.", "Etlerimiz günlük olarak yerel üreticilerden temin edilir ve Alanya halkı için mükemmel bir şekilde köz ateşinde pişirilir."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,30 +79,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fresh Bread",
|
||||
description: "Baked daily in our traditional ovens for that perfect crunch.",
|
||||
tag: "Authentic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-casserole-with-side-ayran-tomatoes_140725-2803.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Farm-to-Table",
|
||||
description: "Crisp, fresh vegetables sourced from local Alanya growers.",
|
||||
tag: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-filled-with-healthy-salad_23-2148585839.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Charcoal Grilled",
|
||||
description: "Meat prepared the traditional way for a smoky, rich flavor.",
|
||||
tag: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-lula-kebab-metal-skewers-dark-wall_140725-12767.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Taze Ekmek", description: "Mükemmel çıtırlık için geleneksel fırınlarımızda günlük pişirilir.", tag: "Otantik", imageSrc: "http://img.b2bpic.net/free-photo/meat-casserole-with-side-ayran-tomatoes_140725-2803.jpg" },
|
||||
{ id: "f2", title: "Tarladan Sofraya", description: "Yerel Alanya üreticilerinden taze, çıtır sebzeler.", tag: "Taze", imageSrc: "http://img.b2bpic.net/free-photo/bowl-filled-with-healthy-salad_23-2148585839.jpg" },
|
||||
{ id: "f3", title: "Köz Ateşi", description: "Dumanlı ve zengin bir lezzet için geleneksel yöntemlerle hazırlanan etler.", tag: "Geleneksel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-lula-kebab-metal-skewers-dark-wall_140725-12767.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We believe in authentic methods and fresh, local ingredients."
|
||||
title="Neden Biz?"
|
||||
description="Geleneksel yöntemlere ve taze, yerel malzemelere inanıyoruz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -175,75 +95,27 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Adana Kebab",
|
||||
price: "₺450",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-kebab-served-with-fresh-vegetables-black_140725-12410.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Shish Kebab",
|
||||
price: "₺420",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-kebab-slate-with-other-dish-cutlery_23-2148685478.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Iskender Kebab",
|
||||
price: "₺480",
|
||||
variant: "Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iskender-meat-doner-table-top-view_140725-364.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lamb Sis",
|
||||
price: "₺460",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-with-rice-chopped-onions_140725-7375.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lahmacun Set",
|
||||
price: "₺380",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-dishes-lahmacun-turkish-pizzas-lemon-parsley_114579-114.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mixed Doner",
|
||||
price: "₺400",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-lahmajun-pieces-meat-with-onions_140725-10032.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Adana Kebap", price: "₺450", variant: "İmza", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-kebab-served-with-fresh-vegetables-black_140725-12410.jpg" },
|
||||
{ id: "p2", name: "Şiş Kebap", price: "₺420", variant: "Klasik", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-kebab-slate-with-other-dish-cutlery_23-2148685478.jpg" },
|
||||
{ id: "p3", name: "İskender", price: "₺480", variant: "Favori", imageSrc: "http://img.b2bpic.net/free-photo/iskender-meat-doner-table-top-view_140725-364.jpg" },
|
||||
{ id: "p4", name: "Kuzu Şiş", price: "₺460", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-with-rice-chopped-onions_140725-7375.jpg" },
|
||||
{ id: "p5", name: "Lahmacun", price: "₺380", variant: "Klasik", imageSrc: "http://img.b2bpic.net/free-photo/turkish-dishes-lahmacun-turkish-pizzas-lemon-parsley_114579-114.jpg" },
|
||||
{ id: "p6", name: "Karışık Döner", price: "₺400", variant: "Popüler", imageSrc: "http://img.b2bpic.net/free-photo/turkish-lahmajun-pieces-meat-with-onions_140725-10032.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our curated selection of charcoal-grilled favorites."
|
||||
title="İmza Lezzetlerimiz"
|
||||
description="Kömür ateşinde pişirilen özenle seçilmiş favorilerimizi keşfedin."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Gastronomic Reach"
|
||||
tag="Reliability"
|
||||
title="Gastronomik Başarımız"
|
||||
tag="Güvenilirlik"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
description: "Average Rating",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "211",
|
||||
description: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12+",
|
||||
description: "Years Serving Alanya",
|
||||
},
|
||||
{ id: "m1", value: "4.9", description: "Ortalama Puan" },
|
||||
{ id: "m2", value: "211", description: "Doğrulanmış Yorum" },
|
||||
{ id: "m3", value: "12+", description: "Alanya'da Yıllardır Hizmet" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -252,31 +124,9 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Amazing place! The food is absolutely delicious. The first time I visited, I was pleasantly surprised by how tasty everything was."
|
||||
testimonial="Harika bir yer! Yemekler kesinlikle çok lezzetli. İlk geldiğimde her şeyin bu kadar lezzetli olmasına çok şaşırdım."
|
||||
rating={5}
|
||||
author="Emin S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enjoying-street-food-fest_23-2151543840.jpg",
|
||||
alt: "smiling customer dining restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-o-pretty-blonde-woman-drinking-tasty-cappuccino-restaurant-enjoy-her-breakfast-elegant-outfit-natural-make-up_291049-2723.jpg",
|
||||
alt: "young woman happy restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
alt: "happy middle aged man dining",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/roommates-sharing-meal-together_23-2149112123.jpg",
|
||||
alt: "happy group of friends eating",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-dining-table-focus-is-redhead-woman_637285-3231.jpg",
|
||||
alt: "couple enjoying turkish food",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -287,24 +137,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer reservations?",
|
||||
content: "Yes, we recommend calling ahead for large groups.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your meat halal?",
|
||||
content: "All our meat is sourced from certified halal providers.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer contactless delivery service via our partners.",
|
||||
},
|
||||
{ id: "q1", title: "Rezervasyon yapıyor musunuz?", content: "Evet, büyük gruplar için önceden aramanızı öneririz." },
|
||||
{ id: "q2", title: "Etleriniz helal mi?", content: "Tüm etlerimiz sertifikalı helal tedarikçilerden sağlanmaktadır." },
|
||||
{ id: "q3", title: "Paket servisiniz var mı?", content: "Evet, iş ortaklarımız aracılığıyla temassız paket servisimiz mevcuttur." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about dining at Dostlar Kebap Evi."
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Dostlar Kebap Evi hakkında bilmeniz gereken her şey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -312,12 +150,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Book Your Culinary Journey"
|
||||
description="Join our newsletter for weekly specials and event updates."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Bize Ulaşın"
|
||||
title="Lezzet Yolculuğunuza Başlayın"
|
||||
description="Haftalık spesiyallerimiz ve etkinlik güncellemelerimiz için bültenimize kaydolun."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -326,40 +162,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg"
|
||||
logoText="Dostlar Kebap Evi"
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Restoran", items: [{ label: "Hakkımızda", href: "#about" }, { label: "Menü", href: "#products" }, { label: "Yorumlar", href: "#testimonials" }] },
|
||||
{ title: "Destek", items: [{ label: "İletişim", href: "#contact" }, { label: "SSS", href: "#faq" }, { label: "Gizlilik", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user