Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-03 20:05:54 +00:00

View File

@@ -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>
);