Bob AI: Populate the newly-created page at src/pages/MenuOrderPage.t
This commit is contained in:
kudinDmitriyUp
@@ -1,8 +1,8 @@
|
||||
import { routes } from "@/routes";
|
||||
import NavbarCentered from "@/components/ui/NavbarCentered";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import ProductQuantityCards from "@/components/sections/product/ProductQuantityCards";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import ContactCta from "@/components/sections/contact/ContactCta";
|
||||
import FaqSimple from "@/components/sections/faq/FaqSimple";
|
||||
|
||||
const MenuOrderPage = () => {
|
||||
const handleAddToCart = (productName: string, quantity: number) => {
|
||||
@@ -11,100 +11,93 @@ const MenuOrderPage = () => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="flex flex-col min-h-screen bg-background text-foreground">
|
||||
<NavbarCentered
|
||||
logo="Foodie"
|
||||
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
|
||||
ctaButton={{ text: "Order Now", href: "/menu-order" }}
|
||||
/>
|
||||
<div className="flex flex-col min-h-svh bg-background text-foreground">
|
||||
|
||||
|
||||
<main className="flex-grow">
|
||||
<HeroBillboard
|
||||
tag="Our Menu"
|
||||
title="Delicious Meals, Delivered Fast"
|
||||
description="Explore our wide selection of dishes, from appetizers to desserts. Freshly prepared and ready for your enjoyment."
|
||||
title="Freshly Brewed & Baked Delights"
|
||||
description="Explore our curated selection of premium coffees, artisanal pastries, and savory bites. Perfect for any time of day."
|
||||
primaryButton={{ text: "View All Items", href: "#menu-items" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "/contact" }}
|
||||
imageSrc="https://img.b2bpic.net/img/food-delivery.webp"
|
||||
secondaryButton={{ text: "Find a Store", href: "/contact" }}
|
||||
imageSrc="https://img.b2bpic.net/img/coffee-shop-menu.webp"
|
||||
/>
|
||||
|
||||
<ProductQuantityCards
|
||||
tag="Order Online"
|
||||
title="Browse Our Specialties"
|
||||
description="Select your favorite dishes and customize your order. Fast and easy checkout."
|
||||
description="Select your favorite coffee, pastries, or sandwiches. Customize your order and enjoy a seamless checkout experience."
|
||||
products={[
|
||||
{
|
||||
name: "Classic Burger",
|
||||
price: "$12.99",
|
||||
imageSrc: "https://img.b2bpic.net/img/burger.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Classic Burger", quantity),
|
||||
name: "Espresso Shot",
|
||||
price: "$3.00",
|
||||
imageSrc: "https://img.b2bpic.net/img/espresso.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Espresso Shot", quantity),
|
||||
},
|
||||
{
|
||||
name: "Margherita Pizza",
|
||||
price: "$15.50",
|
||||
imageSrc: "https://img.b2bpic.net/img/pizza.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Margherita Pizza", quantity),
|
||||
name: "Latte Macchiato",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://img.b2bpic.net/img/latte.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Latte Macchiato", quantity),
|
||||
},
|
||||
{
|
||||
name: "Caesar Salad",
|
||||
price: "$9.75",
|
||||
imageSrc: "https://img.b2bpic.net/img/salad.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Caesar Salad", quantity),
|
||||
name: "Cappuccino Classic",
|
||||
price: "$4.25",
|
||||
imageSrc: "https://img.b2bpic.net/img/cappuccino.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Cappuccino Classic", quantity),
|
||||
},
|
||||
{
|
||||
name: "Spaghetti Carbonara",
|
||||
price: "$14.00",
|
||||
imageSrc: "https://img.b2bpic.net/img/pasta.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Spaghetti Carbonara", quantity),
|
||||
name: "Fresh Croissant",
|
||||
price: "$3.75",
|
||||
imageSrc: "https://img.b2bpic.net/img/croissant.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Fresh Croissant", quantity),
|
||||
},
|
||||
{
|
||||
name: "Sushi Platter",
|
||||
price: "$22.00",
|
||||
imageSrc: "https://img.b2bpic.net/img/sushi.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Sushi Platter", quantity),
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.20",
|
||||
imageSrc: "https://img.b2bpic.net/img/muffin.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Blueberry Muffin", quantity),
|
||||
},
|
||||
{
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "$7.50",
|
||||
imageSrc: "https://img.b2bpic.net/img/dessert.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Chocolate Lava Cake", quantity),
|
||||
name: "Avocado Toast",
|
||||
price: "$8.99",
|
||||
imageSrc: "https://img.b2bpic.net/img/avocado-toast.webp",
|
||||
onAddToCart: (quantity) => handleAddToCart("Avocado Toast", quantity),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<FaqSimple
|
||||
tag="Questions?"title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our menu, ordering process, and delivery."
|
||||
items={[
|
||||
{
|
||||
question: "How long does delivery take?",
|
||||
answer: "Delivery typically takes 30-45 minutes, depending on your location and current order volume."
|
||||
},
|
||||
{
|
||||
question: "Can I customize my drink order?",
|
||||
answer: "Yes, you can add notes for customizations like milk type, sugar level, or extra shots during checkout."
|
||||
},
|
||||
{
|
||||
question: "What are your operating hours?",
|
||||
answer: "We are open from 7 AM to 7 PM, Monday to Saturday. Sundays are 8 AM to 5 PM."
|
||||
},
|
||||
{
|
||||
question: "Do you offer catering services?",
|
||||
answer: "Yes, we offer catering for events of all sizes. Please contact us directly for a custom quote."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
<ContactCta
|
||||
tag="Ready to Order?"text="Experience the best coffee and food delivered right to your door."
|
||||
primaryButton={{ text: "Order Now", href: "/menu-order" }}
|
||||
secondaryButton={{ text: "View Full Menu", href: "#menu-items" }}
|
||||
/>
|
||||
</main>
|
||||
|
||||
<FooterSimple
|
||||
brand="Foodie"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "FAQ", href: "/faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 Foodie. All rights reserved."
|
||||
links={[
|
||||
{ label: "Privacy", href: "/privacy" },
|
||||
{ label: "Terms", href: "/terms" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user