Update src/app/page.tsx

This commit is contained in:
2026-05-23 21:02:03 +00:00
parent f59fdf2f2b
commit 069d4ecbb9

View File

@@ -29,502 +29,116 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Anasayfa",
id: "hero",
},
{
name: "Hakkımızda",
id: "about",
},
{
name: "Rooftop",
id: "rooftop",
},
{
name: "Menü",
id: "menu",
},
{
name: "Galeri",
id: "gallery",
},
{
name: "Rezervasyon",
id: "reservation",
},
{
name: "İletişim",
id: "contact",
},
]}
brandName="Barba Rasimo 1956"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Anasayfa", id: "hero" },
{ name: "Hakkımızda", id: "about" },
{ name: "Rooftop", id: "rooftop" },
{ name: "Menü", id: "menu" },
{ name: "Galeri", id: "gallery" },
{ name: "Rezervasyon", id: "reservation" },
{ name: "İletişim", id: "contact" },
]}
brandName="Barba Rasimo 1956"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "glowing-orb",
}}
title="Barba Rasimo 1956"
description="Beyoğlunda yeni nesil meyhane, rooftop lezzet ve şehir manzarası deneyimi. Geleneksel sofra kültürü, modern roof atmosferiyle buluşuyor."
testimonials={[
{
name: "Misafir Deneyimi",
handle: "@barbarasimo",
testimonial: "Beyoğlu'nun kalbinde eşsiz bir lezzet.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-empty-library-featuring-wooden-shelves-vintage-green-lamps_482257-125711.jpg",
},
{
name: "Ahmet Y.",
handle: "@ahmet",
testimonial: "Manzara tek kelimeyle büyüleyici.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-night_1157-16834.jpg",
},
{
name: "Elif K.",
handle: "@elif",
testimonial: "Mezeler modern ve çok lezzetli.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-smokes-cigarette-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2015.jpg",
},
{
name: "Can S.",
handle: "@can",
testimonial: "Beyoğlu'nda harika bir akşam.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-wall-looking-camera_23-2148283883.jpg",
},
{
name: "Selin B.",
handle: "@selin",
testimonial: "Servis ve ambiyans mükemmel.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg",
},
]}
buttons={[
{
text: "Rezervasyon Yap",
href: "#reservation",
},
{
text: "Menüyü İncele",
href: "#menu",
},
{
text: "Yol Tarifi Al",
href: "https://maps.app.goo.gl/CuX4siMB3BDsFyhb9",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-buildings-near-sea-with-lit-lights-nighttime_181624-4570.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg",
alt: "user",
},
{
src: "http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10.jpg",
alt: "user",
},
{
src: "http://img.b2bpic.net/free-photo/bar-cafeteria-family-restaurant-interior-shooting_114579-1119.jpg",
alt: "user",
},
{
src: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-night_1157-16834.jpg",
alt: "user",
},
{
src: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-smokes-cigarette-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2015.jpg",
alt: "user",
},
]}
marqueeItems={[
{
type: "text",
text: "Yeni Nesil Meyhane",
},
{
type: "text",
text: "Panoramik İstanbul Manzarası",
},
{
type: "text",
text: "Modern Lezzetler",
},
{
type: "text",
text: "Beyoğlu'nun Kalbinde",
},
{
type: "text",
text: "1956'dan Günümüze",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "glowing-orb" }}
title="Barba Rasimo 1956"
description="Beyoğlunda yeni nesil meyhane, rooftop lezzet ve şehir manzarası deneyimi. Geleneksel sofra kültürü, modern roof atmosferiyle buluşuyor."
testimonials={[
{ name: "Misafir Deneyimi", handle: "@barbarasimo", testimonial: "Beyoğlu'nun kalbinde eşsiz bir lezzet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/peaceful-empty-library-featuring-wooden-shelves-vintage-green-lamps_482257-125711.jpg" },
{ name: "Ahmet Y.", handle: "@ahmet", testimonial: "Manzara tek kelimeyle büyüleyici.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-night_1157-16834.jpg" },
{ name: "Elif K.", handle: "@elif", testimonial: "Mezeler modern ve çok lezzetli.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-smokes-cigarette-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2015.jpg" },
{ name: "Can S.", handle: "@can", testimonial: "Beyoğlu'nda harika bir akşam.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-wall-looking-camera_23-2148283883.jpg" },
{ name: "Selin B.", handle: "@selin", testimonial: "Servis ve ambiyans mükemmel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg" },
]}
buttons={[{ text: "Rezervasyon Yap", href: "#reservation" }, { text: "Menüyü İncele", href: "#menu" }, { text: "Yol Tarifi Al", href: "https://maps.app.goo.gl/CuX4siMB3BDsFyhb9" }]}
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-buildings-near-sea-with-lit-lights-nighttime_181624-4570.jpg"
avatars={[{ src: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg", alt: "user" }, { src: "http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10.jpg", alt: "user" }, { src: "http://img.b2bpic.net/free-photo/bar-cafeteria-family-restaurant-interior-shooting_114579-1119.jpg", alt: "user" }, { src: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-night_1157-16834.jpg", alt: "user" }, { src: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-smokes-cigarette-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2015.jpg", alt: "user" }]}
marqueeItems={[{ type: "text", text: "Yeni Nesil Meyhane" }, { type: "text", text: "Panoramik İstanbul Manzarası" }, { type: "text", text: "Modern Lezzetler" }, { type: "text", text: "Beyoğlu'nun Kalbinde" }, { type: "text", text: "1956'dan Günümüze" }]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Beyoğlunda Modern Bir Meyhane Deneyimi"
metrics={[
{
icon: Sparkles,
label: "Deneyim",
value: "1956",
},
{
icon: MapPin,
label: "Konum",
value: "Beyoğlu",
},
{
icon: Wine,
label: "Mutfak",
value: "Yeni Nesil",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Beyoğlunda Modern Bir Meyhane Deneyimi"
metrics={[{ icon: Sparkles, label: "Deneyim", value: "1956" }, { icon: MapPin, label: "Konum", value: "Beyoğlu" }, { icon: Wine, label: "Mutfak", value: "Yeni Nesil" }]}
metricsAnimation="slide-up"
/>
</div>
<div id="rooftop" data-section="rooftop">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Manzara",
description: "Beyoğlu panoramik şehir manzarası.",
bentoComponent: "reveal-icon",
icon: Eye,
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg",
imageAlt: "Luxury dining room illuminated by candlelight glow generated by AI",
},
{
title: "Lezzet",
description: "Modern meze anlayışı.",
bentoComponent: "reveal-icon",
icon: Utensils,
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-buildings-near-sea-with-lit-lights-nighttime_181624-4570.jpg?_wi=2",
imageAlt: "Luxury dining room illuminated by candlelight glow generated by AI",
},
{
title: "Atmosfer",
description: "Sıcak meyhane ruhu.",
bentoComponent: "reveal-icon",
icon: Flame,
imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-unfocused_1203-770.jpg?_wi=1",
imageAlt: "Luxury dining room illuminated by candlelight glow generated by AI",
},
]}
title="Şehrin Üzerinde Keyifli Bir Sofra"
description="Barba Rasimo 1956 Roof, Beyoğlunun enerjisini manzara, lezzet ve meyhane ruhuyla bir araya getirir. Gün batımından akşam ışıklarına uzanan atmosferiyle; dost buluşmaları, özel kutlamalar ve keyifli yemekler için güçlü bir deneyim alanı sunar."
/>
</div>
<div id="rooftop" data-section="rooftop">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Manzara", description: "Beyoğlu panoramik şehir manzarası.", bentoComponent: "reveal-icon", icon: Eye },
{ title: "Lezzet", description: "Modern meze anlayışı.", bentoComponent: "reveal-icon", icon: Utensils },
{ title: "Atmosfer", description: "Sıcak meyhane ruhu.", bentoComponent: "reveal-icon", icon: Flame },
]}
title="Şehrin Üzerinde Keyifli Bir Sofra"
description="Barba Rasimo 1956 Roof, Beyoğlunun enerjisini manzara, lezzet ve meyhane ruhuyla bir araya getirir."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Mezeler",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-leaf-dolma-top-view_140725-5552.jpg",
},
{
id: "2",
name: "Deniz Ürünleri",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-fried-shrimps_140725-44339.jpg",
},
{
id: "3",
name: "Ara Sıcaklar",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/various-food-table-yoghurt-pot-top-view_141793-13215.jpg",
},
{
id: "4",
name: "Izgara Lezzetler",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-plate-with-turkish-bagel-cup-tea-salad-pickles-wooden-surface_176474-6487.jpg",
},
{
id: "5",
name: "Tatlılar",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg",
},
{
id: "6",
name: "İçecekler",
price: "Detaylı Bilgi",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-breakfast-food-with-fresh-vegetables-olives-cheese-honey-jam-served-with-tea_140725-12531.jpg",
},
]}
title="Sofranın Merkezinde Lezzet Var"
description="Barba Rasimo 1956da lezzet; paylaşmanın, sohbetin ve keyifli anların tamamlayıcı unsurudur."
buttons={[
{
text: "Menüyü Görüntüle",
href: "#",
},
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
products={[
{ id: "1", name: "Mezeler", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/traditional-leaf-dolma-top-view_140725-5552.jpg" },
{ id: "2", name: "Deniz Ürünleri", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-fried-shrimps_140725-44339.jpg" },
{ id: "3", name: "Ara Sıcaklar", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/various-food-table-yoghurt-pot-top-view_141793-13215.jpg" },
]}
title="Sofranın Merkezinde Lezzet Var"
description="Barba Rasimo 1956da lezzet; paylaşmanın, sohbetin ve keyifli anların tamamlayıcı unsurudur."
/>
</div>
<div id="gallery" data-section="gallery">
<TestimonialCardThirteen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Rooftop Keyfi",
handle: "Barba Rasimo",
testimonial: "Akşam atmosferimiz.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-breakfast-with-egg-tomato-dish_140725-2005.jpg",
},
{
id: "2",
name: "İç Mekân",
handle: "Barba Rasimo",
testimonial: ık dekorasyon.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",
},
{
id: "3",
name: "Meze Sunumu",
handle: "Barba Rasimo",
testimonial: "Özenli lezzetler.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571668.jpg",
},
{
id: "4",
name: "Şehir Manzarası",
handle: "Barba Rasimo",
testimonial: "İstanbul izleyin.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-st-petersburg-sunset_1398-2729.jpg",
},
{
id: "5",
name: "Grup Masası",
handle: "Barba Rasimo",
testimonial: "Keyifli anlar.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-unfocused_1203-770.jpg?_wi=2",
},
]}
showRating={false}
title="Her Köşesinde Ayrı Bir Hikâye"
description="Sıcak atmosferimiz ve rooftop deneyimimizden kesitler."
/>
</div>
<div id="gallery" data-section="gallery">
<TestimonialCardThirteen
textboxLayout="default"
useInvertedBackground={false}
showRating={false}
animationType="slide-up"
testimonials={[
{ id: "1", name: "Rooftop Keyfi", handle: "Barba Rasimo", testimonial: "Akşam atmosferimiz.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-azerbaijani-breakfast-with-egg-tomato-dish_140725-2005.jpg" },
{ id: "2", name: "İç Mekân", handle: "Barba Rasimo", testimonial: ık dekorasyon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg" },
]}
title="Her Köşesinde Ayrı Bir Hikâye"
description="Sıcak atmosferimiz ve rooftop deneyimimizden kesitler."
/>
</div>
<div id="group-events" data-section="group-events">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "doğum-günü",
badge: "Özel",
price: "Detaylar",
subtitle: "Doğum Günü",
buttons: [
{
text: "İletişime Geç",
href: "#contact",
},
],
features: [
"Süsleme",
"Özel Menü",
],
},
{
id: "grup",
badge: "Kurumsal",
price: "Detaylar",
subtitle: "Grup Yemekleri",
buttons: [
{
text: "İletişime Geç",
href: "#contact",
},
],
features: [
"Rezerve Alan",
"Sabit Menü",
],
},
{
id: "özel",
badge: "VIP",
price: "Detaylar",
subtitle: "Özel Kutlamalar",
buttons: [
{
text: "İletişime Geç",
href: "#contact",
},
],
features: [
"Özel Servis",
"Teras Alanı",
],
},
]}
title="Özel Buluşmalar İçin Güçlü Bir Atmosfer"
description="Özel günleriniz için bize ulaşın."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Rezervasyonunuzu Oluşturun"
description="Yeriniz için iletişime geçin."
inputs={[
{ name: "name", type: "text", placeholder: "Ad Soyad" },
{ name: "phone", type: "tel", placeholder: "Telefon" },
]}
/>
</div>
<div id="why-barba" data-section="why-barba">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: MapPin,
title: "Merkezi Konum",
value: "Beyoğlu",
},
{
id: "m2",
icon: Building2,
title: "Rooftop Deneyim",
value: "Şehir Manzarası",
},
{
id: "m3",
icon: Wine,
title: "Modern Meyhane",
value: "Yeni Nesil",
},
{
id: "m4",
icon: Star,
title: "Özenli Sunum",
value: "Lezzet Odaklı",
},
]}
title="Bizi Farklı Kılan Deneyim"
description="Meyhanecilik kültürünü rooftop konforuyla birleştiriyoruz."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Rezervasyonunuzu Oluşturun"
description="Yeriniz için iletişime geçin."
inputs={[
{
name: "name",
type: "text",
placeholder: "Ad Soyad",
},
{
name: "phone",
type: "tel",
placeholder: "Telefon",
},
{
name: "guests",
type: "number",
placeholder: "Kişi Sayısı",
},
{
name: "date",
type: "date",
placeholder: "Tarih",
},
]}
textarea={{
name: "note",
placeholder: "Notunuz...",
}}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-restaurant_74190-5096.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Anasayfa",
href: "#hero",
},
{
label: "Hakkımızda",
href: "#about",
},
{
label: "Rooftop",
href: "#rooftop",
},
],
},
{
items: [
{
label: "Menü",
href: "#menu",
},
{
label: "Galeri",
href: "#gallery",
},
{
label: "Rezervasyon",
href: "#reservation",
},
],
},
{
items: [
{
label: "İletişim",
href: "#contact",
},
{
label: "Instagram",
href: "#",
},
{
label: "WhatsApp",
href: "#",
},
],
},
]}
logoText="Barba Rasimo 1956"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Anasayfa", href: "#hero" }, { label: "Hakkımızda", href: "#about" }] },
]}
logoText="Barba Rasimo 1956"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}