Merge version_1 into main #1
359
src/app/page.tsx
359
src/app/page.tsx
@@ -25,261 +25,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Beranda",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Tentang",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Testimoni",
|
||||
id: "testimonial",
|
||||
},
|
||||
{
|
||||
name: "Hubungi Kami",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bujan Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Beranda", id: "hero" },
|
||||
{ name: "Tentang", id: "about" },
|
||||
{ name: "Menu", id: "product" },
|
||||
{ name: "Testimoni", id: "testimonial" },
|
||||
{ name: "Hubungi Kami", id: "contact" },
|
||||
]}
|
||||
brandName="Bujan Restaurant"
|
||||
button={{ text: "Reservasi", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Bujan Restaurant"
|
||||
description="Rasakan pengalaman kuliner autentik Indonesia di tengah kenyamanan kota Bandung. Kami menyajikan cita rasa tradisional dengan sentuhan modern untuk setiap hidangan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Lihat Menu",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
text: "Reservasi",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg"
|
||||
imageAlt="Suasana makan di Bujan Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Bujan Restaurant"
|
||||
description="Rasakan pengalaman kuliner autentik Indonesia di tengah kenyamanan kota Bandung. Kami menyajikan cita rasa tradisional dengan sentuhan modern untuk setiap hidangan."
|
||||
buttons={[
|
||||
{ text: "Lihat Menu", href: "#product" },
|
||||
{ text: "Reservasi", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg"
|
||||
imageAlt="Suasana makan di Bujan Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Kualitas dalam Setiap Gigitan"
|
||||
description="Bujan Restaurant didirikan dengan kecintaan pada kuliner tradisional Indonesia. Kami menggunakan bahan-bahan lokal pilihan dari Bandung dan sekitarnya untuk memastikan kesegaran dan rasa yang autentik bagi pelanggan kami."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Tahun Berpengalaman",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Resep Warisan",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Pelanggan Puas",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scallions-peppers-garlic-shiitake-mushrooms-wooden-plate_1150-25629.jpg"
|
||||
imageAlt="Proses persiapan makanan"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Kualitas dalam Setiap Gigitan"
|
||||
description="Bujan Restaurant didirikan dengan kecintaan pada kuliner tradisional Indonesia. Kami menggunakan bahan-bahan lokal pilihan dari Bandung dan sekitarnya untuk memastikan kesegaran dan rasa yang autentik bagi pelanggan kami."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Tahun Berpengalaman" },
|
||||
{ value: "50+", title: "Resep Warisan" },
|
||||
{ value: "500+", title: "Pelanggan Puas" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scallions-peppers-garlic-shiitake-mushrooms-wooden-plate_1150-25629.jpg"
|
||||
imageAlt="Proses persiapan makanan"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Bujan",
|
||||
name: "Nasi Goreng Spesial",
|
||||
price: "Rp 45.000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-crab-with-curry-powder-beautiful-side-dishes_1150-24304.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Bujan",
|
||||
name: "Rendang Sapi Autentik",
|
||||
price: "Rp 85.000",
|
||||
rating: 5,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-red-curry-with-meatballs-with-dried-chilies-basil-cucumber-long-beans_1150-27076.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Bujan",
|
||||
name: "Sate Ayam Madura",
|
||||
price: "Rp 35.000",
|
||||
rating: 4,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodle-noodles-topped-with-coconut-milk_1150-22232.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Bujan",
|
||||
name: "Gado-Gado Segar",
|
||||
price: "Rp 25.000",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/som-tam-thai-thai-papaya-salad-wooden-background_1150-14652.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Bujan",
|
||||
name: "Sambal Ijo Ikan",
|
||||
price: "Rp 15.000",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-meal-with-sambal-arrangement_23-2149076145.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Bujan",
|
||||
name: "Es Cendol Bandung",
|
||||
price: "Rp 20.000",
|
||||
rating: 5,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pina-colada-cocktail-with-leaves_23-2150143190.jpg",
|
||||
},
|
||||
]}
|
||||
title="Menu Andalan Kami"
|
||||
description="Jelajahi berbagai hidangan khas Indonesia yang menggugah selera, dibuat dengan bumbu pilihan dan teknik memasak tradisional."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Bujan", name: "Nasi Goreng Spesial", price: "Rp 45.000", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-crab-with-curry-powder-beautiful-side-dishes_1150-24304.jpg" },
|
||||
{ id: "2", brand: "Bujan", name: "Rendang Sapi Autentik", price: "Rp 85.000", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-red-curry-with-meatballs-with-dried-chilies-basil-cucumber-long-beans_1150-27076.jpg" },
|
||||
{ id: "3", brand: "Bujan", name: "Sate Ayam Madura", price: "Rp 35.000", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/rice-noodle-noodles-topped-with-coconut-milk_1150-22232.jpg" },
|
||||
{ id: "4", brand: "Bujan", name: "Gado-Gado Segar", price: "Rp 25.000", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/som-tam-thai-thai-papaya-salad-wooden-background_1150-14652.jpg" },
|
||||
{ id: "5", brand: "Bujan", name: "Sambal Ijo Ikan", price: "Rp 15.000", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/tasty-meal-with-sambal-arrangement_23-2149076145.jpg" },
|
||||
{ id: "6", brand: "Bujan", name: "Es Cendol Bandung", price: "Rp 20.000", rating: 5, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pina-colada-cocktail-with-leaves_23-2150143190.jpg" },
|
||||
]}
|
||||
title="Menu Andalan Kami"
|
||||
description="Jelajahi berbagai hidangan khas Indonesia yang menggugah selera, dibuat dengan bumbu pilihan dan teknik memasak tradisional."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Budi Santoso",
|
||||
handle: "@budi.santoso",
|
||||
testimonial: "Rendangnya sangat autentik, mengingatkan saya pada masakan ibu di rumah.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-dinner-wine_23-2148454118.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Siti Aminah",
|
||||
handle: "@siti_aminah",
|
||||
testimonial: "Tempat yang sangat nyaman untuk makan bersama keluarga di Bandung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Andi Wijaya",
|
||||
handle: "@andi.wijaya",
|
||||
testimonial: "Nasi gorengnya juara! Pelayanan juga sangat ramah dan cepat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-diner-aesthetics_23-2151854444.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dewi Lestari",
|
||||
handle: "@dewi.lestari",
|
||||
testimonial: "Sate ayamnya sangat lembut, bumbunya meresap sampai ke dalam.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hendra Pratama",
|
||||
handle: "@hendra.pratama",
|
||||
testimonial: "Wajib coba kalau berkunjung ke Bandung. Makanannya luar biasa enak.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-chicken-green-curry-coconut-milk-thai-food_1150-25326.jpg",
|
||||
},
|
||||
]}
|
||||
title="Apa Kata Pelanggan Kami"
|
||||
description="Kepuasan Anda adalah prioritas utama kami. Berikut adalah testimoni dari para pelanggan yang pernah menikmati hidangan di Bujan Restaurant."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Budi Santoso", handle: "@budi.santoso", testimonial: "Rendangnya sangat autentik, mengingatkan saya pada masakan ibu di rumah.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-dinner-wine_23-2148454118.jpg" },
|
||||
{ id: "2", name: "Siti Aminah", handle: "@siti_aminah", testimonial: "Tempat yang sangat nyaman untuk makan bersama keluarga di Bandung.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg" },
|
||||
{ id: "3", name: "Andi Wijaya", handle: "@andi.wijaya", testimonial: "Nasi gorengnya juara! Pelayanan juga sangat ramah dan cepat.", imageSrc: "http://img.b2bpic.net/free-photo/american-diner-aesthetics_23-2151854444.jpg" },
|
||||
{ id: "4", name: "Dewi Lestari", handle: "@dewi.lestari", testimonial: "Sate ayamnya sangat lembut, bumbunya meresap sampai ke dalam.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg" },
|
||||
{ id: "5", name: "Hendra Pratama", handle: "@hendra.pratama", testimonial: "Wajib coba kalau berkunjung ke Bandung. Makanannya luar biasa enak.", imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-chicken-green-curry-coconut-milk-thai-food_1150-25326.jpg" },
|
||||
]}
|
||||
title="Apa Kata Pelanggan Kami"
|
||||
description="Kepuasan Anda adalah prioritas utama kami. Berikut adalah testimoni dari para pelanggan yang pernah menikmati hidangan di Bujan Restaurant."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Hubungi Kami"
|
||||
description="Punya pertanyaan atau ingin melakukan reservasi meja? Silakan hubungi kami melalui formulir di bawah ini."
|
||||
inputs={[
|
||||
{
|
||||
name: "nama",
|
||||
type: "text",
|
||||
placeholder: "Nama Lengkap",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Alamat Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "pesan",
|
||||
placeholder: "Pesan atau Reservasi",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg"
|
||||
imageAlt="Interior restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Hubungi Kami"
|
||||
description="Punya pertanyaan atau ingin melakukan reservasi meja? Silakan hubungi kami melalui formulir di bawah ini."
|
||||
inputs={[
|
||||
{ name: "nama", type: "text", placeholder: "Nama Lengkap", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Alamat Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "pesan", placeholder: "Pesan atau Reservasi", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg"
|
||||
imageAlt="Interior restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Bujan Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigasi",
|
||||
items: [
|
||||
{
|
||||
label: "Beranda",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Kontak",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ikuti Kami",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Bujan Restaurant Bandung. Hak Cipta Dilindungi."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Bujan Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigasi", items: [
|
||||
{ label: "Beranda", href: "#hero" },
|
||||
{ label: "Menu", href: "#product" },
|
||||
{ label: "Kontak", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ikuti Kami", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Bujan Restaurant Bandung. Hak Cipta Dilindungi."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user