fix: meta

apps/remix/app/routes/_authenticated+/documents+/_index.tsx

@@ -25,9 +25,10 @@ import { DocumentsTable } from '~/components/tables/documents-table';
 import { DocumentsTableEmptyState } from '~/components/tables/documents-table-empty-state';
 import { DocumentsTableSenderFilter } from '~/components/tables/documents-table-sender-filter';
 import { useOptionalCurrentTeam } from '~/providers/team';
+import { appMetaTags } from '~/utils/meta';
 
 export function meta() {
-  return [{ title: 'Documents' }];
+  return appMetaTags('Documents');
 }
 
 const ZSearchParamsSchema = ZFindDocumentsInternalRequestSchema.pick({

apps/remix/app/routes/_authenticated+/settings+/_layout.tsx

@@ -3,6 +3,11 @@ import { Outlet } from 'react-router';
 
 import { SettingsDesktopNav } from '~/components/general/settings-nav-desktop';
 import { SettingsMobileNav } from '~/components/general/settings-nav-mobile';
+import { appMetaTags } from '~/utils/meta';
+
+export function meta() {
+  return appMetaTags('Settings');
+}
 
 export default function SettingsLayout() {
   return (

apps/remix/app/routes/_authenticated+/settings+/profile.tsx

@@ -5,9 +5,10 @@ import { AccountDeleteDialog } from '~/components/dialogs/account-delete-dialog'
 import { AvatarImageForm } from '~/components/forms/avatar-image';
 import { ProfileForm } from '~/components/forms/profile';
 import { SettingsHeader } from '~/components/general/settings-header';
+import { appMetaTags } from '~/utils/meta';
 
 export function meta() {
-  return [{ title: 'Profile' }];
+  return appMetaTags('Profile');
 }
 
 export default function SettingsProfile() {

apps/remix/app/routes/_authenticated+/settings+/security+/activity+/index.tsx

@@ -3,9 +3,10 @@ import { useLingui } from '@lingui/react';
 
 import { SettingsHeader } from '~/components/general/settings-header';
 import { SettingsSecurityActivityTable } from '~/components/tables/settings-security-activity-table';
+import { appMetaTags } from '~/utils/meta';
 
 export function meta() {
-  return [{ title: 'Security activity' }];
+  return appMetaTags('Security activity');
 }
 
 export default function SettingsSecurityActivity() {

apps/remix/app/routes/_authenticated+/settings+/security+/index.tsx

@@ -14,11 +14,12 @@ import { EnableAuthenticatorAppDialog } from '~/components/forms/2fa/enable-auth
 import { ViewRecoveryCodesDialog } from '~/components/forms/2fa/view-recovery-codes-dialog';
 import { PasswordForm } from '~/components/forms/password';
 import { SettingsHeader } from '~/components/general/settings-header';
+import { appMetaTags } from '~/utils/meta';
 
 import type { Route } from './+types';
 
 export function meta() {
-  return [{ title: 'Security' }];
+  return appMetaTags('Security');
 }
 
 export async function loader() {

apps/remix/app/routes/_authenticated+/settings+/security+/passkeys+/index.tsx

@@ -4,11 +4,10 @@ import { useLingui } from '@lingui/react';
 import { PasskeyCreateDialog } from '~/components/dialogs/passkey-create-dialog';
 import { SettingsHeader } from '~/components/general/settings-header';
 import { SettingsSecurityPasskeyTable } from '~/components/tables/settings-security-passkey-table';
+import { appMetaTags } from '~/utils/meta';
 
-import type { Route } from './+types/index';
-
-export function meta(_args: Route.MetaArgs) {
-  return [{ title: 'Manage passkeys' }];
+export function meta() {
+  return appMetaTags('Manage passkeys');
 }
 
 export default function SettingsPasskeys() {

apps/remix/app/routes/_authenticated+/t.$teamUrl+/settings+/_layout.tsx

@@ -6,6 +6,11 @@ import { canExecuteTeamAction } from '@documenso/lib/utils/teams';
 
 import { TeamSettingsNavDesktop } from '~/components/general/teams/team-settings-nav-desktop';
 import { TeamSettingsNavMobile } from '~/components/general/teams/team-settings-nav-mobile';
+import { appMetaTags } from '~/utils/meta';
+
+export function meta() {
+  return appMetaTags('Team Settings');
+}
 
 export function loader() {
   const { currentTeam: team } = getLoaderTeamSession();

apps/remix/app/routes/_authenticated+/templates+/_index.tsx

@@ -10,9 +10,10 @@ import { Avatar, AvatarFallback, AvatarImage } from '@documenso/ui/primitives/av
 import { TemplateCreateDialog } from '~/components/dialogs/template-create-dialog';
 import { TemplatesTable } from '~/components/tables/templates-table';
 import { useOptionalCurrentTeam } from '~/providers/team';
+import { appMetaTags } from '~/utils/meta';
 
 export function meta() {
-  return [{ title: 'Templates' }];
+  return appMetaTags('Templates');
 }
 
 export default function TemplatesPage() {

apps/remix/app/routes/_unauthenticated+/check-email.tsx

@@ -3,8 +3,10 @@ import { Link } from 'react-router';
 
 import { Button } from '@documenso/ui/primitives/button';
 
+import { appMetaTags } from '~/utils/meta';
+
 export function meta() {
-  return [{ title: 'Forgot password' }];
+  return appMetaTags('Forgot password');
 }
 
 export default function ForgotPasswordPage() {

apps/remix/app/routes/_unauthenticated+/forgot-password.tsx

@@ -2,9 +2,10 @@ import { Trans } from '@lingui/react/macro';
 import { Link } from 'react-router';
 
 import { ForgotPasswordForm } from '~/components/forms/forgot-password';
+import { appMetaTags } from '~/utils/meta';
 
 export function meta() {
-  return [{ title: 'Forgot Password' }];
+  return appMetaTags('Forgot Password');
 }
 
 export default function ForgotPasswordPage() {

apps/remix/app/routes/_unauthenticated+/reset-password.$token.tsx

@@ -4,11 +4,12 @@ import { Link, redirect } from 'react-router';
 import { getResetTokenValidity } from '@documenso/lib/server-only/user/get-reset-token-validity';
 
 import { ResetPasswordForm } from '~/components/forms/reset-password';
+import { appMetaTags } from '~/utils/meta';
 
 import type { Route } from './+types/reset-password.$token';
 
 export function meta() {
-  return [{ title: 'Reset Password' }];
+  return appMetaTags('Reset Password');
 }
 
 export async function loader({ params }: Route.LoaderArgs) {

apps/remix/app/routes/_unauthenticated+/reset-password._index.tsx

@@ -3,8 +3,10 @@ import { Link } from 'react-router';
 
 import { Button } from '@documenso/ui/primitives/button';
 
+import { appMetaTags } from '~/utils/meta';
+
 export function meta() {
-  return [{ title: 'Reset Password' }];
+  return appMetaTags('Reset Password');
 }
 
 export default function ResetPasswordPage() {

apps/remix/app/routes/_unauthenticated+/share.$slug.tsx

@@ -1,6 +1,6 @@
 import { redirect } from 'react-router';
 
-import { NEXT_PUBLIC_MARKETING_URL } from '@documenso/lib/constants/app';
+import { NEXT_PUBLIC_MARKETING_URL, NEXT_PUBLIC_WEBAPP_URL } from '@documenso/lib/constants/app';
 
 import type { Route } from './+types/share.$slug';
 
@@ -10,20 +10,36 @@ export function meta({ params: { slug } }: Route.MetaArgs) {
     { title: 'Documenso - Share' },
     { description: 'I just signed a document in style with Documenso!' },
     {
-      openGraph: {
-        title: 'Documenso - Join the open source signing revolution',
-        description: 'I just signed with Documenso!',
-        type: 'website',
-        images: [`/share/${slug}/opengraph`],
-      },
+      property: 'og:title',
+      title: 'Documenso - Join the open source signing revolution',
     },
     {
-      twitter: {
-        site: '@documenso',
-        card: 'summary_large_image',
-        images: [`/share/${slug}/opengraph`],
-        description: 'I just signed with Documenso!',
-      },
+      property: 'og:description',
+      description: 'I just signed with Documenso!',
+    },
+    {
+      property: 'og:type',
+      type: 'website',
+    },
+    {
+      property: 'og:images',
+      images: `${NEXT_PUBLIC_WEBAPP_URL()}/share/${slug}/opengraph`,
+    },
+    {
+      name: 'twitter:site',
+      site: '@documenso',
+    },
+    {
+      name: 'twitter:card',
+      card: 'summary_large_image',
+    },
+    {
+      name: 'twitter:images',
+      images: `${NEXT_PUBLIC_WEBAPP_URL()}/share/${slug}/opengraph`,
+    },
+    {
+      name: 'twitter:description',
+      description: 'I just signed with Documenso!',
     },
   ];
 }

apps/remix/app/routes/_unauthenticated+/signin.tsx

@@ -10,11 +10,12 @@ import {
 import { env } from '@documenso/lib/utils/env';
 
 import { SignInForm } from '~/components/forms/signin';
+import { appMetaTags } from '~/utils/meta';
 
 import type { Route } from './+types/signin';
 
 export function meta() {
-  return [{ title: 'Sign In' }];
+  return appMetaTags('Sign In');
 }
 
 export function loader() {

apps/remix/app/routes/_unauthenticated+/signup.tsx

@@ -4,11 +4,12 @@ import { IS_GOOGLE_SSO_ENABLED, IS_OIDC_SSO_ENABLED } from '@documenso/lib/const
 import { env } from '@documenso/lib/utils/env';
 
 import { SignUpForm } from '~/components/forms/signup';
+import { appMetaTags } from '~/utils/meta';
 
 import type { Route } from './+types/signup';
 
 export function meta() {
-  return [{ title: 'Sign Up' }];
+  return appMetaTags('Sign Up');
 }
 
 export function loader() {

apps/remix/app/routes/_unauthenticated+/verify-email._index.tsx

@@ -4,8 +4,10 @@ import { Link } from 'react-router';
 
 import { Button } from '@documenso/ui/primitives/button';
 
+import { appMetaTags } from '~/utils/meta';
+
 export function meta() {
-  return [{ title: 'Verify Email' }];
+  return appMetaTags('Verify Email');
 }
 
 export default function EmailVerificationWithoutTokenPage() {