Update src/app/menu/page.tsx
This commit is contained in:
@@ -4,13 +4,24 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import Link from "next/link";
|
||||
import { Leaf, Flame, AlertCircle, ShoppingCart, Home } from "lucide-react";
|
||||
|
||||
export default function MenuPage() {
|
||||
const navItems = [
|
||||
{ name: "Shtëpia", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Rreth Nesh", id: "about" },
|
||||
{ name: "Galeri", id: "gallery" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Lidhje të Shpejta",
|
||||
items: [
|
||||
title: "Lidhje të Shpejta", items: [
|
||||
{ label: "Shtëpia", href: "/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Rreth Nesh", href: "/about" },
|
||||
@@ -18,8 +29,7 @@ export default function MenuPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{ label: "+355 69 351 4999", href: "tel:+355693514999" },
|
||||
{ label: "Rruga Besim Mema, Tiranë", href: "#" },
|
||||
{ label: "info@watamitirana.al", href: "mailto:info@watamitirana.al" },
|
||||
@@ -27,8 +37,7 @@ export default function MenuPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Në Rrjet",
|
||||
items: [
|
||||
title: "Në Rrjet", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "WhatsApp", href: "#" },
|
||||
@@ -37,6 +46,80 @@ export default function MenuPage() {
|
||||
},
|
||||
];
|
||||
|
||||
// Menu categories with items
|
||||
const menuCategories = [
|
||||
{
|
||||
id: "appetizers", name: "Përlosat (Appetizers)", description: "Filloni përvojën tuaj me zgjedhje të imta", items: [
|
||||
{
|
||||
id: "app-1", name: "Edamame", price: "350 Lek", description: "Bizele të garuara me kripë detari", dietary: "Vegetarian", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=edamame&_wi=1"},
|
||||
{
|
||||
id: "app-2", name: "Gyoza (4 copë)", price: "450 Lek", description: "Dumplings të pjekur me mbushje peshku", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gyoza&_wi=1"},
|
||||
{
|
||||
id: "app-3", name: "Miso Soup", price: "320 Lek", description: "Supë tradicionale me tofua dhe alga", dietary: "Vegetarian", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=miso&_wi=1"},
|
||||
{
|
||||
id: "app-4", name: "Tempura Erëza", price: "480 Lek", description: "Perimet të pjekura në zeje të lehtë", dietary: "Vegetarian", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tempura&_wi=1"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "rolls", name: "Rolet e Sushit", description: "Kombinime të përsosura me peshk premium", items: [
|
||||
{
|
||||
id: "roll-1", name: "Philadelphia Roll", price: "850 Lek", description: "Salmonë e freskët, krem seluë, angushtë", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=philly&_wi=1"},
|
||||
{
|
||||
id: "roll-2", name: "California Roll", price: "750 Lek", description: "Sufllaqe, avokado, karrotë, vezë", dietary: "Vegetarian", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=california&_wi=1"},
|
||||
{
|
||||
id: "roll-3", name: "Dragon Roll", price: "950 Lek", description: "Sufllaqe, avokado, ujqe i kuq, ikura", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dragon&_wi=1"},
|
||||
{
|
||||
id: "roll-4", name: "Rainbow Roll", price: "1100 Lek", description: "California roll me peshk të freskët me shumë ngjyra", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rainbow&_wi=1"},
|
||||
{
|
||||
id: "roll-5", name: "Spicy Tuna Roll", price: "820 Lek", description: "Tonë e kuqe, mayonnaise pikantin, kastravec", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=spicytuna&_wi=1"},
|
||||
{
|
||||
id: "roll-6", name: "Vegetarian Roll", price: "650 Lek", description: "Avokado, kastravec, karrotë, manara të matura", dietary: "Vegetarian", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vegroll&_wi=1"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "nigiri", name: "Nigiri (Peshk në Oriz)", description: "Peshk i freskët premium mbi oriz i përgatitur me durim", items: [
|
||||
{
|
||||
id: "nigiri-1", name: "Salmon Nigiri Set (8 copë)", price: "950 Lek", description: "Salmonë e freskët më i mirë nga furnizuesi ynë", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=salmonnigiri&_wi=1"},
|
||||
{
|
||||
id: "nigiri-2", name: "Tuna Nigiri Set (8 copë)", price: "1050 Lek", description: "Tonë e kuqe e freskët, peshk premium", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tunanigiri&_wi=1"},
|
||||
{
|
||||
id: "nigiri-3", name: "Shrimp Nigiri Set (8 copë)", price: "880 Lek", description: "Shrimpe të garuara të freskëta mbi oriz premium", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=shrimppnigiri&_wi=1"},
|
||||
{
|
||||
id: "nigiri-4", name: "Mixed Nigiri Set (12 copë)", price: "1350 Lek", description: "Përzgjedhje e imtë e salmonës, tonës dhe shrimpes", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mixednigiri&_wi=1"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "sashimi", name: "Sashimi (Peshk i Paproblematik)", description: "Peshk i freskët në formën më të pastër", items: [
|
||||
{
|
||||
id: "sash-1", name: "Salmon Sashimi Set (8 copë)", price: "1100 Lek", description: "Salmonë e freskët në feta të imta", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=salmonsash&_wi=1"},
|
||||
{
|
||||
id: "sash-2", name: "Tuna Sashimi Set (8 copë)", price: "1200 Lek", description: "Tonë e kuqe dhe e verdhë, peshk më i mirë", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tunasash&_wi=1"},
|
||||
{
|
||||
id: "sash-3", name: "Sashimi Assortment (12 copë)", price: "1400 Lek", description: "Përzgjedhje premium e salmonës, tonës, shrimpes", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sashimiassort&_wi=1"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "specialties", name: "Specialitete të Watami", description: "Krijimet unike të shefit jonë", items: [
|
||||
{
|
||||
id: "spec-1", name: "Watami Special Roll", price: "1250 Lek", description: "Sekreti i shefit - salmonë, avokado, pikantin, ikura", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=watamispeicial&_wi=1"},
|
||||
{
|
||||
id: "spec-2", name: "Tempura Roll", price: "980 Lek", description: "Sufllaqe në krapi, pikantin, avokado", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tempuraroll&_wi=1"},
|
||||
{
|
||||
id: "spec-3", name: "Shrimp Tempura Uramaki", price: "920 Lek", description: "Shrimpe të pjekur, avokado, më i brendshëm", dietary: "Nuk përmban alergene të rëndësishme", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=shrimptemp&_wi=1"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "sides", name: "Anësore & Pije", description: "Ploteso përvojën tuaj", items: [
|
||||
{
|
||||
id: "side-1", name: "Oriz i Sushit (për 2 persona)", price: "280 Lek", description: "Oriz i freskët i përgatitur me vesë rizi", dietary: "Vegetarian", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rice&_wi=1"},
|
||||
{
|
||||
id: "side-2", name: "Sallatë Edamame", price: "380 Lek", description: "Bizele të garuara me dressing Asian", dietary: "Vegetarian", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=edamamesalad&_wi=1"},
|
||||
{
|
||||
id: "side-3", name: "Kola e Freskët (330ml)", price: "150 Lek", description: "Pije e përzgjedhjes tuaj", dietary: "Vegetarian", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drink&_wi=1"},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -61,73 +144,97 @@ export default function MenuPage() {
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Rezervo Tavolë",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Porosis Tani", href: "#order"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-menu" data-section="hero-menu" className="mx-auto px-4 md:px-6">
|
||||
<HeroLogo
|
||||
logoText="Menyja Ynë"
|
||||
description="Zbuloni koleksionin e plotë të rolave sushit, sashimit, nigirit dhe specialiteteve japoneze"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=4"
|
||||
imageAlt="Meny e plotë e sushit"
|
||||
logoText="Menyja e Plotë e Sushit"
|
||||
description="Zbuloni koleksionin tonë eksklusiv të sushit me peshk premium të freskët dhe përgatitje autentike japoneze"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=menuhero&_wi=1"
|
||||
imageAlt="Menyja e plotë e Watami Tirana"
|
||||
buttons={[
|
||||
{ text: "Porosis Tani", href: "#" },
|
||||
{ text: "Kontakto", href: "/contact" },
|
||||
{ text: "Porosis Online", href: "#order" },
|
||||
{ text: "Thirrje për Detaje", href: "tel:+355693514999" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
showDimOverlay={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-menu" data-section="product-menu" className="mx-auto px-4 md:px-6">
|
||||
<ProductCardOne
|
||||
title="Rolla Sushit"
|
||||
description="Përzgjedhje e artizanit të rolave të sushit me peshk të freskët dhe përbërës premium"
|
||||
<div id="menu-items" data-section="menu-items" className="mx-auto px-4 md:px-6">
|
||||
{menuCategories.map((category) => (
|
||||
<div key={category.id} className="mb-16">
|
||||
<ProductCardOne
|
||||
title={category.name}
|
||||
description={category.description}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
products={category.items.map((item) => ({
|
||||
id: item.id,
|
||||
name: item.name,
|
||||
price: item.price,
|
||||
imageSrc: item.imageSrc,
|
||||
imageAlt: item.name,
|
||||
}))}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div id="dietary-info" data-section="dietary-info" className="mx-auto px-4 md:px-6">
|
||||
<FeatureBorderGlow
|
||||
title="Informacioni për Dietë & Alergenit"
|
||||
description="Ne marrim seriozisht kërkesat tuaja dietetike. Kontaktoni ne për detaje të plota rreth ingredientëve dhe përgatitjes"
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Opsionet Vegetariane", description: "Qëllimisht të përgatitura pa peshk ose produkte shtazore"},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
title: "Informacioni i Alergenut", description: "Të gjithë rrjedhat potenciale të alergenut janë të identifikuara"},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Përgatitje Shtesë", description: "Përgatitimet e personalizuara janë të disponueshme në kërkesë"},
|
||||
{
|
||||
icon: ShoppingCart,
|
||||
title: "Porositje Me Siguri", description: "Porositje me besim - ne garantojmë cilësinë dhe higjienën"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order" data-section="order" className="mx-auto px-4 md:px-6">
|
||||
<ContactSplitForm
|
||||
title="Porosis Menun tuaj Tani"
|
||||
description="Zgjedhni pisat tuaja të preferuara dhe porositni online. Dorëzim i shpejtë ose pjekja për të marrë - zgjedh atë që funksionon më mirë për ty."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=orderform&_wi=1"
|
||||
imageAlt="Porosis sushit online"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{
|
||||
id: "roll-1",
|
||||
name: "Philadelphia Roll",
|
||||
price: "850 Lek",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=5",
|
||||
name: "name", type: "text", placeholder: "Emri yt", required: true,
|
||||
},
|
||||
{
|
||||
id: "roll-2",
|
||||
name: "California Roll",
|
||||
price: "750 Lek",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=6",
|
||||
name: "phone", type: "tel", placeholder: "+355 69 xxx xxxx", required: true,
|
||||
},
|
||||
{
|
||||
id: "roll-3",
|
||||
name: "Dragon Roll",
|
||||
price: "950 Lek",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=7",
|
||||
},
|
||||
{
|
||||
id: "roll-4",
|
||||
name: "Spicy Tuna Roll",
|
||||
price: "800 Lek",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=8",
|
||||
},
|
||||
{
|
||||
id: "roll-5",
|
||||
name: "Ebi Tempura Roll",
|
||||
price: "900 Lek",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=9",
|
||||
},
|
||||
{
|
||||
id: "roll-6",
|
||||
name: "Rainbow Roll",
|
||||
price: "1050 Lek",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=10",
|
||||
name: "email", type: "email", placeholder: "Email yt", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "items", placeholder: "Përshkruaje pisat që dëshiron (psh: Philadelphia Roll x2, Salmon Nigiri x1...)", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
buttonText="Dërgo Porosinë"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,4 +247,4 @@ export default function MenuPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user