201 lines
6.8 KiB
TypeScript
201 lines
6.8 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Chef, MapPin } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Why Us", id: "whyus" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Menu", href: "/menu" },
|
|
{ label: "About Us", href: "/" },
|
|
{ label: "Contact", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Dine-In", href: "#services" },
|
|
{ label: "Delivery", href: "#services" },
|
|
{ label: "Catering", href: "#services" },
|
|
{ label: "Book a Table", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About", href: "/" },
|
|
{ label: "Why Choose Us", href: "#whyus" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Contact Us", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "📞 +966 11 XXX XXXX", href: "tel:+966" },
|
|
{ label: "📧 info@keralaFusion.sa", href: "mailto:info@keralaFusion.sa" },
|
|
{ label: "📍 Riyadh, Saudi Arabia", href: "#" },
|
|
{ label: "🕒 Open Daily 11AM-11PM", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
export default function MenuPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="grid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple navItems={navItems} brandName="Kerala Fusion" />
|
|
</div>
|
|
|
|
<div id="full-menu" data-section="full-menu">
|
|
<ProductCardThree
|
|
title="Complete Kerala Fusion Menu"
|
|
description="Discover our full range of authentic Kerala dishes and modern fusion creations. Each item is carefully prepared using traditional spices and premium ingredients."
|
|
tag="Culinary Excellence"
|
|
tagIcon={Chef}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "biryani",
|
|
name: "Kerala Biryani",
|
|
price: "SR 45",
|
|
imageSrc: "http://img.b2bpic.net/free-psd/delicious-chicken-biryani-served-traditional-copper-bowl_84443-64415.jpg?_wi=2",
|
|
imageAlt: "Fragrant Kerala Biryani",
|
|
},
|
|
{
|
|
id: "appam-curry",
|
|
name: "Appam with Fish Curry",
|
|
price: "SR 38",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-stuffed-eggplant-rolls-white-oval-plate-different-spices-small-bowls-grey-background_140725-108203.jpg?_wi=2",
|
|
imageAlt: "Traditional Appam and Curry",
|
|
},
|
|
{
|
|
id: "seafood-special",
|
|
name: "Seafood Special Fry",
|
|
price: "SR 52",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimp-squid-with-spicy-sauce_1150-35473.jpg?_wi=2",
|
|
imageAlt: "Crispy Seafood Special",
|
|
},
|
|
{
|
|
id: "coconut-curry",
|
|
name: "Coconut Vegetable Curry",
|
|
price: "SR 28",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pakistan-dish-composition_23-2148821522.jpg",
|
|
imageAlt: "Creamy Coconut Curry",
|
|
},
|
|
{
|
|
id: "prawn-fry",
|
|
name: "Spiced Prawn Fry",
|
|
price: "SR 48",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-cod-fish-dish-with-relish-spinach-white-bowl_181624-42819.jpg",
|
|
imageAlt: "Golden Prawn Fry",
|
|
},
|
|
{
|
|
id: "dosa",
|
|
name: "Crispy Dosa with Sambar",
|
|
price: "SR 22",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dinner-table-luxury-hotel_1150-10908.jpg?_wi=1",
|
|
imageAlt: "Traditional Dosa",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Order Now",
|
|
href: "/",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Complete Menu"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-services" data-section="menu-services">
|
|
<MetricCardSeven
|
|
title="Menu Services & Options"
|
|
description="Enjoy our menu in your preferred way—visit us for an intimate dining experience, have your favorite dishes delivered, or let us cater your next event."
|
|
tag="Flexible Dining"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "vegan-friendly",
|
|
value: "Vegan",
|
|
title: "Plant-Based Options",
|
|
items: [
|
|
"Vegetable curries",
|
|
"Lentil preparations",
|
|
"Coconut-based dishes",
|
|
"Vegan-friendly alternatives",
|
|
],
|
|
},
|
|
{
|
|
id: "spice-levels",
|
|
value: "Customizable",
|
|
title: "Spice Levels",
|
|
items: [
|
|
"Mild for gentle palates",
|
|
"Medium for balanced flavor",
|
|
"Hot for spice lovers",
|
|
"Extra hot for adventurous diners",
|
|
],
|
|
},
|
|
{
|
|
id: "allergen-info",
|
|
value: "Transparent",
|
|
title: "Allergen Information",
|
|
items: [
|
|
"Clearly marked ingredients",
|
|
"Nut-free options available",
|
|
"Gluten-free selections",
|
|
"Dairy-free alternatives",
|
|
],
|
|
},
|
|
]}
|
|
ariaLabel="Menu Services and Customization"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Kerala Fusion"
|
|
copyrightText="© 2025 Kerala Fusion Restaurant. All rights reserved."
|
|
columns={footerColumns}
|
|
ariaLabel="Site Footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |