diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 2cd0755..8de2c78 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -4,78 +4,58 @@ import { Outlet } from 'react-router-dom';
export default function Layout() {
const navItems = [
- {
- "name": "About",
- "href": "#about"
- },
- {
- "name": "Coffee",
- "href": "#products"
- },
- {
- "name": "Contact",
- "href": "#contact"
- }
-];
+ {
+ "name": "About", "href": "#about"
+ },
+ {
+ "name": "Coffee", "href": "#products"
+ },
+ {
+ "name": "Contact", "href": "#contact"
+ }
+ ];
return (
<>
+ logo="Tetra"
+ ctaButton={{
+ text: "Visit Us", href: "#contact"}}
+ navItems={navItems}
+ />
+ brand="Tetra"
+ columns={[
+ {
+ title: "Navigation", items: [
+ {
+ label: "About", href: "#about"},
+ {
+ label: "Products", href: "#products"},
+ {
+ label: "Contact", href: "#contact"},
+ ],
+ },
+ {
+ title: "Legal", items: [
+ {
+ label: "Privacy", href: "#"},
+ {
+ label: "Terms", href: "#"},
+ ],
+ },
+ ]}
+ copyright="© 2024 Tetra Coffee. All rights reserved."
+ links={[
+ {
+ label: "Twitter", href: "#"},
+ {
+ label: "Instagram", href: "#"},
+ ]}
+ />
>
);
}