Add src/app/menu/page.tsx
This commit is contained in:
358
src/app/menu/page.tsx
Normal file
358
src/app/menu/page.tsx
Normal file
@@ -0,0 +1,358 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Instagram, Facebook } from "lucide-react";
|
||||
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Wild Pita"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "#order" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero" className="py-20 md:py-32">
|
||||
<div className="max-w-6xl mx-auto px-6">
|
||||
<HeroBillboard
|
||||
title="Wild Pita Menu"
|
||||
description="Discover our complete menu of fresh Mediterranean specialties, chef-inspired plates, and daily specials."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Order Online", href: "#order" }
|
||||
]}
|
||||
imageSrc="https://videocdn.cdnpk.net/videos/d03794de-1823-5b0c-9608-a09fa407f5ed/horizontal/thumbnails/large.jpg"
|
||||
imageAlt="Wild Pita Mediterranean menu"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Fresh. Authentic. Delicious."
|
||||
tagAnimation="opacity"
|
||||
className="wild-pita-menu-hero"
|
||||
titleClassName="text-5xl md:text-6xl font-bold text-foreground"
|
||||
descriptionClassName="text-lg text-foreground/80 mt-4"
|
||||
tagClassName="inline-block bg-accent text-foreground px-4 py-2 rounded-full text-sm font-medium"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="wild-pita-specialties" data-section="wild-pita-specialties" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Wild Pita Specialties"
|
||||
description="Our signature dishes crafted with care and authentic Mediterranean flavors."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "shawarma-pita", brand: "House Specialty", name: "Shawarma Pita", price: "$12.99", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "https://mccormick.widen.net/content/8wco62nueo/jpeg/shawarma_pita_with_garlic_sauce_1376x774.jpeg", imageAlt: "Juicy shawarma pita with fresh vegetables"
|
||||
},
|
||||
{
|
||||
id: "combo-plate", brand: "Customer Favorite", name: "2-Way Combo Plate", price: "$16.99", rating: 5,
|
||||
reviewCount: "80+", imageSrc: "https://media-cdn.tripadvisor.com/media/photo-s/2b/be/72/47/our-house-combo-plate.jpg", imageAlt: "Two perfectly grilled meats with hummus and rice"
|
||||
},
|
||||
{
|
||||
id: "falafel-pita", brand: "Vegetarian", name: "Falafel Pita", price: "$10.99", rating: 5,
|
||||
reviewCount: "60+", imageSrc: "https://www.thespruceeats.com/thmb/vfgZNNgJhWaqQ4_dBGszl4SHVKI%3D/1500x0/filters%3Ano_upscale%28%29%3Amax_bytes%28150000%29%3Astrip_icc%28%29/falafel-pita-sandwich-recipe-2355692-Final-5b9bf5d546e0fb002573430c.jpg", imageAlt: "Crispy herb falafel with fresh toppings"
|
||||
}
|
||||
]}
|
||||
tag="Fan Favorites"
|
||||
tagAnimation="opacity"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="chef-inspired" data-section="chef-inspired" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Chef Inspired Plates"
|
||||
description="Elevated Mediterranean dishes designed by our passionate culinary team."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "herb-grilled-chicken", brand: "Chef Selection", name: "Herb-Grilled Chicken Plate", price: "$14.99", rating: 5,
|
||||
reviewCount: "45+", imageSrc: "https://images.unsplash.com/photo-1598103442097-8b74394b95c6?w=500&h=500&fit=crop", imageAlt: "Herb-grilled chicken with Mediterranean vegetables"
|
||||
},
|
||||
{
|
||||
id: "lamb-special", brand: "Chef Selection", name: "Slow-Roasted Lamb Plate", price: "$17.99", rating: 5,
|
||||
reviewCount: "52+", imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561818?w=500&h=500&fit=crop", imageAlt: "Tender slow-roasted lamb with sides"
|
||||
},
|
||||
{
|
||||
id: "seafood-plate", brand: "Chef Selection", name: "Grilled Seafood Plate", price: "$18.99", rating: 5,
|
||||
reviewCount: "38+", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=500&h=500&fit=crop", imageAlt: "Fresh grilled seafood Mediterranean style"
|
||||
}
|
||||
]}
|
||||
tag="Premium Selection"
|
||||
tagAnimation="opacity"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="lunch-specials" data-section="lunch-specials" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Lunch Specials"
|
||||
description="Affordable, delicious lunch options available 11am–3pm daily."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "lunch-chicken", brand: "Lunch Special", name: "Grilled Chicken Pita", price: "$8.99", rating: 5,
|
||||
reviewCount: "70+", imageSrc: "https://images.unsplash.com/photo-1585238341710-4dd0bd180d8d?w=500&h=500&fit=crop", imageAlt: "Grilled chicken pita with fresh vegetables"
|
||||
},
|
||||
{
|
||||
id: "lunch-beef", brand: "Lunch Special", name: "Seasoned Beef Pita", price: "$9.49", rating: 5,
|
||||
reviewCount: "65+", imageSrc: "https://images.unsplash.com/photo-1529006557048-6623ee3d5d5d?w=500&h=500&fit=crop", imageAlt: "Seasoned beef pita combo"
|
||||
},
|
||||
{
|
||||
id: "lunch-veggie", brand: "Lunch Special", name: "Veggie Combo Pita", price: "$7.99", rating: 5,
|
||||
reviewCount: "55+", imageSrc: "https://images.unsplash.com/photo-1571407429470-f9b9a21a4462?w=500&h=500&fit=crop", imageAlt: "Fresh veggie pita with hummus"
|
||||
}
|
||||
]}
|
||||
tag="Value Meals"
|
||||
tagAnimation="opacity"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="daily-specials" data-section="daily-specials" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Daily Specials"
|
||||
description="Chef's rotating specialties — check back daily for new offerings."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "daily-special-1", brand: "Today's Special", name: "Spiced Lamb Tagine", price: "$15.99", rating: 5,
|
||||
reviewCount: "28+", imageSrc: "https://images.unsplash.com/photo-1625982644565-e76ce14a37be?w=500&h=500&fit=crop", imageAlt: "Spiced lamb tagine with couscous"
|
||||
},
|
||||
{
|
||||
id: "daily-special-2", brand: "Today's Special", name: "Mediterranean Quinoa Bowl", price: "$12.99", rating: 5,
|
||||
reviewCount: "35+", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=500&h=500&fit=crop", imageAlt: "Mediterranean quinoa bowl with vegetables"
|
||||
},
|
||||
{
|
||||
id: "daily-special-3", brand: "Today's Special", name: "Herb-Marinated Chicken Bowl", price: "$13.99", rating: 5,
|
||||
reviewCount: "42+", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=500&h=500&fit=crop", imageAlt: "Herb-marinated chicken Mediterranean bowl"
|
||||
}
|
||||
]}
|
||||
tag="Limited Time"
|
||||
tagAnimation="opacity"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="kids-specials" data-section="kids-specials" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Kids Specials"
|
||||
description="Delicious and nutritious options for the little ones."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "kids-chicken", brand: "Kids Menu", name: "Kids Chicken Pita", price: "$6.99", rating: 5,
|
||||
reviewCount: "80+", imageSrc: "https://images.unsplash.com/photo-1585238341710-4dd0bd180d8d?w=500&h=500&fit=crop", imageAlt: "Kids chicken pita with mild seasoning"
|
||||
},
|
||||
{
|
||||
id: "kids-falafel", brand: "Kids Menu", name: "Kids Falafel Pita", price: "$6.49", rating: 5,
|
||||
reviewCount: "72+", imageSrc: "https://images.unsplash.com/photo-1571407429470-f9b9a21a4462?w=500&h=500&fit=crop", imageAlt: "Kids falafel pita with hummus"
|
||||
},
|
||||
{
|
||||
id: "kids-cheese", brand: "Kids Menu", name: "Cheese & Veggie Pita", price: "$5.99", rating: 5,
|
||||
reviewCount: "68+", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=500&h=500&fit=crop", imageAlt: "Kids cheese and veggie pita"
|
||||
}
|
||||
]}
|
||||
tag="Family Friendly"
|
||||
tagAnimation="opacity"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="catering" data-section="catering" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Catering Options"
|
||||
description="Perfect for events, meetings, and gatherings of any size."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "catering-pita-platter", brand: "Catering", name: "Pita & Protein Platter", price: "Call for pricing", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "https://images.unsplash.com/photo-1567521464027-f127ff144326?w=500&h=500&fit=crop", imageAlt: "Large catering platter with assorted pitas"
|
||||
},
|
||||
{
|
||||
id: "catering-mezzeh", brand: "Catering", name: "Mediterranean Mezzeh Board", price: "Call for pricing", rating: 5,
|
||||
reviewCount: "45+", imageSrc: "https://images.unsplash.com/photo-1509306969641-edc6a6a47e39?w=500&h=500&fit=crop", imageAlt: "Mediterranean mezzeh board with dips and sides"
|
||||
},
|
||||
{
|
||||
id: "catering-combo", brand: "Catering", name: "Full Mediterranean Feast", price: "Call for pricing", rating: 5,
|
||||
reviewCount: "38+", imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561818?w=500&h=500&fit=crop", imageAlt: "Full catering spread with multiple dishes"
|
||||
}
|
||||
]}
|
||||
tag="Corporate & Events"
|
||||
tagAnimation="opacity"
|
||||
buttons={[
|
||||
{ text: "Request Catering Quote", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sides" data-section="sides" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Sides"
|
||||
description="Perfect complements to any meal."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "hummus", brand: "Side", name: "Creamy Hummus", price: "$3.99", rating: 5,
|
||||
reviewCount: "90+", imageSrc: "https://images.unsplash.com/photo-1585518419759-13e9b4ea7d3e?w=500&h=500&fit=crop", imageAlt: "Creamy hummus with olive oil"
|
||||
},
|
||||
{
|
||||
id: "fries", brand: "Side", name: "Crispy Fries", price: "$3.49", rating: 5,
|
||||
reviewCount: "85+", imageSrc: "https://images.unsplash.com/photo-1586190936529-385d51fc0145?w=500&h=500&fit=crop", imageAlt: "Golden crispy fries"
|
||||
},
|
||||
{
|
||||
id: "tabbouleh", brand: "Side", name: "Fresh Tabbouleh", price: "$4.99", rating: 5,
|
||||
reviewCount: "75+", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=500&h=500&fit=crop", imageAlt: "Fresh tabbouleh salad"
|
||||
}
|
||||
]}
|
||||
tag="Extras"
|
||||
tagAnimation="opacity"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="beverages" data-section="beverages" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Beverages"
|
||||
description="Refresh your meal with our selection of drinks."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "lemonade", brand: "Drink", name: "Fresh Lemonade", price: "$2.99", rating: 5,
|
||||
reviewCount: "60+", imageSrc: "https://images.unsplash.com/photo-1473093295203-cad00df16e50?w=500&h=500&fit=crop", imageAlt: "Fresh homemade lemonade"
|
||||
},
|
||||
{
|
||||
id: "iced-tea", brand: "Drink", name: "Iced Mediterranean Tea", price: "$2.49", rating: 5,
|
||||
reviewCount: "55+", imageSrc: "https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=500&h=500&fit=crop", imageAlt: "Refreshing iced tea"
|
||||
},
|
||||
{
|
||||
id: "ayran", brand: "Drink", name: "Ayran", price: "$1.99", rating: 5,
|
||||
reviewCount: "70+", imageSrc: "https://images.unsplash.com/photo-1553530666-ba953a5ad488?w=500&h=500&fit=crop", imageAlt: "Traditional ayran yogurt drink"
|
||||
}
|
||||
]}
|
||||
tag="Refreshments"
|
||||
tagAnimation="opacity"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sauces" data-section="sauces" className="py-20 md:py-32">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<ProductCardTwo
|
||||
title="Sauces"
|
||||
description="House-made sauces to elevate every meal."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "garlic-sauce", brand: "Sauce", name: "Creamy Garlic Sauce", price: "$0.99", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "https://images.unsplash.com/photo-1585518419759-13e9b4ea7d3e?w=500&h=500&fit=crop", imageAlt: "Creamy garlic sauce"
|
||||
},
|
||||
{
|
||||
id: "tahini-sauce", brand: "Sauce", name: "Tahini Sauce", price: "$0.99", rating: 5,
|
||||
reviewCount: "95+", imageSrc: "https://images.unsplash.com/photo-1585518419759-13e9b4ea7d3e?w=500&h=500&fit=crop", imageAlt: "Smooth tahini sauce"
|
||||
},
|
||||
{
|
||||
id: "harissa-sauce", brand: "Sauce", name: "Spicy Harissa Sauce", price: "$0.99", rating: 5,
|
||||
reviewCount: "85+", imageSrc: "https://images.unsplash.com/photo-1585518419759-13e9b4ea7d3e?w=500&h=500&fit=crop", imageAlt: "Spicy harissa sauce"
|
||||
}
|
||||
]}
|
||||
tag="House Made"
|
||||
tagAnimation="opacity"
|
||||
textBoxTitleClassName="text-4xl font-bold text-foreground"
|
||||
textBoxDescriptionClassName="text-lg text-foreground/70 mt-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="py-12 md:py-16 border-t">
|
||||
<div className="max-w-6xl mx-auto px-6">
|
||||
<FooterCard
|
||||
logoText="Wild Pita"
|
||||
copyrightText="© 2025 Wild Pita Mediterranean Grill. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com/wildpita", ariaLabel: "Visit Wild Pita on Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com/wildpita", ariaLabel: "Visit Wild Pita on Facebook" }
|
||||
]}
|
||||
logoClassName="text-2xl font-bold text-foreground"
|
||||
copyrightTextClassName="text-foreground/60 text-sm"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user