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