Update src/app/order/page.tsx
This commit is contained in:
@@ -2,14 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, MessageCircle, Rocket, ShoppingCart } from "lucide-react";
|
||||
import ContactCTABackground from '@/components/sections/contact/ContactCTABackground';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function OrderPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -24,227 +21,92 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
href: "/location",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "order",
|
||||
href: "/order",
|
||||
},
|
||||
]}
|
||||
brandName="Mutt & Jeff's"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Location", id: "/location"},
|
||||
{
|
||||
name: "Order", id: "/order"},
|
||||
]}
|
||||
brandName="Mutt & Jeff's"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "1. Browse Our Menu",
|
||||
description: "Explore our full range of delicious dishes, from hearty entrées to sweet desserts. Find your cravings!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg?_wi=2",
|
||||
imageAlt: "plate of chicken fried steak",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "2. Customize Your Order",
|
||||
description: "Add special instructions or modify items to your taste, just like you would in person. We're happy to accommodate!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-with-olive-ham-tomatoes-vegetables-inside-plate-with-french-fries-wooden-sandwich-food-snack-breakfast-photo_140725-20920.jpg?_wi=2",
|
||||
imageAlt: "double decker club sandwich",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "3. Choose Pickup or Delivery",
|
||||
description: "Select your preferred method: quick pickup at our location or convenient doorstep delivery to your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-cutlery-with-brown-wooden-desk-blue-background-spoon-fork-color-photo-kitchen_140725-31076.jpg?_wi=2",
|
||||
imageAlt: "generic icon for pickup/delivery",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "4. Secure Checkout",
|
||||
description: "Complete your order with our easy and secure payment system. Get ready to enjoy your meal!",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/rounded-vegan-food-logotypes_23-2147560689.jpg?_wi=2",
|
||||
imageAlt: "generic icon for secure payment",
|
||||
},
|
||||
]}
|
||||
title="Ordering Your Favorites is Easy!"
|
||||
description="Follow these simple steps to enjoy Mutt & Jeff's homemade goodness from the comfort of your home."
|
||||
tag="Quick & Convenient"
|
||||
tagIcon={ShoppingCart}
|
||||
/>
|
||||
</div>
|
||||
<div id="order-online" data-section="order-online">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
tag="Easy Order"
|
||||
title="Order Your Favorites Online"
|
||||
description="Browse our full menu and place your order for pickup or delivery. Fresh, hot, and ready when you are!"
|
||||
products={[
|
||||
{
|
||||
id: "chicken-fried-steak", name: "Chicken Fried Steak", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg", imageAlt: "Chicken fried steak plate with gravy", initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart"},
|
||||
},
|
||||
{
|
||||
id: "double-decker-club", name: "Double Decker Club", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-with-olive-ham-tomatoes-vegetables-inside-plate-with-french-fries-wooden-sandwich-food-snack-breakfast-photo_140725-20920.jpg", imageAlt: "Double decker club sandwich with fries", initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart"},
|
||||
},
|
||||
{
|
||||
id: "philly-cheesesteak", name: "Philly Cheesesteak", price: "$13.75", imageSrc: "http://img.b2bpic.net/free-photo/traditional-choripan-argentina-sandwich-with-chorizo-chimichurri-sauce-black-slate-background_123827-29877.jpg", imageAlt: "Philly cheesesteak sandwich with melted cheese", initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart"},
|
||||
},
|
||||
{
|
||||
id: "fried-chicken", name: "Fried Chicken (2 Pc)", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg", imageAlt: "Crispy fried chicken drumsticks", initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart"},
|
||||
},
|
||||
{
|
||||
id: "onion-rings", name: "Onion Rings w/ Ranch", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187944.jpg", imageAlt: "Crispy onion rings with homemade ranch", initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart"},
|
||||
},
|
||||
{
|
||||
id: "banana-pudding", name: "Banana Pudding", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-with-plantain-banana_23-2151127828.jpg", imageAlt: "Homemade banana pudding dessert", initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart"},
|
||||
},
|
||||
{
|
||||
id: "sweet-tea", name: "Sweet Tea", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/ice-tea-with-lemon-mint_140725-33675.jpg", imageAlt: "Glass of sweet tea with lemon and mint", initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart"},
|
||||
},
|
||||
{
|
||||
id: "milkshake", name: "Blue Bell Milkshake", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-680.jpg", imageAlt: "Blue Bell milkshake in a glass", initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chicken Fried Steak",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg?_wi=3",
|
||||
imageAlt: "crispy chicken fried steak with gravy",
|
||||
initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Philly Cheesesteak",
|
||||
price: "$13.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-choripan-argentina-sandwich-with-chorizo-chimichurri-sauce-black-slate-background_123827-29877.jpg?_wi=2",
|
||||
imageAlt: "philly cheesesteak sandwich with melted cheese",
|
||||
initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Crispy Fried Chicken Bucket",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg?_wi=2",
|
||||
imageAlt: "bucket of golden brown crispy fried chicken",
|
||||
initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Creamy Banana Pudding",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-with-plantain-banana_23-2151127828.jpg?_wi=2",
|
||||
imageAlt: "dessert bowl of creamy banana pudding",
|
||||
initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Homemade Onion Rings",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187944.jpg?_wi=2",
|
||||
imageAlt: "pile of crispy onion rings with ranch dip",
|
||||
initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Blue Bell Milkshake",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-680.jpg",
|
||||
imageAlt: "blue bell milkshake in a tall glass",
|
||||
initialQuantity: 1,
|
||||
priceButtonProps: {
|
||||
text: "Add to Cart",
|
||||
},
|
||||
},
|
||||
]}
|
||||
title="Our Most Loved Online Orders"
|
||||
description="These fan favorites are a click away from your table. Perfect for a quick meal or family dinner!"
|
||||
tag="Customer Top Picks"
|
||||
tagIcon={Award}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Olivia M.",
|
||||
role: "Frequent User",
|
||||
testimonial: "Ordering online is super fast and easy. My food arrived hot and delicious every time!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-coffee_23-2148953567.jpg?_wi=4",
|
||||
imageAlt: "avatar of Olivia M.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James T.",
|
||||
role: "Tech Enthusiast",
|
||||
testimonial: "The app is very user-friendly. I can customize my order and get my favorites delivered right to my door, flawlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-happy-andpositive-pointing-with-index-fingers-standing-purple-wall_141793-82234.jpg?_wi=4",
|
||||
imageAlt: "avatar of James T.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia L.",
|
||||
role: "On-the-Go Parent",
|
||||
testimonial: "Pickup is a breeze! My order is always ready when I arrive, and the staff is so friendly and efficient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg?_wi=4",
|
||||
imageAlt: "avatar of Sophia L.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Noah K.",
|
||||
role: "Busy Professional",
|
||||
testimonial: "Perfect for busy nights. Mutt & Jeff's always delivers on quality and taste, even for takeout. A lifesaver!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-delicious-cheese_23-2150062643.jpg?_wi=3",
|
||||
imageAlt: "avatar of Noah K.",
|
||||
},
|
||||
]}
|
||||
title="Effortless Online Ordering"
|
||||
description="Read what customers love about the convenience and quality of their online orders from Mutt & Jeff's."
|
||||
tag="Hassle-Free"
|
||||
tagIcon={Rocket}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{}}
|
||||
tag="We're Here for You"
|
||||
tagIcon={MessageCircle}
|
||||
title="Questions About Your Online Order?"
|
||||
description="Our support team is ready to assist you with any inquiries or special requests to ensure a perfect experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "/location",
|
||||
},
|
||||
{
|
||||
text: "View FAQs",
|
||||
href: "/location#faq",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="catering" data-section="catering">
|
||||
<ContactCTABackground
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
title="Catering for Your Next Event"
|
||||
description="Planning a party or corporate event? Let Mutt & Jeff's handle the food! We offer catering services for groups of all sizes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More", href: "/contact"},
|
||||
{
|
||||
text: "Request a Quote", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user