personal-website/src/components/PageTitle.astro

---
import type { HTMLAttributes } from 'astro/types';

export type Props = HTMLAttributes<'h1'>;

const { class: classes, ...props } = Astro.props;
---

<h1
  class:list={['text-primary-800 font-bold text-2xl sm:text-4xl', classes]}
  {...props}
>
  <slot />
</h1>