Add src/app/menu/page.tsx

This commit is contained in:
2026-06-10 05:03:50 +00:00
parent 21699ae334
commit 180c8de95f

118
src/app/menu/page.tsx Normal file
View 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>
);
}