Merge version_3 into main #3
171
src/app/order/page.tsx
Normal file
171
src/app/order/page.tsx
Normal file
@@ -0,0 +1,171 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { ShoppingBag, Truck, Utensils, Home, Mail, Phone, CalendarCheck, Facebook, Instagram, MapPin, Soup, Star, Twitter } from "lucide-react";
|
||||
|
||||
export default function OrderPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Order Online", id: "/order"
|
||||
},
|
||||
{
|
||||
name: "Chef Kami", id: "/#chef"
|
||||
},
|
||||
{
|
||||
name: "Ulasan", id: "/#ulasan"
|
||||
},
|
||||
{
|
||||
name: "Kontak", id: "/#contact"
|
||||
}
|
||||
]}
|
||||
brandName="Rasa Juara"
|
||||
button={{
|
||||
text: "Reservasi", href: "/#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="online-menu" data-section="online-menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "chocolate-souffle", name: "Chocolate Souffle", brand: "Dessert", price: "IDR 150.000", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-chocolate-lava-cake-ice-cream_74190-6984.jpg", imageAlt: "Chocolate Souffle"
|
||||
},
|
||||
{
|
||||
id: "oyster-lemon-myrtle", name: "Oyster with Lemon Myrtle", brand: "Appetizer", price: "IDR 220.000", rating: 4.5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320498.jpg", imageAlt: "Oyster with Lemon Myrtle"
|
||||
},
|
||||
{
|
||||
id: "red-kangaroo-mushrooms", name: "Red Kangaroo and Mushrooms", brand: "Main Course", price: "IDR 350.000", rating: 4.8,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-dolma-with-tomato-belly-pepper_140725-4615.jpg", imageAlt: "Red Kangaroo and Mushrooms"
|
||||
},
|
||||
{
|
||||
id: "crab-sausages", name: "Crab Sausages", brand: "Main Course", price: "IDR 280.000", rating: 4.6,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/delicious-seafood-meal_23-2151713211.jpg", imageAlt: "Crab Sausages"
|
||||
},
|
||||
{
|
||||
id: "premium-steaks", name: "Premium Steaks", brand: "Main Course", price: "IDR 400.000", rating: 4.9,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg", imageAlt: "Premium Steaks"
|
||||
},
|
||||
{
|
||||
id: "wine-pairing", name: "Wine Pairing", brand: "Beverage", price: "IDR 180.000", rating: 4.7,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-6633.jpg", imageAlt: "Wine Pairing"
|
||||
}
|
||||
]}
|
||||
title="Pesan Langsung dari Menu Kami"
|
||||
description="Pilih hidangan favorit Anda dan nikmati pengiriman cepat ke pintu Anda."
|
||||
buttons={[
|
||||
{ text: "Lihat Semua Kategori", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="delivery-options" data-section="delivery-options">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Opsi Pengiriman dan Layanan"
|
||||
description="Pilih opsi pengiriman yang paling sesuai dengan kebutuhan Anda."
|
||||
plans={[
|
||||
{
|
||||
id: "standard-delivery", badge: "Standard", badgeIcon: Home,
|
||||
price: "IDR 20.000", subtitle: "Pengiriman dalam 60-90 menit", features: [
|
||||
"Pelacakan Pesanan Dasar", "Minimum Order Rendah", "Area Pengiriman Luas"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Pilih", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "express-delivery", badge: "Express", badgeIcon: Truck,
|
||||
price: "IDR 45.000", subtitle: "Pengiriman dalam 30-45 menit", features: [
|
||||
"Pelacakan Pesanan Real-time", "Prioritas Pengiriman", "Dukungan Pelanggan Cepat"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Pilih", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "catering-delivery", badge: "Catering", badgeIcon: Utensils,
|
||||
price: "Mulai IDR 100.000", subtitle: "Untuk Pesanan Besar & Acara Khusus", features: [
|
||||
"Pengiriman Terjadwal", "Pengaturan Makanan", "Dukungan Acara Penuh"
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Pesan Catering", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
tag="Punya Pertanyaan?"
|
||||
title="Hubungi Kami untuk Bantuan"
|
||||
description="Tim kami siap membantu Anda dengan pesanan atau pertanyaan pengiriman. Jangan ragu untuk menghubungi kami."
|
||||
buttons={[
|
||||
{ text: "Kirim Email", href: "mailto:info@rasajuara.com" },
|
||||
{ text: "Telepon Kami", href: "tel:+61396913888" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Rasa Juara"
|
||||
copyrightText="© 2024 Rasa Juara. Hak Cipta Dilindungi."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/rasajuara", ariaLabel: "Instagram Rasa Juara"
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/rasajuara", ariaLabel: "Facebook Rasa Juara"
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/rasajuara", ariaLabel: "Twitter Rasa Juara"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -33,19 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
name: "Order Online", id: "/order"},
|
||||
{
|
||||
name: "Chef Kami", id: "#chef"},
|
||||
name: "Chef Kami", id: "/#chef"},
|
||||
{
|
||||
name: "Ulasan", id: "#ulasan"},
|
||||
name: "Ulasan", id: "/#ulasan"},
|
||||
{
|
||||
name: "Kontak", id: "#contact"},
|
||||
name: "Kontak", id: "/#contact"},
|
||||
]}
|
||||
brandName="Rasa Juara"
|
||||
button={{
|
||||
text: "Reservasi", href: "#contact"}}
|
||||
text: "Reservasi", href: "/#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,7 +79,7 @@ export default function LandingPage() {
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-sitting-table_23-2150062650.jpg", imageAlt: "Gourmet Australian cheese platter"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-kebab-pink-plate_114579-69599.jpg", imageAlt: "Perfectly cooked steak with elegant plating"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-kebab-pink-plate_114579-69599.jpg", imageAlt: "Delicious grilled kebab"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-seafood-soup-with-mussels-shrimp-small-octopus_140725-1326.jpg", imageAlt: "Innovative crab sausages dish"},
|
||||
]}
|
||||
@@ -88,9 +88,9 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Lihat Menu", href: "#menu"},
|
||||
text: "Lihat Menu", href: "/order"},
|
||||
{
|
||||
text: "Reservasi Sekarang", href: "#contact"},
|
||||
text: "Reservasi Sekarang", href: "/#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
@@ -181,8 +181,8 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "premium-steaks", name: "Premium Steaks", price: "IDR 400.000", imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg", imageAlt: "Premium Steaks"},
|
||||
]}
|
||||
title="Sajian Istimewa dari Dapur Kami"
|
||||
description="Dari hidangan klasik hingga kreasi modern, setiap menu kami diracik dengan passion dan presisi. Jelajahi pilihan menu kami yang elegan."
|
||||
title="Pilihan Menu Favorit Kami"
|
||||
description="Dari hidangan klasik hingga kreasi modern, setiap menu kami diracik dengan passion dan presisi. Jelajahi pilihan menu favorit kami."
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
74
src/app/reservations/page.tsx
Normal file
74
src/app/reservations/page.tsx
Normal file
@@ -0,0 +1,74 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactForm from "@/components/form/ContactForm"; // Using ContactForm for booking
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Award, CalendarCheck, Facebook, Instagram, Twitter } from "lucide-react"; // Import necessary icons
|
||||
|
||||
export default function ReservationsPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" }, // Link home to root path
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Chef Kami", id: "#chef" },
|
||||
{ name: "Ulasan", id: "#ulasan" },
|
||||
{ name: "Loyalty Program", id: "#loyalty" },
|
||||
{ name: "Kontak", id: "#contact" }
|
||||
];
|
||||
|
||||
const navbarButton = {
|
||||
text: "Reservasi", href: "/reservations"
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="Rasa Juara"
|
||||
button={navbarButton}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservations-page" data-section="reservations-page">
|
||||
<ContactForm
|
||||
tag="Pesan Meja"
|
||||
tagIcon={CalendarCheck}
|
||||
title="Reservasi Meja Anda di Rasa Juara"
|
||||
description="Pesan meja Anda dengan mudah dan cepat. Kami siap menyambut Anda untuk pengalaman bersantap yang tak terlupakan. Isi formulir di bawah ini atau hubungi kami langsung."
|
||||
inputPlaceholder="Email Anda"
|
||||
buttonText="Kirim Permintaan Reservasi"
|
||||
termsText="Dengan mengirim permintaan, Anda menyetujui syarat dan ketentuan reservasi kami."
|
||||
onSubmit={(email) => console.log("Reservation request for:", email)} // Placeholder action
|
||||
centered={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Rasa Juara"
|
||||
copyrightText="© 2024 Rasa Juara. Hak Cipta Dilindungi."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com/rasajuara", ariaLabel: "Instagram Rasa Juara" },
|
||||
{ icon: Facebook, href: "https://facebook.com/rasajuara", ariaLabel: "Facebook Rasa Juara" },
|
||||
{ icon: Twitter, href: "https://twitter.com/rasajuara", ariaLabel: "Twitter Rasa Juara" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user