Update visuals and improve readability on marketing pages

The visuals on the marketing pages are updated and readability is improved by tightening up the text tracking. Title sizes in several components are adjusted to be more consistent. The duration and appearance of various animations and transitions are also changed for an enhanced user experience. New image assets and additional UI elements are added to provide more detailed information.

apps/web/app/(marketing)/blog/_components/post-header.tsx

@@ -14,7 +14,7 @@ export function PostHeader({ post }: { post: Cms.ContentItem }) {
         <div className={'mx-auto flex max-w-3xl flex-col space-y-4'}>
           <h1
             className={
-              'font-heading text-3xl font-semibold dark:text-white xl:text-5xl'
+              'font-heading text-3xl font-semibold dark:text-white xl:text-5xl tracking-tighter'
             }
           >
             {title}

apps/web/app/(marketing)/blog/_components/post-preview.tsx

@@ -42,7 +42,7 @@ export function PostPreview({
 
       <div className={'flex flex-col space-y-4 px-1'}>
         <div className={'flex flex-col space-y-2'}>
-          <h2 className="text-2xl font-semibold leading-snug">
+          <h2 className="text-2xl font-semibold leading-snug tracking-tight">
             <Link href={slug} className="hover:underline">
               {title}
             </Link>