Add src/app/order/page.tsx
This commit is contained in:
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user