-
-
-
)
- }
+ useEffect(() => {
+ const fetchMenus = async () => {
+ try {
+ const response = await axios.get('/menus');
+ setMenus(response.data.rows || []);
+ } catch (error) {
+ console.error('Failed to fetch menus:', error);
+ } finally {
+ setLoading(false);
+ }
};
+ fetchMenus();
+ }, []);
+
+ const handleOrderClick = (product: any) => {
+ setSelectedProduct(product);
+ setIsOrderModalOpen(true);
+ setOrderSuccess(false);
+ };
+
+ const handleOrderSubmit = async () => {
+ if (!orderData.nama_pemesan) {
+ alert('Mohon isi nama pemesan');
+ return;
+ }
+
+ setIsSubmitting(true);
+ try {
+ const total_harga = (selectedProduct.harga || 0) * orderData.quantity;
+
+ const payload = {
+ nama_pemesan: orderData.nama_pemesan,
+ total_harga: total_harga,
+ metode_pembayaran: orderData.metode_pembayaran,
+ status_pesanan: 'belum_dibuat',
+ status_pembayaran: 'belum_dibayar',
+ ordered_at: new Date().toISOString(),
+ orderItems: [
+ {
+ menuId: selectedProduct.id,
+ quantity: orderData.quantity,
+ harga: selectedProduct.harga
+ }
+ ]
+ };
+
+ await axios.post('/orders', { data: payload });
+
+ setOrderSuccess(true);
+ setTimeout(() => {
+ setIsOrderModalOpen(false);
+ setOrderData({ nama_pemesan: '', quantity: 1, metode_pembayaran: 'tunai' });
+ }, 3000);
+ } catch (error) {
+ console.error('Failed to submit order:', error);
+ alert('Gagal mengirim pesanan. Silakan coba lagi.');
+ } finally {
+ setIsSubmitting(false);
+ }
+ };
return (
-
+
- {getPageTitle('Starter Page')}
+ {getPageTitle('Croissant Delight - Artisanal Bakery')}
-
-
- {contentType === 'image' && contentPosition !== 'background'
- ? imageBlock(illustrationImage)
- : null}
- {contentType === 'video' && contentPosition !== 'background'
- ? videoBlock(illustrationVideo)
- : null}
-
-
-
- {page} ;
-};
-
+};
\ No newline at end of file
This is a React.js/Node.js app generated by the Flatlogic Web App Generator
-For guides and documentation please check - your local README.md and the Flatlogic documentation
+ {/* Header/Navigation */} + - - + {/* Hero Section */} +
+
+
+
+
-
-
+
+
+ Croissant Hangat,
+
+
+ Freshly baked every morning! ✨
+
+
+ Croissant Hangat,
+ Fresh Setiap Hari 🥐
+
+ + Dibuat dengan bahan premium, butter asli Perancis, dan dipanggang segar setiap pagi untuk menghadirkan kebahagiaan di setiap gigitan. +
+
+ document.getElementById('menu-section')?.scrollIntoView({ behavior: 'smooth' })}
+ className="px-10 py-4 text-lg rounded-2xl shadow-lg shadow-orange-200 hover:shadow-orange-300 transition-all active:scale-95"
+ icon={mdiArrowRight}
+ />
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 100% Halal
+Bahan Premium
+
-
+
+
+ {/* Footer */}
+
+
+ {/* Order Modal */}
+ setIsOrderModalOpen(false)}
+ isLoading={isSubmitting}
+ hasFooter={!orderSuccess}
+ >
+ {orderSuccess ? (
+
+
+
);
}
-Starter.getLayout = function getLayout(page: ReactElement) {
+LandingPage.getLayout = function getLayout(page: ReactElement) {
return © 2026 {title}. All rights reserved
- - Privacy Policy - + + {/* Features - Minimalist style */} +
+
+
+
+ {[
+ { icon: mdiSilverwareForkKnife, title: 'Artisanal Quality', desc: 'Setiap adonan dibuat dengan teknik tradisional untuk tekstur yang sempurna.' },
+ { icon: mdiClockOutline, title: 'Freshly Baked', desc: 'Kami tidak pernah menyajikan produk sisa kemarin. Selalu baru setiap jam 7 pagi.' },
+ { icon: mdiCart, title: 'Easy Delivery', desc: 'Pesan melalui website dan kami akan kirimkan ke tempat Anda dengan aman.' }
+ ].map((feature, idx) => (
+
+
+
+ ))}
+
+
+ {feature.title}
+{feature.desc}
+
+
+
+ {loading ? (
+ Menu Unggulan Kami
+Dari varian klasik hingga kreasi modern, temukan rasa yang paling menggugah seleramu hari ini.
+
+
+ ) : (
+ Menyiapkan menu segar...
+
+ {menus.map((menu: any) => (
+
+ )}
+
+
+ ))}
+
+
+
+ Habis
+
+ )}
+
+
+ Best Seller
+
+
+
+
+ {menu.nama_menu}
+{menu.deskripsi}
+
+
+
+ handleOrderClick(menu)}
+ className="rounded-2xl px-8 py-3 shadow-md shadow-orange-100 active:scale-95 transition-all"
+ icon={mdiCart}
+ />
+
+
+ Harga
+
+ Rp {Number(menu.harga).toLocaleString('id-ID')}
+
+
+
+ setIsOrderModalOpen(false)}
+ className="rounded-xl px-12 py-3 border border-gray-200"
+ />
+
+ ) : (
+
+
+ Pesanan Terkirim!
+
+ Terima kasih {orderData.nama_pemesan}.
+ Pesanan Anda sedang diproses dan akan segera diantar.
+
+
+ setOrderData({ ...orderData, nama_pemesan: e.target.value })}
+ placeholder="Masukkan nama Anda"
+ required
+ />
+
+
+
+ )}
+
+
+
+
+
+
+
+ {selectedProduct?.nama_menu}
+Rp {Number(selectedProduct?.harga).toLocaleString('id-ID')} / pcs
+
+
+ setOrderData({ ...orderData, quantity: Math.max(1, parseInt(e.target.value) || 1) })}
+ />
+
+
+
+
+
+
+ {orderData.metode_pembayaran === 'qris' && (
+
+
+ )}
+
+ Scan QRIS Croissant Delight
+
+ 
+
+ Lakukan pembayaran sekarang dan simpan bukti bayarnya.
+
+
+
+
+ Total Pembayaran
++ Rp {((selectedProduct?.harga || 0) * orderData.quantity).toLocaleString('id-ID')} +
+