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)/_components/site-page-header.tsx

@@ -10,7 +10,7 @@ export function SitePageHeader(props: {
       <div className={'container flex flex-col space-y-2 lg:space-y-4'}>
         <h1
           className={
-            'font-heading text-3xl font-medium tracking-tight dark:text-white xl:text-5xl'
+            'font-heading text-3xl font-medium tracking-tighter dark:text-white xl:text-5xl'
           }
         >
           {props.title}