Add header element on same level as main and footer

technologiestiftung · Aug 14, 2023 · 8988479 · 8988479
1 parent 94d9b0d
commit 8988479
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/HomePage/index.tsx b/src/components/HomePage/index.tsx
@@ -60,8 +60,8 @@ export default function HomePage() {
 				title: t("meta-title"),
 				description: t("meta-description"),
 			}}
+			header={<Header activeAnchorLink={activeAnchorLink} />}
 		>
-			<Header activeAnchorLink={activeAnchorLink} />
 			<Spacer size={32} />
 			<Section>
 				<IntroSection />

diff --git a/src/components/Page/index.tsx b/src/components/Page/index.tsx
@@ -17,12 +17,14 @@ export type Metadata = {
 type Props = {
 	children: ReactNode;
 	metadata: Metadata;
+	header?: ReactNode;
 };
 
-export default function Page({ children, metadata }: Props) {
+export default function Page({ children, metadata, header }: Props) {
 	return (
 		<>
 			<Head metadata={metadata} />
+			{header}
 			<Main>{children}</Main>
 			<Footer />
 		</>