diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..f22bf6b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
import Layout from './components/Layout';
import HomePage from './pages/HomePage';
+import MenuPage from "@/pages/MenuPage";
export default function App() {
return (
}>
} />
+ } />
);
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 551757a..7787e21 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -26,7 +26,9 @@ export default function Layout() {
{
"name": "Contact",
"href": "#contact"
- }
+ },
+ { name: "Menu", href: "/menu" },
+
];
return (
diff --git a/src/pages/MenuPage.tsx b/src/pages/MenuPage.tsx
new file mode 100644
index 0000000..f486e0b
--- /dev/null
+++ b/src/pages/MenuPage.tsx
@@ -0,0 +1,98 @@
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import ProductMediaCards from "@/components/sections/product/ProductMediaCards";
+import FeaturesTaggedCards from "@/components/sections/features/FeaturesTaggedCards";
+import ContactCta from "@/components/sections/contact/ContactCta";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function MenuPage() {
+ return (
+
+
({ name: r.label, href: r.path }))}
+ ctaButton={{ text: "Reservations", href: "/reservations" }}
+ />
+
+
+
+ {}
+ },
+ {
+ name: "Kibbeh Intention",
+ price: "$18",
+ imageSrc: "https://images.unsplash.com/photo-1604908176997-125f25cc6f3d?auto=format&fit=crop&q=80",
+ onClick: () => {}
+ },
+ {
+ name: "Mixed Grill",
+ price: "$35",
+ imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&q=80",
+ onClick: () => {}
+ }
+ ]}
+ />
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..9687857 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -6,4 +6,5 @@ export interface Route {
export const routes: Route[] = [
{ path: '/', label: 'Home', pageFile: 'HomePage' },
+ { path: '/menu', label: 'Menu', pageFile: 'MenuPage' },
];