256 lines
13 KiB
TypeScript
256 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { BookOpen, ChefHat, Heart, HelpCircle, Leaf, MessageCircle, Phone, Star, Users, Utensils } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
const navItems = [
|
|
{ name: "Beranda", id: "hero" },
|
|
{ name: "Tentang Kami", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Testimoni", id: "testimonials" },
|
|
{ name: "Tanya Jawab", id: "faq" },
|
|
{ name: "Hubungi Kami", id: "contact" }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Nyonya Java Resto"
|
|
navItems={navItems}
|
|
bottomLeftText="Komunitas Kuliner Nusantara"
|
|
bottomRightText="info@nyonyajavareso.id"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Selamat Datang di Nyonya Java Resto"
|
|
description="Rasakan kelezatan autentik masakan Indonesia dengan cita rasa tradisional yang dipadukan sempurna. Setiap hidangan kami disiapkan dengan bahan berkualitas dan resep turun-temurun yang telah dipercaya sejak dulu."
|
|
tag="Masakan Indonesia Autentik"
|
|
tagIcon={ChefHat}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Lihat Menu", href: "#products" },
|
|
{ text: "Pesan Sekarang", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/successful-entrepreneur_1098-18414.jpg?_wi=1", imageAlt: "Hidangan utama restoran Indonesia" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Tentang Nyonya Java Resto"
|
|
description="Nyonya Java Resto adalah rumah bagi cita rasa autentik Indonesia. Kami telah melayani pelanggan setia dengan dedikasi penuh terhadap keaslian dan kualitas. Setiap hidangan dibuat dengan passion dan komitmen untuk memberikan pengalaman kuliner yang tak terlupakan."
|
|
tag="Warisan Kuliner"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Pelajari Lebih Lanjut", href: "#faq" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
bulletPoints={[
|
|
{ title: "Resep Tradisional", description: "Menggunakan resep turun-temurun yang telah terbukti kesempurnaannya selama bertahun-tahun.", icon: BookOpen },
|
|
{ title: "Bahan Berkualitas", description: "Memilih bahan-bahan terbaik dan segar dari pasar lokal untuk menjamin kualitas optimal.", icon: Leaf },
|
|
{ title: "Pelayanan Ramah", description: "Tim kami siap memberikan pelayanan terbaik dengan senyuman dan kehangatan yang tulus.", icon: Users }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215865.jpg"
|
|
imageAlt="Interior restoran Nyonya Java Resto"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Keunggulan Kami"
|
|
description="Nikmati pengalaman bersantap dengan berbagai keistimewaan yang kami tawarkan khusus untuk setiap pelanggan."
|
|
tag="Spesialisasi Kami"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", label: "Menu Spesial", title: "Hidangan Pilihan", items: ["Rendang Daging Khas Padang", "Soto Ayam Kuning Jawa", "Gado-Gado Saus Kacang"],
|
|
buttons: [{ text: "Lihat Menu", href: "#products" }]
|
|
},
|
|
{
|
|
id: "2", label: "Suasana Nyaman", title: "Ruang Santai", items: ["Interior Tradisional Elegan", "Musik Latar Relaksasi", "Layanan Berkualitas"],
|
|
buttons: [{ text: "Kunjungi Kami", href: "#contact" }]
|
|
},
|
|
{
|
|
id: "3", label: "Harga Terjangkau", title: "Nilai Terbaik", items: ["Porsi Generous", "Kualitas Premium", "Harga Kompetitif"],
|
|
buttons: [{ text: "Pesan Sekarang", href: "#contact" }]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Jelajahi Selengkapnya", href: "#products" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Menu Andalan Kami"
|
|
description="Pilihan hidangan terbaik yang dirancang khusus untuk memanjakan lidah Anda dengan cita rasa autentik Indonesia."
|
|
tag="Menu Populer"
|
|
tagIcon={Utensils}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Rendang Daging", price: "Rp 65.000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-soup-with-meatballs-greens-sliced-potatoes-dark-blue-desk_140725-115384.jpg", imageAlt: "Rendang Daging Khas Padang", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "Soto Ayam Kuning", price: "Rp 45.000", imageSrc: "http://img.b2bpic.net/free-photo/green-curry-made-with-chicken-chili-basil-with-tomato-lime-kaffir-lime-leaves-garlic_1150-25726.jpg", imageAlt: "Soto Ayam Kuning Tradisional", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "Gado-Gado Saus Kacang", price: "Rp 35.000", imageSrc: "http://img.b2bpic.net/free-photo/thai-food-with-spicy-minced-pork-serve-with-side-dishes_1150-34608.jpg", imageAlt: "Gado-Gado dengan Saus Kacang", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Pesan Sekarang", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Apa Kata Pelanggan Kami"
|
|
description="Kepuasan pelanggan adalah prioritas utama kami. Dengarkan pengalaman mereka bersama Nyonya Java Resto."
|
|
tag="Testimoni"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{ id: "1", name: "Siti Nurhaliza", role: "Pengusaha", company: "Yogyakarta", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663871.jpg" },
|
|
{ id: "2", name: "Budi Santoso", role: "Profesional", company: "Jakarta", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-making-barbecue-close-up_23-2148965323.jpg" },
|
|
{ id: "3", name: "Keluarga Wijaya", role: "Keluarga", company: "Bandung", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552629.jpg" },
|
|
{ id: "4", name: "Dewi Lestari", role: "Pelajar", company: "Surabaya", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-apron-work_23-2149149686.jpg" },
|
|
{ id: "5", name: "Hendra Gunawan", role: "Pensiunan", company: "Medan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520007.jpg" },
|
|
{ id: "6", name: "Pasangan Muda", role: "Pasangan", company: "Makassar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-pouring-wine-glass-his-wife_23-2148435719.jpg" }
|
|
]}
|
|
kpiItems={[
|
|
{ value: "10.000+", label: "Pelanggan Puas" },
|
|
{ value: "15 Tahun", label: "Pengalaman" },
|
|
{ value: "50+ Menu", label: "Pilihan Hidangan" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Jadilah Pelanggan Kami", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Pertanyaan Yang Sering Diajukan"
|
|
description="Temukan jawaban untuk pertanyaan umum tentang Nyonya Java Resto, menu, dan pelayanan kami."
|
|
tag="Tanya Jawab"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{ id: "1", title: "Jam operasional restoran?", content: "Nyonya Java Resto buka setiap hari mulai pukul 11.00 pagi hingga 22.00 malam. Kami siap melayani Anda untuk sarapan, makan siang, makan malam, dan manjakan lidah Anda dengan hidangan spesial kami." },
|
|
{ id: "2", title: "Apakah ada menu vegetarian?", content: "Ya, kami menyediakan berbagai pilihan menu vegetarian yang lezat dan bergizi. Mulai dari Gado-Gado, Sayuran Tumis, hingga Perkedel Goreng yang sempurna untuk pelanggan vegetarian kami." },
|
|
{ id: "3", title: "Apakah bisa pesan via online?", content: "Tentu bisa! Anda dapat memesan melalui telepon ke nomor kami atau mengisi formulir kontak di website ini. Kami juga melayani pemesanan untuk acara khusus dan catering." },
|
|
{ id: "4", title: "Berapa harga untuk paket nasi kuning?", content: "Paket Nasi Kuning kami berkisar antara Rp 50.000 hingga Rp 150.000 tergantung pilihan lauk pauk. Untuk informasi lebih lengkap, silakan hubungi kami langsung." },
|
|
{ id: "5", title: "Apakah ada delivery atau take away?", content: "Ya, kami menyediakan layanan delivery dan take away untuk kemudahan Anda. Minimal pemesanan untuk delivery adalah Rp 100.000 dan tersedia di area sekitar restoran." },
|
|
{ id: "6", title: "Bagaimana cara membuat reservasi?", content: "Anda dapat membuat reservasi dengan menghubungi kami melalui telepon, WhatsApp, atau mengisi formulir kontak di website kami. Kami sangat mengapresiasi reservasi untuk kelompok besar." }
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Hubungi Kami"
|
|
title="Pesan Sekarang Atau Kunjungi Kami"
|
|
description="Jangan ragu untuk menghubungi kami! Kami siap melayani pemesanan, pertanyaan, dan reservasi Anda dengan senang hati."
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Masukkan email Anda"
|
|
buttonText="Kirim"
|
|
termsText="Dengan mengklik Kirim, Anda setuju dengan Syarat dan Ketentuan kami."
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/successful-entrepreneur_1098-18414.jpg?_wi=2"
|
|
imageAlt="Nyonya Java Resto Footer"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Beranda", href: "#hero" },
|
|
{ label: "Tentang Kami", href: "#about" },
|
|
{ label: "Menu", href: "#products" },
|
|
{ label: "Testimoni", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Layanan", items: [
|
|
{ label: "Delivery", href: "#contact" },
|
|
{ label: "Catering", href: "#contact" },
|
|
{ label: "Reservasi", href: "#contact" },
|
|
{ label: "Take Away", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Informasi", items: [
|
|
{ label: "Tentang", href: "#about" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Kontak", href: "#contact" },
|
|
{ label: "Hubungi Kami", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Nyonya Java Resto"
|
|
copyrightText="© 2025 Nyonya Java Resto | Semua Hak Dilindungi"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|