Add src/app/menu/page.tsx
This commit is contained in:
118
src/app/menu/page.tsx
Normal file
118
src/app/menu/page.tsx
Normal file
@@ -0,0 +1,118 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||||
|
|
||||||
|
export default function FullMenuPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="icon-arrow"
|
||||||
|
defaultTextAnimation="background-highlight"
|
||||||
|
borderRadius="pill"
|
||||||
|
contentWidth="smallMedium"
|
||||||
|
sizing="mediumLarge"
|
||||||
|
background="floatingGradient"
|
||||||
|
cardStyle="outline"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="solid"
|
||||||
|
headingFontWeight="normal"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarLayoutFloatingOverlay
|
||||||
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "About", id: "#about" },
|
||||||
|
{ name: "Menu", id: "/menu" },
|
||||||
|
{ name: "Specials", id: "#specials" },
|
||||||
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
|
{ name: "FAQ", id: "#faq" },
|
||||||
|
{ name: "Blog", id: "#blog" },
|
||||||
|
{ name: "Contact", id: "#contact" },
|
||||||
|
]}
|
||||||
|
logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529598.jpg"
|
||||||
|
logoAlt="Alfredo Cafe Logo"
|
||||||
|
brandName="Alfredo Cafe"
|
||||||
|
button={{ text: "Order Now", href: "#contact" }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="full-menu" data-section="full-menu">
|
||||||
|
<ProductCardTwo
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "p-croissant", brand: "Alfredo's Bakery", name: "Buttery Croissant", price: "$3.50", rating: 5,
|
||||||
|
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-bagels-with-cakes-light-white-background_140725-50217.jpg", imageAlt: "fresh buttery croissant plate"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "p-sandwich", brand: "Alfredo's Kitchen", name: "Gourmet Chicken Sandwich", price: "$12.00", rating: 4,
|
||||||
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-salad-sandwich-with-tomato_23-2148640135.jpg", imageAlt: "gourmet sandwich fresh ingredients"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "p-smoothie", brand: "Alfredo's Refreshments", name: "Berry Blast Smoothie", price: "$7.00", rating: 5,
|
||||||
|
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-with-fruits-dryfruits-white-background_23-2147907019.jpg", imageAlt: "refreshing fruit smoothie glass"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "p-cake", brand: "Alfredo's Sweets", name: "Chocolate Fudge Cake", price: "$6.50", rating: 5,
|
||||||
|
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-black-platter_114579-17495.jpg", imageAlt: "decadent chocolate cake slice dessert"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "p-tea", brand: "Alfredo's Brews", name: "English Breakfast Tea", price: "$4.00", rating: 4,
|
||||||
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-cup-cocoa-cinnamon-sticks-knitted-element_169016-27055.jpg", imageAlt: "warm cup of tea herbal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "p-salad", brand: "Alfredo's Fresh", name: "Mediterranean Salad", price: "$11.00", rating: 4,
|
||||||
|
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-poke-bowl-with-salmon-bowl-with-seaweed-sesame-seeds-cabbage-top-view-flat-lay-banner_127032-2486.jpg", imageAlt: "fresh vibrant salad bowl healthy"
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
title="Our Full Menu"
|
||||||
|
description="Explore our wide range of delicious food and beverages, prepared with care and the freshest ingredients. There's something for everyone at Alfredo Cafe."
|
||||||
|
buttons={[
|
||||||
|
{ text: "Order Online", href: "#contact" }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterLogoEmphasis
|
||||||
|
logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-elements-flat-design_23-2147599186.jpg"
|
||||||
|
logoAlt="cafe logo elegant vintage"
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "Home", href: "/" },
|
||||||
|
{ label: "About Us", href: "#about" },
|
||||||
|
{ label: "Menu", href: "/menu" },
|
||||||
|
{ label: "Specials", href: "#specials" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "Testimonials", href: "#testimonials" },
|
||||||
|
{ label: "FAQ", href: "#faq" },
|
||||||
|
{ label: "Blog", href: "#blog" },
|
||||||
|
{ label: "Contact", href: "#contact" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{ label: "Privacy Policy", href: "#" },
|
||||||
|
{ label: "Terms of Service", href: "#" },
|
||||||
|
{ label: "Careers", href: "#" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
logoText="Alfredo Cafe"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user