From aa2b18f4519efb67bf773a5537ae87272aca2c05 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 20:05:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 422 ++++++++++++++---------------------------------
 1 file changed, 124 insertions(+), 298 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 030ab2a..879b41d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,311 +27,137 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Jalangkote & Donat"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Jalangkote & Donat"
+            button={{ text: "Order Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Autentik, Renyah, dan Menggugah Selera"
-      description="Menyajikan jalangkote renyah dengan isian kaya rempah dan donat kentang lembut yang memanjakan lidah. Dibuat setiap hari dengan bahan-bahan terbaik."
-      buttons={[
-        {
-          text: "Lihat Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-yummy-cakes-with-bagels-candies-grey-white-surface-cake-biscuit-cookies-sugar-sweet-pie_140725-53821.jpg?_wi=1"
-      imageAlt="Jalangkote dan Donat Kentang"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273239.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304423.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/family-sitting-kitchen-cook-dough-cookies_1157-27085.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Dipercaya oleh 5.000+ pelanggan"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Jalangkote Premium",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Donat Kentang Lembut",
-          icon: Heart,
-        },
-        {
-          type: "text-icon",
-          text: "Bahan Alami",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Resep Warisan",
-          icon: Utensils,
-        },
-        {
-          type: "text-icon",
-          text: "Segar Setiap Hari",
-          icon: Clock,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "radial-gradient" }}
+            title="Autentik, Renyah, dan Menggugah Selera"
+            description="Menyajikan jalangkote renyah dengan isian kaya rempah dan donat kentang lembut yang memanjakan lidah. Dibuat setiap hari dengan bahan-bahan terbaik."
+            buttons={[{ text: "Lihat Menu", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-yummy-cakes-with-bagels-candies-grey-white-surface-cake-biscuit-cookies-sugar-sweet-pie_140725-53821.jpg"
+            imageAlt="Jalangkote dan Donat Kentang"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273239.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304423.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/family-sitting-kitchen-cook-dough-cookies_1157-27085.jpg", alt: "Customer 5" },
+            ]}
+            avatarText="Dipercaya oleh 5.000+ pelanggan"
+            marqueeItems={[
+              { type: "text-icon", text: "Jalangkote Premium", icon: Star },
+              { type: "text-icon", text: "Donat Kentang Lembut", icon: Heart },
+              { type: "text-icon", text: "Bahan Alami", icon: Leaf },
+              { type: "text-icon", text: "Resep Warisan", icon: Utensils },
+              { type: "text-icon", text: "Segar Setiap Hari", icon: Clock },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Cita Rasa Tradisional di Setiap Gigitan"
-      description="Kami berdedikasi menjaga kualitas resep warisan keluarga. Setiap pesanan dibuat segar, memastikan setiap pelanggan mendapatkan yang terbaik setiap saat."
-      metrics={[
-        {
-          value: "100%",
-          title: "Bahan Segar",
-        },
-        {
-          value: "5k+",
-          title: "Pesanan Puas",
-        },
-        {
-          value: "12",
-          title: "Tahun Berdiri",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-cuts-vegetables-cutting-board_169016-43828.jpg"
-      imageAlt="Baking process"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Cita Rasa Tradisional di Setiap Gigitan"
+            description="Kami berdedikasi menjaga kualitas resep warisan keluarga. Setiap pesanan dibuat segar, memastikan setiap pelanggan mendapatkan yang terbaik setiap saat."
+            metrics={[
+              { value: "100%", title: "Bahan Segar" },
+              { value: "5k+", title: "Pesanan Puas" },
+              { value: "12", title: "Tahun Berdiri" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-cuts-vegetables-cutting-board_169016-43828.jpg"
+            imageAlt="Baking process"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Jalangkote Original",
-          price: "Rp 5.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-empanadillas_123827-37187.jpg",
-        },
-        {
-          id: "2",
-          name: "Donat Kentang Gula",
-          price: "Rp 4.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/doughnut-with-powdered-sugar-glazing-milk-bottle_23-2148423378.jpg",
-        },
-        {
-          id: "3",
-          name: "Jalangkote Spesial",
-          price: "Rp 7.500",
-          imageSrc: "http://img.b2bpic.net/free-photo/various-dried-fruits-nuts-gift-box_114579-24870.jpg",
-        },
-        {
-          id: "4",
-          name: "Donat Kentang Coklat",
-          price: "Rp 5.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/durum-doner-served-with-sour-cream-sliced-lemon-close-up-view_141793-17450.jpg",
-        },
-        {
-          id: "5",
-          name: "Paket Hemat 6pcs",
-          price: "Rp 25.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-baked-apple-with-nuts-cinnamon_181624-42645.jpg",
-        },
-        {
-          id: "6",
-          name: "Paket Keluarga 12pcs",
-          price: "Rp 48.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/trendy-bakery-shop_53876-23440.jpg",
-        },
-      ]}
-      title="Menu Favorit Kami"
-      description="Pilihan kudapan terbaik untuk momen kebersamaan Anda."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Jalangkote Original", price: "Rp 5.000", imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-empanadillas_123827-37187.jpg" },
+              { id: "2", name: "Donat Kentang Gula", price: "Rp 4.000", imageSrc: "http://img.b2bpic.net/free-photo/doughnut-with-powdered-sugar-glazing-milk-bottle_23-2148423378.jpg" },
+              { id: "3", name: "Jalangkote Spesial", price: "Rp 7.500", imageSrc: "http://img.b2bpic.net/free-photo/various-dried-fruits-nuts-gift-box_114579-24870.jpg" },
+              { id: "4", name: "Donat Kentang Coklat", price: "Rp 5.000", imageSrc: "http://img.b2bpic.net/free-photo/durum-doner-served-with-sour-cream-sliced-lemon-close-up-view_141793-17450.jpg" },
+              { id: "5", name: "Paket Hemat 6pcs", price: "Rp 25.000", imageSrc: "http://img.b2bpic.net/free-photo/delicious-baked-apple-with-nuts-cinnamon_181624-42645.jpg" },
+              { id: "6", name: "Paket Keluarga 12pcs", price: "Rp 48.000", imageSrc: "http://img.b2bpic.net/free-photo/trendy-bakery-shop_53876-23440.jpg" },
+            ]}
+            title="Menu Favorit Kami"
+            description="Pilihan kudapan terbaik untuk momen kebersamaan Anda."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Budi Santoso",
-          role: "Pelanggan Setia",
-          company: "Warga Lokal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg",
-        },
-        {
-          id: "2",
-          name: "Siti Aminah",
-          role: "Karyawan",
-          company: "Warga Lokal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273239.jpg",
-        },
-        {
-          id: "3",
-          name: "Andi Pratama",
-          role: "Mahasiswa",
-          company: "Warga Lokal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304423.jpg",
-        },
-        {
-          id: "4",
-          name: "Dewi Lestari",
-          role: "Ibu Rumah Tangga",
-          company: "Warga Lokal",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
-        },
-        {
-          id: "5",
-          name: "Fajar Hidayat",
-          role: "Pengusaha",
-          company: "Warga Lokal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-kitchen-cook-dough-cookies_1157-27085.jpg",
-        },
-      ]}
-      title="Apa Kata Pelanggan Kami?"
-      description="Kepuasan pelanggan adalah prioritas utama kami."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Budi Santoso", role: "Pelanggan Setia", company: "Warga Lokal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg" },
+              { id: "2", name: "Siti Aminah", role: "Karyawan", company: "Warga Lokal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273239.jpg" },
+              { id: "3", name: "Andi Pratama", role: "Mahasiswa", company: "Warga Lokal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304423.jpg" },
+              { id: "4", name: "Dewi Lestari", role: "Ibu Rumah Tangga", company: "Warga Lokal", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" },
+              { id: "5", name: "Fajar Hidayat", role: "Pengusaha", company: "Warga Lokal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-kitchen-cook-dough-cookies_1157-27085.jpg" },
+            ]}
+            title="Apa Kata Pelanggan Kami?"
+            description="Kepuasan pelanggan adalah prioritas utama kami."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Apakah ada minimal pemesanan?",
-          content: "Minimal pemesanan untuk delivery adalah 10pcs.",
-        },
-        {
-          id: "2",
-          title: "Berapa lama donat bertahan?",
-          content: "Disarankan untuk dikonsumsi dalam 24 jam agar tetap lembut.",
-        },
-        {
-          id: "3",
-          title: "Apakah menerima pesanan acara?",
-          content: "Tentu, kami melayani pesanan untuk pesta, rapat, atau acara keluarga.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cheerful-asian-girl-barista-bartender-counter-raising-arm-waving-clients-processing_1258-203436.jpg"
-      title="Pertanyaan Umum"
-      description="Temukan jawaban cepat untuk pertanyaan yang sering diajukan."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Apakah ada minimal pemesanan?", content: "Minimal pemesanan untuk delivery adalah 10pcs." },
+              { id: "2", title: "Berapa lama donat bertahan?", content: "Disarankan untuk dikonsumsi dalam 24 jam agar tetap lembut." },
+              { id: "3", title: "Apakah menerima pesanan acara?", content: "Tentu, kami melayani pesanan untuk pesta, rapat, atau acara keluarga." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/cheerful-asian-girl-barista-bartender-counter-raising-arm-waving-clients-processing_1258-203436.jpg"
+            title="Pertanyaan Umum"
+            description="Temukan jawaban cepat untuk pertanyaan yang sering diajukan."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Hubungi Kami"
-      title="Siap untuk Memesan?"
-      description="Hubungi kami melalui WhatsApp untuk pemesanan atau pertanyaan lebih lanjut."
-      buttons={[
-        {
-          text: "WhatsApp Sekarang",
-          href: "https://wa.me/628123456789",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Hubungi Kami"
+            title="Siap untuk Memesan?"
+            description="Hubungi kami melalui WhatsApp untuk pemesanan atau pertanyaan lebih lanjut."
+            buttons={[{ text: "WhatsApp Sekarang", href: "https://wa.me/628123456789" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-yummy-cakes-with-bagels-candies-grey-white-surface-cake-biscuit-cookies-sugar-sweet-pie_140725-53821.jpg?_wi=2"
-      logoText="Jalangkote & Donat Kentang"
-      columns={[
-        {
-          title: "Tautan",
-          items: [
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Kontak",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privasi",
-              href: "#",
-            },
-            {
-              label: "Syarat",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-yummy-cakes-with-bagels-candies-grey-white-surface-cake-biscuit-cookies-sugar-sweet-pie_140725-53821.jpg"
+            logoText="Jalangkote & Donat Kentang"
+            columns={[
+              { title: "Tautan", items: [{ label: "Menu", href: "#menu" }, { label: "Kontak", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
+              { title: "Legal", items: [{ label: "Privasi", href: "#" }, { label: "Syarat", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1