refactor(components): rewrite Branding component

The component should only be responsible of the layout for the logo,
the name and the optional baseline. Also, the homepage url could
be different from `/` so the consumer should give the right url.

1 files changed, 7 insertions, 8 deletions

diff --git a/src/components/organisms/layout/site-header.stories.tsx b/src/components/organisms/layout/site-header.stories.tsx
index 2b57263..e69ebfd 100644
--- a/src/components/organisms/layout/site-header.stories.tsx
+++ b/src/components/organisms/layout/site-header.stories.tsx
@@ -1,6 +1,6 @@
 import type { ComponentMeta, ComponentStory } from '@storybook/react';
 import NextImage from 'next/image';
-import { Logo } from '../../atoms';
+import { Heading } from '../../atoms';
 import { SiteHeader as SiteHeaderComponent } from './site-header';
 
 /**
@@ -149,15 +149,14 @@ const nav = [
  */
 export const SiteHeader = Template.bind({});
 SiteHeader.args = {
-  logo: <Logo />,
   nav,
-  photo: (
+  logo: (
     <NextImage
-      alt="A photo"
-      height={200}
-      src="https://picsum.photos/200"
-      width={200}
+      alt="A logo"
+      height={100}
+      src="https://picsum.photos/100"
+      width={100}
     />
   ),
-  title: 'Website title',
+  name: <Heading level={1}>Website title</Heading>,
 };