diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 4326f4f..3021bc8 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -4,81 +4,62 @@ import { Outlet } from 'react-router-dom'; export default function Layout() { const navItems = [ - { - "name": "Home", - "href": "#hero" - }, - { - "name": "About", - "href": "#about" - }, - { - "name": "Menu", - "href": "#products" - }, - { - "name": "FAQ", - "href": "#faq" - } -]; + { + "name": "Home", "href": "#hero" + }, + { + "name": "About", "href": "#about" + }, + { + "name": "Menu", "href": "#products" + }, + { + "name": "FAQ", "href": "#faq" + } + ]; return ( <> + logo="Bean & Brew" + ctaButton={{ + text: "Order Online", href: "#contact"}} + navItems={navItems} + />
+ brand="BEAN & BREW" + columns={[ + { + items: [ + { + label: "Menu", href: "#products"}, + { + label: "Our Story", href: "#about"}, + { + label: "FAQ", href: "#faq"}, + ], + }, + { + items: [ + { + label: "Terms of Service", href: "#"}, + { + label: "Privacy Policy", href: "#"}, + ], + }, + { + items: [ + { + label: "Instagram", href: "#"}, + { + label: "Twitter", href: "#"}, + ], + }, + ]} + /> ); }