diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 642ad33..8e759b2 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -4,79 +4,60 @@ import { Outlet } from 'react-router-dom';
export default function Layout() {
const navItems = [
- {
- "name": "Home",
- "href": "#hero"
- },
- {
- "name": "Flowers",
- "href": "#products"
- },
- {
- "name": "About",
- "href": "#about"
- },
- {
- "name": "Contact",
- "href": "#contact"
- }
-];
+ {
+ "name": "Home", "href": "#hero"
+ },
+ {
+ "name": "Flowers", "href": "#products"
+ },
+ {
+ "name": "About", "href": "#about"
+ },
+ {
+ "name": "Contact", "href": "#contact"
+ }
+ ];
return (
<>
+ logo="Bloom & Petal"
+ ctaButton={{
+ text: "Shop Now", href: "#products"}}
+ navItems={navItems}
+ />
+ brand="Bloom & Petal"
+ columns={[
+ {
+ title: "Company", items: [
+ {
+ label: "About", href: "#about"},
+ {
+ label: "Careers", href: "#"},
+ ],
+ },
+ {
+ title: "Services", items: [
+ {
+ label: "Delivery", href: "#"},
+ {
+ label: "Subscriptions", href: "#"},
+ ],
+ },
+ ]}
+ copyright="© 2024 Bloom & Petal."
+ links={[
+ {
+ label: "Privacy", href: "#"},
+ {
+ label: "Terms", href: "#"},
+ ]}
+ imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5mxkxc"
+ />
>
);
}