+
+ )}
+
+ );
+}
diff --git a/src/components/layout/MastHead.astro b/src/components/layout/MastHead.astro
new file mode 100644
index 0000000..769b405
--- /dev/null
+++ b/src/components/layout/MastHead.astro
@@ -0,0 +1,129 @@
+---
+import CommandPalette from "./CMDPalette"
+---
+
+
+ ⟩
+ setQuery((e.target as HTMLInputElement).value)}
+ onKeyDown={onInputKeydown}
+ />
+ esc
+
+
+ {rows.map((row) =>
+ row.kind === 'label' ? (
+
+
+
+ {row.group}
+
+ ) : (
+
+
+ {TYPE_LABELS[row.entry!.type] ?? row.entry!.type}
+
+ {row.entry!.label}
+ {row.entry!.path}
+ →
+
+ ),
+ )}
+ {resultCount === 0 && (
+ No results found
+ )}
+
+ {
+ caption ? (
+ {caption}
+ ) : (
+
+ )
+ }
+
+
+
+
+
diff --git a/src/components/layout/PostHeader/Title.astro b/src/components/layout/PostHeader/Title.astro
new file mode 100644
index 0000000..04f918e
--- /dev/null
+++ b/src/components/layout/PostHeader/Title.astro
@@ -0,0 +1,38 @@
+---
+interface Props {
+ title: string;
+ subtitle?: string;
+}
+
+const { title, subtitle } = Astro.props;
+
+console.log(subtitle);
+---
+
+
+
+
+
+
+
+
+
diff --git a/src/components/layout/PostHeader/index.astro b/src/components/layout/PostHeader/index.astro
new file mode 100644
index 0000000..6ff3807
--- /dev/null
+++ b/src/components/layout/PostHeader/index.astro
@@ -0,0 +1,46 @@
+---
+import type { BreadcrumbSegment } from '@lib/types/content';
+import Overline from './Overline.astro';
+import Title from './Title.astro';
+import Meta from './Meta.astro';
+import Cover from './Cover.astro';
+
+interface Props {
+ title: string;
+ cover?: {
+ src: string;
+ alt: string;
+ caption: string;
+ showInHeader: boolean;
+ };
+ subtitle?: string;
+ tags: string[];
+ publishDate: string;
+ updateDate?: string;
+ breadcrumbs: BreadcrumbSegment[];
+}
+
+const { title, cover, subtitle, tags, publishDate, updateDate, breadcrumbs } =
+ Astro.props;
+const showCover = cover?.src && cover?.showInHeader;
+
+console.log(Astro.props);
+---
+
+{title}
+ {subtitle &&{subtitle}
} +