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' }, ];