Add src/app/menu/page.tsx
This commit is contained in:
121
src/app/menu/page.tsx
Normal file
121
src/app/menu/page.tsx
Normal file
@@ -0,0 +1,121 @@
|
||||
"use client"
|
||||
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { UtensilsCrossed } from "lucide-react";
|
||||
import ReactLenis from "lenis/react";
|
||||
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Sababa Kitchen"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
bottomLeftText="Tel Aviv, Israel"
|
||||
bottomRightText="reservations@sababa.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
title="Complete Menu"
|
||||
description="Explore all of our carefully curated Israeli dishes and Mediterranean delicacies"
|
||||
tag="Menu Highlights"
|
||||
tagIcon={UtensilsCrossed}
|
||||
products={[
|
||||
{
|
||||
id: "hummus", name: "Creamy Hummus Tahini", price: "$16", variant: "Chickpeas • Tahini • Premium Olive Oil", imageSrc: "https://img.b2bpic.net/free-psd/white-bowl-creamy-hummus-topped-with-fresh-salad-chopped-cucumber-tomato-garnished-with-herbs-served-with-pita-bread-wedges_84443-63597.jpg", imageAlt: "Creamy hummus tahini"
|
||||
},
|
||||
{
|
||||
id: "sabich", name: "Sabich - Eggplant Sandwich", price: "$14", variant: "Roasted Eggplant • Tahini • Israeli Salad", imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-rustic-bowl-filled-with-creamy-hummus-garnished-with-fresh-parsley-sesame-seeds-chili-oil-black-background_84443-61207.jpg", imageAlt: "Sabich eggplant sandwich"
|
||||
},
|
||||
{
|
||||
id: "shakshuka", name: "Shakshuka - Egg & Tomato", price: "$15", variant: "Poached Eggs • Tomato Sauce • Spices", imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-bowl-creamy-hummus-drizzled-with-golden-olive-oil-garnished-with-fresh-green-parsley-red-paprika-spice-black-background_84443-61197.jpg", imageAlt: "Traditional shakshuka"
|
||||
},
|
||||
{
|
||||
id: "falafel", name: "Golden Falafel Plate", price: "$12", variant: "Crispy Chickpea Fritters • Tahini • Fresh Vegetables", imageSrc: "https://img.b2bpic.net/free-psd/white-bowl-creamy-hummus-topped-with-fresh-salad-chopped-cucumber-tomato-garnished-with-herbs-served-with-pita-bread-wedges_84443-63597.jpg", imageAlt: "Golden falafel plate"
|
||||
},
|
||||
{
|
||||
id: "tabbouleh", name: "Tabbouleh - Herb Salad", price: "$13", variant: "Fresh Parsley • Bulgur • Lemon Dressing", imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-rustic-bowl-filled-with-creamy-hummus-garnished-with-fresh-parsley-sesame-seeds-chili-oil-black-background_84443-61207.jpg", imageAlt: "Fresh tabbouleh salad"
|
||||
},
|
||||
{
|
||||
id: "labneh", name: "Creamy Labneh Dip", price: "$11", variant: "Strained Yogurt • Za'atar • Olive Oil", imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-bowl-creamy-hummus-drizzled-with-golden-olive-oil-garnished-with-fresh-green-parsley-red-paprika-spice-black-background_84443-61197.jpg", imageAlt: "Creamy labneh dip"
|
||||
},
|
||||
{
|
||||
id: "baba-ghanoush", name: "Baba Ghanoush", price: "$13", variant: "Roasted Eggplant • Sesame • Pomegranate", imageSrc: "https://img.b2bpic.net/free-psd/white-bowl-creamy-hummus-topped-with-fresh-salad-chopped-cucumber-tomato-garnished-with-herbs-served-with-pita-bread-wedges_84443-63597.jpg", imageAlt: "Baba ghanoush dip"
|
||||
},
|
||||
{
|
||||
id: "fattoush", name: "Fattoush Salad", price: "$14", variant: "Mixed Greens • Crispy Pita • Sumac Vinaigrette", imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-rustic-bowl-filled-with-creamy-hummus-garnished-with-fresh-parsley-sesame-seeds-chili-oil-black-background_84443-61207.jpg", imageAlt: "Fattoush salad"
|
||||
},
|
||||
{
|
||||
id: "muttabal", name: "Muttabal - Spiced Eggplant", price: "$13", variant: "Eggplant • Yogurt • Spices • Pine Nuts", imageSrc: "https://img.b2bpic.net/free-psd/overhead-view-bowl-creamy-hummus-drizzled-with-golden-olive-oil-garnished-with-fresh-green-parsley-red-paprika-spice-black-background_84443-61197.jpg", imageAlt: "Muttabal eggplant dish"
|
||||
},
|
||||
{
|
||||
id: "msabacha", name: "Msabacha - Warm Hummus", price: "$15", variant: "Crushed Chickpeas • Tahini • Warm Olive Oil • Spices", imageSrc: "https://img.b2bpic.net/free-psd/white-bowl-creamy-hummus-topped-with-fresh-salad-chopped-cucumber-tomato-garnished-with-herbs-served-with-pita-bread-wedges_84443-63597.jpg", imageAlt: "Warm msabacha hummus"
|
||||
}
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "about" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Team", href: "team" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Reservations", href: "tel:+972-3-123-4567" },
|
||||
{ label: "Email", href: "mailto:reservations@sababa.com" },
|
||||
{ label: "Location", href: "#" },
|
||||
{ label: "Hours", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Discover", items: [
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Chef's Menu", href: "/menu" },
|
||||
{ label: "Events", href: "#" },
|
||||
{ label: "Catering", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Sababa Kitchen. All rights reserved."
|
||||
bottomRightText="Made with culinary passion"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user