Update UI styling and layout in site components

The commit modifies various components across the marketing site to update layout and styling. The changes include adjustments to shadowing, spacing, and button configurations. It also updates the text and image assets, enhancing the overall visual representation of the website. Some buttons and components have also been removed or replaced for a more streamlined interface.

apps/web/app/(marketing)/_components/site-header-account-section.tsx

@@ -56,14 +56,8 @@ function SuspendedPersonalAccountDropdown(props: { user: User | null }) {
 function AuthButtons() {
   return (
     <div className={'hidden space-x-2 lg:flex'}>
-      <Button variant={'link'}>
-        <Link href={pathsConfig.auth.signIn}>
-          <Trans i18nKey={'auth:signIn'} />
-        </Link>
-      </Button>
-
       <Link href={pathsConfig.auth.signUp}>
-        <Button className={'rounded-full'}>
+        <Button variant={'outline'}>
           <Trans i18nKey={'auth:signUp'} />
           <ChevronRight className={'h-4'} />
         </Button>

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

@@ -18,7 +18,7 @@ export function SiteHeader(props: { user?: User | null }) {
           <SiteNavigation />
         </div>
 
-        <div className={'flex flex-1 items-center justify-end space-x-2'}>
+        <div className={'flex flex-1 items-center justify-end space-x-4'}>
           <ModeToggle />
 
           <SiteHeaderAccountSection user={props.user ?? null} />

apps/web/app/(marketing)/_components/site-navigation.tsx

@@ -47,7 +47,7 @@ export function SiteNavigation() {
         <NavigationMenu>
           <NavigationMenuList
             className={
-              'space-x-1.5 rounded-full px-1 py-2 shadow-sm dark:shadow-primary/20'
+              'space-x-1.5 rounded-full px-1 py-2 shadow-sm dark:shadow-primary/10'
             }
           >
             {NavItems}