From 069d4ecbb91f201734b2fe86a814148e6587f3c1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 21:02:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 592 +++++++++--------------------------------------
 1 file changed, 103 insertions(+), 489 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3325fbf..356ac9a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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ğlu’nda 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ğlu’nda 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ğlu’nda 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ğlu’nda 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ğlu’nun 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ğlu’nun 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 1956’da 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 1956’da 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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1