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" + /> ); }