refactor: migrate Preact components to Astro

src/components/Title.astro

@@ -0,0 +1,21 @@
+---
+// Cspell:words astro classnames keyof
+import cx from 'classnames';
+
+export interface Props {
+	as?: keyof astroHTML.JSX.IntrinsicElements;
+	class?: string;
+	[key: string]: any;
+}
+
+const { as: Tag = 'h1', class: className, ...props } = Astro.props;
+
+const classes = cx(
+	'text-7 font-black tracking-tight mbe-13 dark:font-extrabold [text-wrap:balance]',
+	className
+);
+---
+
+<Tag class={classes} {...props}>
+	<slot />
+</Tag>