diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index a4ab8b5..2559cdd 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -4,73 +4,43 @@ import { Outlet } from 'react-router-dom'; export default function Layout() { const navItems = [ - { - "name": "Home", - "href": "#hero" - }, - { - "name": "About", - "href": "#about" - }, - { - "name": "Menu", - "href": "#menu" - }, - { - "name": "Contact", - "href": "#contact" - } -]; + { name: "Home", href: "#hero" }, + { name: "About", href: "#about" }, + { name: "Menu", href: "#menu" }, + { name: "Contact", href: "#contact" } + ]; return ( <> + logo="Izabella" + navItems={navItems} + ctaButton={{ + text: "Visit Us", href: "#contact" + }} + />
+ brand="Izabella Coffeeshop" + columns={[ + { + items: [ + { label: "Menu", href: "#menu" }, + { label: "About", href: "#about" }, + { label: "Subscription", href: "#" } + ] + }, + { + items: [ + { label: "Privacy Policy", href: "#" }, + { label: "Terms of Service", href: "#" }, + { label: "Careers", href: "#" } + ] + } + ]} + /> ); -} +} \ No newline at end of file