Merge version_3 into main #2
@@ -2,12 +2,11 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function ContactPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="icon-arrow"
|
defaultButtonVariant="icon-arrow"
|
||||||
@@ -22,206 +21,93 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "Menu", id: "/menu" },
|
||||||
id: "/",
|
{ name: "Rewards", id: "/rewards" },
|
||||||
},
|
{ name: "Reviews", id: "/#testimonials" },
|
||||||
{
|
{ name: "Locations", id: "/locations" },
|
||||||
name: "Menu",
|
{ name: "App", id: "/app" },
|
||||||
id: "/menu",
|
{ name: "Contact", id: "/contact" },
|
||||||
},
|
]}
|
||||||
{
|
logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
|
||||||
name: "Rewards",
|
logoAlt="Restaurant logo"
|
||||||
id: "/rewards",
|
brandName="Delicious Bites"
|
||||||
},
|
button={{ text: "Order Now", href: "/menu" }}
|
||||||
{
|
animateOnLoad={true}
|
||||||
name: "Locations",
|
/>
|
||||||
id: "/locations",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "App",
|
|
||||||
id: "/app",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
|
|
||||||
logoAlt="Restaurant logo"
|
|
||||||
brandName="Delicious Bites"
|
|
||||||
button={{
|
|
||||||
text: "Order Now",
|
|
||||||
href: "/menu",
|
|
||||||
}}
|
|
||||||
animateOnLoad={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="general-contact" data-section="general-contact">
|
<div id="contact-form" data-section="contact-form">
|
||||||
<ContactText
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
title="Get in Touch"
|
||||||
background={{
|
description="Have questions, feedback, or need assistance? Reach out to us through the form below."
|
||||||
variant: "downward-rays-static",
|
inputs={[
|
||||||
}}
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
text="Get In Touch With Us"
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||||
buttons={[
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
||||||
{
|
]}
|
||||||
text: "Send a Message",
|
textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
|
||||||
href: "mailto:info@deliciousbites.com",
|
buttonText="Send Message"
|
||||||
},
|
useInvertedBackground={false}
|
||||||
{
|
imageSrc="http://img.b2bpic.net/free-photo/view-restaurant-table-with-delicious-foods_23-2149690623.jpg"
|
||||||
text: "Call Us: (123) 456-7890",
|
imageAlt="Restaurant table with delicious foods"
|
||||||
href: "tel:1234567890",
|
/>
|
||||||
},
|
</div>
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="support-faq" data-section="support-faq">
|
<div id="footer" data-section="footer">
|
||||||
<FaqBase
|
<FooterBaseCard
|
||||||
textboxLayout="default"
|
logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
|
||||||
useInvertedBackground={true}
|
logoAlt="Restaurant logo"
|
||||||
faqs={[
|
logoText="Delicious Bites"
|
||||||
{
|
columns={[
|
||||||
id: "faq_ordering",
|
{
|
||||||
title: "How do I place an online order?",
|
title: "Navigation", items: [
|
||||||
content: "You can place an order directly through our website by visiting the Menu page, or by downloading our mobile app for a faster experience.",
|
{ label: "Home", href: "/" },
|
||||||
},
|
{ label: "Reviews", href: "/#testimonials" },
|
||||||
{
|
],
|
||||||
id: "faq_delivery",
|
},
|
||||||
title: "Do you offer delivery?",
|
{
|
||||||
content: "Yes, we partner with major delivery services. You can select delivery as an option when placing your order online or through our app.",
|
title: "Menu", items: [
|
||||||
},
|
{ label: "Burgers", href: "/menu#burgers" },
|
||||||
{
|
{ label: "Chicken", href: "/menu#chicken" },
|
||||||
id: "faq_allergens",
|
{ label: "Fries & Sides", href: "/menu#sides" },
|
||||||
title: "Where can I find allergen information?",
|
{ label: "Breakfast", href: "/menu#breakfast" },
|
||||||
content: "Detailed allergen and nutritional information for all our menu items is available on each product page and also in our mobile app.",
|
{ label: "Desserts", href: "/menu#desserts" },
|
||||||
},
|
{ label: "Drinks", href: "/menu#drinks" },
|
||||||
{
|
],
|
||||||
id: "faq_payment",
|
},
|
||||||
title: "What payment methods do you accept?",
|
{
|
||||||
content: "We accept all major credit cards, debit cards, and popular mobile payment options through our app and website.",
|
title: "Company", items: [
|
||||||
},
|
{ label: "About Us", href: "/about" },
|
||||||
{
|
{ label: "Careers", href: "/careers" },
|
||||||
id: "faq_catering",
|
{ label: "Locations", href: "/locations" },
|
||||||
title: "Do you offer catering services?",
|
{ label: "Franchise", href: "/locations#franchise" },
|
||||||
content: "Currently, we do not offer formal catering services, but you can place large orders for pickup or delivery through our online system.",
|
],
|
||||||
},
|
},
|
||||||
]}
|
{
|
||||||
title="Frequently Asked Questions"
|
title: "Support", items: [
|
||||||
description="Find quick answers to common questions about our food, services, and online ordering."
|
{ label: "Contact Us", href: "/contact" },
|
||||||
tag="Customer Support"
|
{ label: "FAQs", href: "/contact#faqs" },
|
||||||
faqsAnimation="slide-up"
|
{ label: "Privacy Policy", href: "/privacy" },
|
||||||
/>
|
{ label: "Terms of Service", href: "/terms" },
|
||||||
</div>
|
],
|
||||||
|
},
|
||||||
<div id="footer" data-section="footer">
|
{
|
||||||
<FooterBaseCard
|
title: "Connect", items: [
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
|
{ label: "Rewards", href: "/rewards" },
|
||||||
logoAlt="Restaurant logo"
|
{ label: "Mobile App", href: "/app" },
|
||||||
logoText="Delicious Bites"
|
{ label: "Instagram", href: "https://instagram.com" },
|
||||||
columns={[
|
{ label: "Twitter", href: "https://twitter.com" },
|
||||||
{
|
],
|
||||||
title: "Menu",
|
},
|
||||||
items: [
|
]}
|
||||||
{
|
copyrightText="© 2024 Delicious Bites. All rights reserved."
|
||||||
label: "Burgers",
|
/>
|
||||||
href: "/menu#burgers",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Chicken",
|
|
||||||
href: "/menu#chicken",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Fries & Sides",
|
|
||||||
href: "/menu#sides",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Breakfast",
|
|
||||||
href: "/menu#breakfast",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Desserts",
|
|
||||||
href: "/menu#desserts",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Drinks",
|
|
||||||
href: "/menu#drinks",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About Us",
|
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Careers",
|
|
||||||
href: "/careers",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Locations",
|
|
||||||
href: "/locations",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Franchise",
|
|
||||||
href: "/locations#franchise",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Contact Us",
|
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "FAQs",
|
|
||||||
href: "/contact#faqs",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "/privacy",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "/terms",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Connect",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Rewards",
|
|
||||||
href: "/rewards",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Mobile App",
|
|
||||||
href: "/app",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Instagram",
|
|
||||||
href: "https://instagram.com",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Twitter",
|
|
||||||
href: "https://twitter.com",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
copyrightText="© 2024 Delicious Bites. All rights reserved."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -2,13 +2,12 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import { Tag } from "lucide-react";
|
import { Beef, Carrot, Coffee, Cookie, IceCream, Utensils } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function MenuPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="icon-arrow"
|
defaultButtonVariant="icon-arrow"
|
||||||
@@ -27,125 +26,229 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "/menu"},
|
||||||
id: "/menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Rewards",
|
name: "Rewards", id: "/rewards"},
|
||||||
id: "/rewards",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Locations",
|
name: "Locations", id: "/locations"},
|
||||||
id: "/locations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "App",
|
name: "App", id: "/app"},
|
||||||
id: "/app",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "/contact"},
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/retro-logo-collection-different-restaurants_23-2148386010.jpg"
|
||||||
logoAlt="Restaurant logo"
|
logoAlt="Restaurant logo"
|
||||||
brandName="Delicious Bites"
|
brandName="Delicious Bites"
|
||||||
button={{
|
button={{
|
||||||
text: "Order Now",
|
text: "Order Now", href: "/menu"}}
|
||||||
href: "/menu",
|
|
||||||
}}
|
|
||||||
animateOnLoad={true}
|
animateOnLoad={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu-categories" data-section="menu-categories">
|
<div id="main-menu-content" data-section="main-menu-content">
|
||||||
<ProductCardThree
|
<div className="container mx-auto py-16 px-4">
|
||||||
animationType="slide-up"
|
<h1 className="text-5xl font-extrabold text-center mb-12">Our Delicious Menu</h1>
|
||||||
textboxLayout="default"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "burgers",
|
|
||||||
name: "Burgers",
|
|
||||||
price: "Starting from $4.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-burgers-with-orange-background_23-2148235034.jpg",
|
|
||||||
imageAlt: "Assortment of burgers",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "chicken",
|
|
||||||
name: "Chicken",
|
|
||||||
price: "Starting from $3.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-chicken-patty-vegetables_1220-4220.jpg",
|
|
||||||
imageAlt: "Various chicken items",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "sides",
|
|
||||||
name: "Fries & Sides",
|
|
||||||
price: "Starting from $2.49",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sugar-cookies-with-orange-slices-dark-surface-cookies-biscuit-sweet-tea-cake_140725-118523.jpg",
|
|
||||||
imageAlt: "Fries and other sides",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "breakfast",
|
|
||||||
name: "Breakfast",
|
|
||||||
price: "Starting from $3.29",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-breakfast-board-mother-day_23-2147782721.jpg",
|
|
||||||
imageAlt: "Breakfast items",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "desserts",
|
|
||||||
name: "Desserts",
|
|
||||||
price: "Starting from $2.79",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-dessert-with-tangerines-candies-white-background-cream-dessert-biscuit-cake-fruit_140725-96241.jpg",
|
|
||||||
imageAlt: "Selection of desserts",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "drinks",
|
|
||||||
name: "Drinks",
|
|
||||||
price: "Starting from $1.99",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-with-whipped-cream_23-2151939167.jpg",
|
|
||||||
imageAlt: "Variety of drinks",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Our Full Menu"
|
|
||||||
description="Explore all your favorites, from juicy burgers to refreshing drinks and delicious desserts."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu-offers" data-section="menu-offers">
|
<div id="burgers" data-section="burgers" className="mb-24">
|
||||||
<FeatureCardSix
|
<ProductCardThree
|
||||||
textboxLayout="default"
|
animationType="slide-up"
|
||||||
useInvertedBackground={true}
|
textboxLayout="default"
|
||||||
features={[
|
gridVariant="three-columns-all-equal-width"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
title: "Family Combo",
|
title="Burgers"
|
||||||
description: "Save big with meals designed to satisfy the whole family.",
|
description="Juicy, flavorful, and customizable to your heart's content."
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113382.jpg",
|
tag="Signature"
|
||||||
imageAlt: "Family combo meal",
|
tagIcon={Beef}
|
||||||
},
|
products={[
|
||||||
{
|
{
|
||||||
title: "Lunch Specials",
|
id: "b1", name: "Classic Cheeseburger", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burger-ingredients-cutting-board_23-2148235048.jpg", imageAlt: "Classic cheeseburger"
|
||||||
description: "Quick and affordable lunch options available every weekday.",
|
},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-round-shaped-inside-plate-with-cutlery-dark-table_140725-144193.jpg",
|
{
|
||||||
imageAlt: "Lunch special deal",
|
id: "b2", name: "Baconator Burger", price: "$7.49", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-bacon-cheese_23-2148247921.jpg", imageAlt: "Baconator burger"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "New Item Alert",
|
id: "b3", name: "Spicy Jalapeño Burger", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-burger-with-bacon-cheese-pickles-lettuce-mayonnaise-sauce-isolated_188544-6725.jpg", imageAlt: "Spicy Jalapeño Burger"
|
||||||
description: "Try our latest menu creation, available for a limited time!",
|
},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-vegan-burger-with-healthy-food-sign_23-2148287548.jpg",
|
{
|
||||||
imageAlt: "New menu item",
|
id: "b4", name: "Mushroom Swiss Burger", price: "$7.29", imageSrc: "http://img.b2bpic.net/free-photo/big-tasty-hamburger_23-2148281358.jpg", imageAlt: "Mushroom Swiss Burger"
|
||||||
},
|
},
|
||||||
]}
|
{
|
||||||
title="Special Offers & Combos"
|
id: "b5", name: "Veggie Burger", price: "$6.49", imageSrc: "http://img.b2bpic.net/free-photo/veggie-burger-with-french-fries_23-2148690384.jpg", imageAlt: "Veggie Burger"
|
||||||
description="Discover our current deals and perfectly paired combos for maximum value."
|
},
|
||||||
tag="Value Deals"
|
{
|
||||||
tagIcon={Tag}
|
id: "b6", name: "Double Cheeseburger", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-beef-burger-with-fries_23-2148308709.jpg", imageAlt: "Double Cheeseburger"
|
||||||
/>
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="chicken" data-section="chicken" className="mb-24">
|
||||||
|
<ProductCardThree
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
title="Chicken"
|
||||||
|
description="Crispy, tender, and always satisfying. Choose your favorite."
|
||||||
|
tag="Fried & Grilled"
|
||||||
|
tagIcon={Utensils}
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "c1", name: "Crispy Chicken Sandwich", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16668.jpg", imageAlt: "Crispy chicken sandwich"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "c2", name: "Spicy Chicken Sandwich", price: "$7.29", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-burger-plate_23-2149591030.jpg", imageAlt: "Spicy chicken sandwich"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "c3", name: "Chicken Nuggets (6pc)", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-nuggets-wings-breast-with-onion-salad_114579-925.jpg", imageAlt: "Chicken nuggets"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "c4", name: "Grilled Chicken Wrap", price: "$6.79", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-wrap-with-fried-chicken-fillet-fresh-vegetables_23-2148666324.jpg", imageAlt: "Grilled chicken wrap"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "c5", name: "Chicken Strips (3pc)", price: "$5.49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fried-chicken-with-sauces-french-fries_23-2148646557.jpg", imageAlt: "Chicken strips"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "c6", name: "BBQ Chicken Sandwich", price: "$7.59", imageSrc: "http://img.b2bpic.net/free-photo/view-bbq-burger-wooden-board_23-2148308731.jpg", imageAlt: "BBQ chicken sandwich"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="sides" data-section="sides" className="mb-24">
|
||||||
|
<ProductCardThree
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
title="Fries & Sides"
|
||||||
|
description="Perfect accompaniments to your meal, crispy and delicious."
|
||||||
|
tag="Complements"
|
||||||
|
tagIcon={Carrot}
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "s1", name: "Golden French Fries (Lg)", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-ketchup-lemonade_23-2148272971.jpg", imageAlt: "Large french fries"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s2", name: "Onion Rings", price: "$3.49", imageSrc: "http://img.b2bpic.net/free-photo/front-view-appetizing-onion-rings-with-sauce_23-2148446214.jpg", imageAlt: "Onion rings"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s3", name: "Mozzarella Sticks (4pc)", price: "$4.29", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sticks_1339-661.jpg", imageAlt: "Mozzarella sticks"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s4", name: "Side Salad", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/bowl-vegetable-salad-with-fresh-ingredients_23-2148306048.jpg", imageAlt: "Side salad"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s5", name: "Chili Cheese Fries", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-fries-plate-with-cheese_23-2148408107.jpg", imageAlt: "Chili cheese fries"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "s6", name: "Apple Slices", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/apple-pieces-with-nuts-wooden-plate_140725-30018.jpg", imageAlt: "Apple slices"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="breakfast" data-section="breakfast" className="mb-24">
|
||||||
|
<ProductCardThree
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
title="Breakfast"
|
||||||
|
description="Start your day right with our delicious breakfast options."
|
||||||
|
tag="Morning Bites"
|
||||||
|
tagIcon={Coffee}
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "br1", name: "Egg & Cheese McMuffin", price: "$4.29", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1101.jpg", imageAlt: "Egg & Cheese McMuffin"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "br2", name: "Sausage Biscuit", price: "$3.79", imageSrc: "http://img.b2bpic.net/free-photo/english-muffin-sandwich-with-sausage-egg-cheese-isolated-white-background_123827-21390.jpg", imageAlt: "Sausage Biscuit"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "br3", name: "Pancakes (3pc) with Syrup", price: "$5.49", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-syrup-berries_23-2148306051.jpg", imageAlt: "Pancakes"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "br4", name: "Hash Browns", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hash-browns-with-green-garnish_23-2148331804.jpg", imageAlt: "Hash Browns"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "br5", name: "Breakfast Burrito", price: "$4.79", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burrito-with-chicken-close-up-plate_23-2149591012.jpg", imageAlt: "Breakfast Burrito"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "br6", name: "Orange Juice", price: "$2.19", imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-bottle_140725-10173.jpg", imageAlt: "Orange Juice"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="desserts" data-section="desserts" className="mb-24">
|
||||||
|
<ProductCardThree
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
title="Desserts"
|
||||||
|
description="Sweet treats to complete your meal or enjoy as a delightful snack."
|
||||||
|
tag="Sweet Endings"
|
||||||
|
tagIcon={Cookie}
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "d1", name: "Chocolate McFlurry", price: "$3.79", imageSrc: "http://img.b2bpic.net/free-photo/swirled-frosting-texture-pink-teal-delight_23-2151988798.jpg", imageAlt: "Chocolate McFlurry"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "d2", name: "Apple Pie", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/apple-pie_1339-1667.jpg", imageAlt: "Apple Pie"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "d3", name: "Sundae", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-dessert-with-berries-chocolate-served-glass-bowl-isolated-white-background_123827-21396.jpg", imageAlt: "Sundae"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "d4", name: "Chocolate Chip Cookie", price: "$1.79", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-chip-cookies-isolated_1339-1830.jpg", imageAlt: "Chocolate Chip Cookie"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "d5", name: "Milkshake (Chocolate)", price: "$4.29", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-7853.jpg", imageAlt: "Chocolate Milkshake"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "d6", name: "Vanilla Soft Serve Cone", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-cone-pink-blue_23-2148293933.jpg", imageAlt: "Vanilla Soft Serve Cone"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="drinks" data-section="drinks" className="mb-24">
|
||||||
|
<ProductCardThree
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
title="Drinks"
|
||||||
|
description="Quench your thirst with our wide selection of refreshing beverages."
|
||||||
|
tag="Refreshing"
|
||||||
|
tagIcon={IceCream}
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "dr1", name: "Coca-Cola (Med)", price: "$2.29", imageSrc: "http://img.b2bpic.net/free-photo/coca-cola-glass-drink-ice-cold_1339-1229.jpg", imageAlt: "Coca-Cola"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "dr2", name: "Sprite (Med)", price: "$2.29", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sparkling-water-bottle-glass_23-2148967963.jpg", imageAlt: "Sprite"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "dr3", name: "Diet Coke (Med)", price: "$2.29", imageSrc: "http://img.b2bpic.net/free-photo/diet-coke-ice-glass_23-2148337775.jpg", imageAlt: "Diet Coke"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "dr4", name: "Iced Tea (Sweet/Unsweet)", price: "$2.49", imageSrc: "http://img.b2bpic.net/free-photo/iced-tea_1339-1662.jpg", imageAlt: "Iced Tea"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "dr5", name: "Orange Juice", price: "$2.19", imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-bottle_140725-10173.jpg", imageAlt: "Orange Juice"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "dr6", name: "Water Bottle", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/water-bottle_23-2148332190.jpg", imageAlt: "Water Bottle"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
@@ -155,95 +258,55 @@ export default function LandingPage() {
|
|||||||
logoText="Delicious Bites"
|
logoText="Delicious Bites"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Menu",
|
title: "Menu", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Burgers",
|
label: "Burgers", href: "/menu#burgers"},
|
||||||
href: "/menu#burgers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Chicken",
|
label: "Chicken", href: "/menu#chicken"},
|
||||||
href: "/menu#chicken",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Fries & Sides",
|
label: "Fries & Sides", href: "/menu#sides"},
|
||||||
href: "/menu#sides",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Breakfast",
|
label: "Breakfast", href: "/menu#breakfast"},
|
||||||
href: "/menu#breakfast",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Desserts",
|
label: "Desserts", href: "/menu#desserts"},
|
||||||
href: "/menu#desserts",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Drinks",
|
label: "Drinks", href: "/menu#drinks"},
|
||||||
href: "/menu#drinks",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "/about"},
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "/careers"},
|
||||||
href: "/careers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Locations",
|
label: "Locations", href: "/locations"},
|
||||||
href: "/locations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Franchise",
|
label: "Franchise", href: "/locations#franchise"},
|
||||||
href: "/locations#franchise",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "/contact"},
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQs",
|
label: "FAQs", href: "/contact#faqs"},
|
||||||
href: "/contact#faqs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "/privacy"},
|
||||||
href: "/privacy",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "/terms"},
|
||||||
href: "/terms",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Rewards",
|
label: "Rewards", href: "/rewards"},
|
||||||
href: "/rewards",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Mobile App",
|
label: "Mobile App", href: "/app"},
|
||||||
href: "/app",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://instagram.com"},
|
||||||
href: "https://instagram.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Twitter",
|
label: "Twitter", href: "https://twitter.com"},
|
||||||
href: "https://twitter.com",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
@@ -31,12 +31,20 @@ export default function LandingPage() {
|
|||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home", id: "/"},
|
name: "Home", id: "/"},
|
||||||
|
{
|
||||||
|
name: "About", id: "/about"},
|
||||||
{
|
{
|
||||||
name: "Menu", id: "/menu"},
|
name: "Menu", id: "/menu"},
|
||||||
{
|
{
|
||||||
name: "Rewards", id: "/rewards"},
|
name: "Order", id: "/order"},
|
||||||
|
{
|
||||||
|
name: "Reviews", id: "/reviews"},
|
||||||
|
{
|
||||||
|
name: "Gallery", id: "/gallery"},
|
||||||
{
|
{
|
||||||
name: "Locations", id: "/locations"},
|
name: "Locations", id: "/locations"},
|
||||||
|
{
|
||||||
|
name: "Rewards", id: "/rewards"},
|
||||||
{
|
{
|
||||||
name: "App", id: "/app"},
|
name: "App", id: "/app"},
|
||||||
{
|
{
|
||||||
@@ -46,7 +54,7 @@ export default function LandingPage() {
|
|||||||
logoAlt="Restaurant logo"
|
logoAlt="Restaurant logo"
|
||||||
brandName="Delicious Bites"
|
brandName="Delicious Bites"
|
||||||
button={{
|
button={{
|
||||||
text: "Order Now", href: "/menu"}}
|
text: "Order Now", href: "/order"}}
|
||||||
animateOnLoad={true}
|
animateOnLoad={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -89,7 +97,7 @@ export default function LandingPage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order Now", href: "/menu"},
|
text: "Order Now", href: "/order"},
|
||||||
{
|
{
|
||||||
text: "Find a Restaurant", href: "/locations"},
|
text: "Find a Restaurant", href: "/locations"},
|
||||||
]}
|
]}
|
||||||
@@ -238,6 +246,8 @@ export default function LandingPage() {
|
|||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Menu", items: [
|
title: "Menu", items: [
|
||||||
|
{
|
||||||
|
label: "Order Now", href: "/order"},
|
||||||
{
|
{
|
||||||
label: "Burgers", href: "/menu#burgers"},
|
label: "Burgers", href: "/menu#burgers"},
|
||||||
{
|
{
|
||||||
@@ -282,6 +292,10 @@ export default function LandingPage() {
|
|||||||
label: "Rewards", href: "/rewards"},
|
label: "Rewards", href: "/rewards"},
|
||||||
{
|
{
|
||||||
label: "Mobile App", href: "/app"},
|
label: "Mobile App", href: "/app"},
|
||||||
|
{
|
||||||
|
label: "Reviews", href: "/reviews"},
|
||||||
|
{
|
||||||
|
label: "Gallery", href: "/gallery"},
|
||||||
{
|
{
|
||||||
label: "Instagram", href: "https://instagram.com"},
|
label: "Instagram", href: "https://instagram.com"},
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user