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: "#"},
+ ],
+ },
+ ]}
+ />
>
);
}