diff --git a/mathesar_ui/src/App.svelte b/mathesar_ui/src/App.svelte
index 721d2af7f8..5ca463d48f 100644
--- a/mathesar_ui/src/App.svelte
+++ b/mathesar_ui/src/App.svelte
@@ -117,11 +117,17 @@
   }
 
   h1 {
-    margin: 0 0 1rem 0;
+    margin: 0 0 1.5rem 0;
     font-size: var(--size-ultra-large);
     font-weight: 500;
   }
 
+  h2 {
+    font-size: var(--size-x-large);
+    font-weight: 600;
+    margin: 0 0 1rem 0;
+  }
+
   hr {
     margin: 0;
     border: 0;
@@ -173,11 +179,6 @@
     font-weight: bold;
   }
 
-  .large-bold-header {
-    font-size: var(--size-large);
-    font-weight: 600;
-  }
-
   .bold-header {
     font-weight: 500;
   }
diff --git a/mathesar_ui/src/component-library/collapsible/Collapsible.scss b/mathesar_ui/src/component-library/collapsible/Collapsible.scss
index 2a5208b418..2512922ca0 100644
--- a/mathesar_ui/src/component-library/collapsible/Collapsible.scss
+++ b/mathesar_ui/src/component-library/collapsible/Collapsible.scss
@@ -14,7 +14,6 @@
       padding: var(--Collapsible_trigger-padding, 0.5em);
       .collapsible-header-title {
         flex-grow: 1;
-        overflow: hidden;
         font-weight: var(--Collapsible_header-font-weight, 600);
       }
       svg {
diff --git a/mathesar_ui/src/component-library/help/Help.svelte b/mathesar_ui/src/component-library/help/Help.svelte
index 86cf286a4e..811b3acbf8 100644
--- a/mathesar_ui/src/component-library/help/Help.svelte
+++ b/mathesar_ui/src/component-library/help/Help.svelte
@@ -8,7 +8,37 @@
   type $$Props = ComponentProps<Tooltip>;
 </script>
 
-<Tooltip aria-label="Help" class="help-trigger" allowHover {...$$props}>
-  <Icon slot="trigger" {...iconHelp} />
-  <slot slot="content" />
-</Tooltip>
+<!--
+NOTE: This markup might seem superfluous, but we need both `.help` and
+`.help-trigger` because we're using `em` CSS units on `.help` and `rem` CSS
+units on `.help-trigger`.
+-->
+<span class="help">
+  <span class="help-trigger">
+    <Tooltip aria-label="Help" class="help-trigger" allowHover {...$$props}>
+      <Icon slot="trigger" {...iconHelp} />
+      <slot slot="content" />
+    </Tooltip>
+  </span>
+</span>
+
+<style>
+  .help {
+    display: inline-block;
+    position: relative;
+    /**
+     * Move the help bubble up slightly so that it appears somewhat like a
+     * superscript. We're using `em` here to ensure that the bubble moves
+     * up more when it's placed inside a heading with a larger font size.
+     */
+    top: -0.3em;
+  }
+  .help-trigger {
+    /**
+     * Force a font-size of 1rem so that the help bubbles display with a
+     * consistent size, even when they are placed inside headings with
+     * larger font sizes.
+     */
+    font-size: 1rem;
+  }
+</style>
diff --git a/mathesar_ui/src/components/AppHeader.svelte b/mathesar_ui/src/components/AppHeader.svelte
index f5096ab2e6..77b06291b8 100644
--- a/mathesar_ui/src/components/AppHeader.svelte
+++ b/mathesar_ui/src/components/AppHeader.svelte
@@ -2,7 +2,10 @@
   import { _ } from 'svelte-i18n';
 
   import {
+    iconCommunityChat,
     iconDatabase,
+    iconDocumentation,
+    iconDonation,
     iconLogout,
     iconSettingsMajor,
     iconUser,
@@ -12,6 +15,8 @@
     LOGOUT_URL,
     USER_PROFILE_URL,
     getDatabasePageUrl,
+    getDocsLink,
+    getMarketingLink,
   } from '@mathesar/routes/urls';
   import { databasesStore } from '@mathesar/stores/databases';
   import { getReleaseDataStoreFromContext } from '@mathesar/stores/releases';
@@ -68,7 +73,9 @@
           <LinkMenuItem icon={iconUser} href={USER_PROFILE_URL}>
             {$userProfile.getDisplayName()}
           </LinkMenuItem>
+
           <MenuDivider />
+
           {#if $userProfile.isMathesarAdmin}
             <LinkMenuItem
               icon={iconSettingsMajor}
@@ -77,7 +84,37 @@
             >
               {$_('administration')}
             </LinkMenuItem>
+            <MenuDivider />
           {/if}
+
+          <MenuHeading>{$_('resources')}</MenuHeading>
+          <LinkMenuItem
+            icon={iconDocumentation}
+            href={getDocsLink('userGuide')}
+            tinro-ignore
+            target="_blank"
+          >
+            {$_('user_guide')}
+          </LinkMenuItem>
+          <LinkMenuItem
+            icon={iconCommunityChat}
+            href={getMarketingLink('community')}
+            tinro-ignore
+            target="_blank"
+          >
+            {$_('community')}
+          </LinkMenuItem>
+          <LinkMenuItem
+            icon={iconDonation}
+            href={getMarketingLink('donate')}
+            tinro-ignore
+            target="_blank"
+          >
+            {$_('donate_to_mathesar')}
+          </LinkMenuItem>
+
+          <MenuDivider />
+
           <LinkMenuItem icon={iconLogout} href={LOGOUT_URL} tinro-ignore>
             {$_('log_out')}
           </LinkMenuItem>
diff --git a/mathesar_ui/src/components/DocsLink.svelte b/mathesar_ui/src/components/DocsLink.svelte
index c7e35ec10a..95240c1cac 100644
--- a/mathesar_ui/src/components/DocsLink.svelte
+++ b/mathesar_ui/src/components/DocsLink.svelte
@@ -5,35 +5,11 @@
   https://docs.mathesar.org
 -->
 <script lang="ts">
-  import { getDocsLink } from '@mathesar/routes/urls';
+  import { type DocsPage, getDocsLink } from '@mathesar/routes/urls';
 
-  const pages = {
-    // TODO_BETA: Add correct link to analytics information docs-page/website
-    analytics: '/analytics/',
-    import: '/user-guide/importing-data/',
-    relationships: '/user-guide/relationships/',
-    roles: '/user-guide/roles/',
-    rolesLogin: '/user-guide/roles/#login',
-    rolesInheritance: '/user-guide/roles/#inheritance',
-    storedRolePasswords: '/user-guide/stored-role-passwords/',
-    collaborators: '/user-guide/collaborators/',
-    internalSchemas: '/user-guide/schemas/#internal',
-    databases: '/user-guide/databases/',
-    databasePermissions: '/user-guide/databases/#permissions',
-    schemaPermissions: '/user-guide/schemas/#permissions',
-    tablePermissions: '/user-guide/tables/#permissions',
-    schemas: '/user-guide/schemas/',
-    userAdmin: '/user-guide/users/#admin',
-    dataTypes: '/user-guide/data-types/',
-    metadata: '/user-guide/metadata/',
-  };
-  type Page = keyof typeof pages;
-
-  export let page: Page;
-
-  $: href = getDocsLink(pages[page]);
+  export let page: DocsPage;
 </script>
 
-<a {href} target="_blank">
+<a href={getDocsLink(page)} target="_blank">
   <slot />
 </a>
diff --git a/mathesar_ui/src/components/InsetPageSection.svelte b/mathesar_ui/src/components/InsetPageSection.svelte
index 384fee87d1..8c722d73df 100644
--- a/mathesar_ui/src/components/InsetPageSection.svelte
+++ b/mathesar_ui/src/components/InsetPageSection.svelte
@@ -1,9 +1,7 @@
 <script lang="ts"></script>
 
 <div class="inset-page-section">
-  {#if $$slots.header}
-    <div class="header"><slot name="header" /></div>
-  {/if}
+  <slot name="header" />
   <div class="section"><slot /></div>
 </div>
 
diff --git a/mathesar_ui/src/components/resources/CommunityResource.svelte b/mathesar_ui/src/components/resources/CommunityResource.svelte
new file mode 100644
index 0000000000..f0161b4316
--- /dev/null
+++ b/mathesar_ui/src/components/resources/CommunityResource.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { _ } from 'svelte-i18n';
+
+  import ResourceCard from '@mathesar/components/resources/ResourceCard.svelte';
+  import { iconCommunityChat } from '@mathesar/icons';
+  import { getMarketingLink } from '@mathesar/routes/urls';
+</script>
+
+<ResourceCard icon={iconCommunityChat} href={getMarketingLink('community')}>
+  <span slot="title">{$_('chat_with_community')}</span>
+  <span slot="description">{$_('connect_with_community_help')}</span>
+  <span slot="link-text">{$_('join_chat')}</span>
+</ResourceCard>
diff --git a/mathesar_ui/src/components/resources/DocumentationResource.svelte b/mathesar_ui/src/components/resources/DocumentationResource.svelte
new file mode 100644
index 0000000000..5cf31ccf76
--- /dev/null
+++ b/mathesar_ui/src/components/resources/DocumentationResource.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { _ } from 'svelte-i18n';
+
+  import ResourceCard from '@mathesar/components/resources/ResourceCard.svelte';
+  import { iconDocumentation } from '@mathesar/icons';
+  import { getDocsLink } from '@mathesar/routes/urls';
+</script>
+
+<ResourceCard icon={iconDocumentation} href={getDocsLink('userGuide')}>
+  <span slot="title">{$_('documentation')}</span>
+  <span slot="description">{$_('user_guide_description')}</span>
+  <span slot="link-text">{$_('open_user_guide')}</span>
+</ResourceCard>
diff --git a/mathesar_ui/src/components/resources/DonateResource.svelte b/mathesar_ui/src/components/resources/DonateResource.svelte
new file mode 100644
index 0000000000..0939cc9d0c
--- /dev/null
+++ b/mathesar_ui/src/components/resources/DonateResource.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { _ } from 'svelte-i18n';
+
+  import ResourceCard from '@mathesar/components/resources/ResourceCard.svelte';
+  import { iconDonation } from '@mathesar/icons';
+  import { getMarketingLink } from '@mathesar/routes/urls';
+</script>
+
+<ResourceCard icon={iconDonation} href={getMarketingLink('donate')}>
+  <span slot="title">{$_('support_our_mission')}</span>
+  <span slot="description">{$_('donate_blurb')}</span>
+  <span slot="link-text">{$_('donate_to_mathesar')}</span>
+</ResourceCard>
diff --git a/mathesar_ui/src/components/resources/ResourceCard.svelte b/mathesar_ui/src/components/resources/ResourceCard.svelte
new file mode 100644
index 0000000000..3d6dbae934
--- /dev/null
+++ b/mathesar_ui/src/components/resources/ResourceCard.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+  import type { IconProps } from '@mathesar/component-library/types';
+  import { iconExternalHyperlink } from '@mathesar/icons';
+  import { AnchorButton, Icon } from '@mathesar-component-library';
+
+  export let href: string;
+  export let icon: IconProps;
+</script>
+
+<div class="resource-card">
+  <div class="title"><Icon {...icon} /> <slot name="title" /></div>
+  <div class="description"><slot name="description" /></div>
+  <div class="button">
+    <AnchorButton appearance="secondary" {href} target="_blank">
+      <slot name="link-text" />
+      <Icon {...iconExternalHyperlink} />
+    </AnchorButton>
+  </div>
+</div>
+
+<style>
+  .resource-card {
+    border-radius: var(--border-radius-l);
+    display: flex;
+    flex-direction: column;
+    gap: var(--size-x-small);
+  }
+  .title {
+    font-weight: 500;
+  }
+  .description {
+    color: var(--color-text-muted);
+    flex: 1 0 auto;
+  }
+</style>
diff --git a/mathesar_ui/src/components/resources/index.ts b/mathesar_ui/src/components/resources/index.ts
new file mode 100644
index 0000000000..8a84e041fd
--- /dev/null
+++ b/mathesar_ui/src/components/resources/index.ts
@@ -0,0 +1,3 @@
+export { default as DocumentationResource } from './DocumentationResource.svelte';
+export { default as CommunityResource } from './CommunityResource.svelte';
+export { default as DonateResource } from './DonateResource.svelte';
diff --git a/mathesar_ui/src/i18n/languages/en/dict.json b/mathesar_ui/src/i18n/languages/en/dict.json
index 7571a8498f..3232a46ef1 100644
--- a/mathesar_ui/src/i18n/languages/en/dict.json
+++ b/mathesar_ui/src/i18n/languages/en/dict.json
@@ -60,6 +60,7 @@
   "cell": "Cell",
   "change_password": "Change Password",
   "change_role": "Change Role",
+  "chat_with_community": "Chat With Community",
   "check_for_updates": "Check for Updates",
   "child_role_new_items_scroll_hint": "Scroll or click here to see the child role.",
   "child_roles": "Child Roles",
@@ -105,6 +106,7 @@
   "columns_to_extract": "Columns to Extract",
   "columns_to_move": "Columns to Move",
   "columns_unique_values_help": "The columns in this table that should contain unique values.",
+  "community": "Community",
   "configure_in_mathesar": "Configure in Mathesar",
   "configure_password": "Configure Password",
   "configure_value": "Configure ''{value}''",
@@ -231,7 +233,10 @@
   "disconnect_named_database": "Disconnect [databaseName] Database",
   "display_language": "Display Language",
   "display_name": "Display Name",
+  "documentation": "Documentation",
   "documentation_and_resources": "Documentation & Resources",
+  "donate_blurb": "Help us build and maintain Mathesar with a donation to The Mathesar Foundation, a 501(c)(3) nonprofit organization.",
+  "donate_to_mathesar": "Donate To Mathesar",
   "drop_not_yet_implemented": "Dropping databases from within Mathesar is not yet implemented. You can use PostgreSQL directly to drop the database if needed. See this [link](issue) for more information.",
   "drop_role": "Drop Role",
   "drop_role_name": "Drop role [name]",
@@ -336,6 +341,7 @@
   "inspector": "Inspector",
   "internal_database": "Internal Database",
   "internal_schema_help": "These schemas are necessary for Mathesar to function and will automatically be installed on the database after connecting.",
+  "join_chat": "Join Chat",
   "join_community_chat": "Join Community Chat",
   "join_email_list": "Join Email List",
   "keep_first_row_as_data": "Set generic column names, keeping the first row as data",
@@ -461,6 +467,7 @@
   "open_record": "Open Record",
   "open_table_in_data_explorer": "Open this table in Data Explorer to query and analyze your data.",
   "open_table_record": "Open a Record from [tableName]",
+  "open_user_guide": "Open User Guide",
   "operation_requires_pg_user_have_createdb": "This operation requires the \"{username}\" PostgreSQL user to have CREATEDB privileges.",
   "or": "or",
   "outside_of_mathesar": "Outside of Mathesar",
@@ -575,6 +582,7 @@
   "remove_types_schema_help_5": "See our [link](documentation) to learn more about Mathesar data types.",
   "removing_role_configuration_warning": "Removing this configuration will prevent collaborators assigned to this role from accessing databases on server ''{server}''.",
   "reset": "Reset",
+  "resources": "Resources",
   "restrict_to_unique": "Restrict to Unique",
   "restrict_to_unique_help": "Ensures all values in this column are unique. Ideal for IDs, usernames, and other unique identifiers.",
   "result": "Result",
@@ -696,6 +704,7 @@
   "summarize_column_with_identifier": "Summarize the [identifier] column?",
   "summarize_in_data_explorer": "Summarize in Data Explorer",
   "summarize_in_data_explorer_help": "Open a pre-configured exploration based on the current table display.",
+  "support_our_mission": "Support Our Mission",
   "sync_external_changes": "Sync External Changes",
   "sync_external_changes_data_help": "External changes to data (e.g. adding or editing rows) will be automatically reflected without clicking this button.",
   "sync_external_changes_structure_help": "If you make structural changes to the database outside Mathesar (e.g. using another tool to add a schema, table, or column), those changes will not be reflected in Mathesar until you manually sync them with this button.",
@@ -802,6 +811,8 @@
   "use_role_to_remove_schemas_help": "If your Mathesar internal schemas require extra privileges to remove, you may specify a role to use here. This role and password will not be stored in Mathesar.",
   "use_text_for_all_columns": "Use \"Text\" for all column data types",
   "user": "User",
+  "user_guide": "User Guide",
+  "user_guide_description": "Our User Guide covers all aspects of Mathesar, from basic usage to advanced features.",
   "user_name": "User name",
   "user_needs_create_connect_privileges": "The user needs CONNECT and CREATE privileges on the database.",
   "user_not_found": "User not found",
diff --git a/mathesar_ui/src/icons/index.ts b/mathesar_ui/src/icons/index.ts
index 1ed23649c0..9ca70efd61 100644
--- a/mathesar_ui/src/icons/index.ts
+++ b/mathesar_ui/src/icons/index.ts
@@ -4,6 +4,7 @@ import {
   faArrowRight,
   faArrowRightFromBracket,
   faBackspace,
+  faBook,
   faCalendarDay,
   faCalendarWeek,
   faCaretRight,
@@ -15,6 +16,7 @@ import {
   faClock,
   faClone,
   faCogs,
+  faComments,
   faCopy,
   faDatabase,
   faDiagramNext,
@@ -32,6 +34,7 @@ import {
   faGrip,
   faHammer,
   faHashtag,
+  faHeart,
   faICursor,
   faInfo,
   faKey,
@@ -161,12 +164,15 @@ export const iconReinstall = { data: faRotateBack };
 //
 // (These names should all be nouns)
 
+export const iconCommunityChat: IconProps = { data: faComments };
 export const iconConnection: IconProps = { data: faPlug };
 export const iconConstraint: IconProps = { data: faKey };
 export const iconConstraintUnique: IconProps = { data: faSnowflake };
 export const iconDatabase: IconProps = { data: faDatabase };
 export const iconDbIdentifierDelimiter: IconProps = { data: faArrowRight };
 export const iconDisplayOptions: IconProps = { data: faPalette };
+export const iconDocumentation: IconProps = { data: faBook };
+export const iconDonation: IconProps = { data: faHeart };
 export const iconExploration: IconProps = { data: explorationIcon };
 export const iconExternalHyperlink: IconProps = { data: faUpRightFromSquare };
 export const iconFiltering: IconProps = { data: faFilter };
diff --git a/mathesar_ui/src/pages/admin-privacy/PrivacyPage.svelte b/mathesar_ui/src/pages/admin-privacy/PrivacyPage.svelte
index 1deda08a26..ea059ba212 100644
--- a/mathesar_ui/src/pages/admin-privacy/PrivacyPage.svelte
+++ b/mathesar_ui/src/pages/admin-privacy/PrivacyPage.svelte
@@ -74,10 +74,3 @@
     </LabeledInput>
   </div>
 </div>
-
-<style>
-  h2 {
-    font-size: var(--size-x-large);
-    font-weight: var(--font-weight-medium);
-  }
-</style>
diff --git a/mathesar_ui/src/pages/admin-update/SoftwareUpdateContent.svelte b/mathesar_ui/src/pages/admin-update/SoftwareUpdateContent.svelte
index acb5077c9e..096d440e53 100644
--- a/mathesar_ui/src/pages/admin-update/SoftwareUpdateContent.svelte
+++ b/mathesar_ui/src/pages/admin-update/SoftwareUpdateContent.svelte
@@ -3,6 +3,7 @@
 
   import Spinner from '@mathesar/component-library/spinner/Spinner.svelte';
   import ErrorBox from '@mathesar/components/message-boxes/ErrorBox.svelte';
+  import DonateResource from '@mathesar/components/resources/DonateResource.svelte';
   import { RichText } from '@mathesar/components/rich-text';
   import { iconRefresh } from '@mathesar/icons';
   import type { ReleaseDataStore } from '@mathesar/stores/releases';
@@ -85,6 +86,10 @@
   {/if}
 </div>
 
+<div class="donate">
+  <DonateResource />
+</div>
+
 <style>
   .releases > :global(*) {
     margin-bottom: 1rem;
@@ -97,4 +102,9 @@
   .check-button {
     margin-bottom: 0.25rem;
   }
+  .donate {
+    margin-top: 2rem;
+    max-width: 40rem;
+    text-wrap: balance;
+  }
 </style>
diff --git a/mathesar_ui/src/pages/home/DatabasesList.svelte b/mathesar_ui/src/pages/home/DatabasesList.svelte
index bfec82a645..68bb477501 100644
--- a/mathesar_ui/src/pages/home/DatabasesList.svelte
+++ b/mathesar_ui/src/pages/home/DatabasesList.svelte
@@ -13,7 +13,10 @@
   import { databasesStore } from '@mathesar/stores/databases';
   import { modal } from '@mathesar/stores/modal';
   import { getUserProfileStoreFromContext } from '@mathesar/stores/userProfile';
-  import { ConnectDatabaseModal } from '@mathesar/systems/databases';
+  import {
+    ConnectDatabaseModal,
+    DatabasesEmptyState,
+  } from '@mathesar/systems/databases';
   import BulkUpgradeDatabaseModal from '@mathesar/systems/databases/upgrade-database/BulkUpgradeDatabaseModal.svelte';
   import UpgradeDatabaseModal from '@mathesar/systems/databases/upgrade-database/UpgradeDatabaseModal.svelte';
   import {
@@ -69,112 +72,110 @@
 </script>
 
 <div class="databases-list">
-  <div class="header">
-    <span class="title">{$_('databases')}</span>
-    <span class="help">
-      <Help>
-        <RichText
-          text={$_('databases_list_help')}
-          let:slotName
-          let:translatedArg
-        >
-          {#if slotName === 'docsLink'}
-            <DocsLink page="databases">{translatedArg}</DocsLink>
-          {/if}
-        </RichText>
-      </Help>
-    </span>
-  </div>
+  <h2>
+    {$_('databases')}
+    <Help>
+      <RichText text={$_('databases_list_help')} let:slotName let:translatedArg>
+        {#if slotName === 'docsLink'}
+          <DocsLink page="databases">{translatedArg}</DocsLink>
+        {/if}
+      </RichText>
+    </Help>
+  </h2>
 
   <section class="databases-container">
-    <EntityContainerWithFilterBar
-      searchPlaceholder={$_('search_databases')}
-      bind:searchQuery={filterQuery}
-      on:clear={handleClearFilterQuery}
-    >
-      <svelte:fragment slot="action">
-        {#if isMathesarAdmin}
-          <Button
-            appearance="primary"
-            on:click={() => connectDbModalController.open()}
-          >
-            <Icon {...iconConnection} />
-            <span>{$_('connect_database')}</span>
-          </Button>
-        {/if}
-      </svelte:fragment>
-
-      <span slot="resultInfo">
-        <RichText
-          text={$_('databases_matching_search', {
-            values: {
-              count: filteredDatabases.length,
-            },
-          })}
-          let:slotName
-        >
-          {#if slotName === 'searchValue'}
-            <strong>{filterQuery}</strong>
+    {#if countDatabases}
+      <EntityContainerWithFilterBar
+        searchPlaceholder={$_('search_databases')}
+        bind:searchQuery={filterQuery}
+        on:clear={handleClearFilterQuery}
+      >
+        <svelte:fragment slot="action">
+          {#if isMathesarAdmin}
+            <Button
+              appearance="primary"
+              on:click={() => connectDbModalController.open()}
+            >
+              <Icon {...iconConnection} />
+              <span>{$_('connect_database')}</span>
+            </Button>
           {/if}
-        </RichText>
-      </span>
-
-      <div class="content" slot="content">
-        <div class="message-area">
-          {#if needToUpgrade !== 'none'}
-            <WarningBox>
-              <div class="bulk-upgrade-message">
-                <div class="text trim-child-margins">
-                  <p>{$_('service_upgraded_notice')}</p>
-                  <p>
-                    {#if needToUpgrade === 'all'}
-                      {$_('upgrade_all_databases_notice')}
-                    {:else if needToUpgrade === 'some'}
-                      {$_('upgrade_some_databases_notice')}
-                    {:else}
-                      {assertExhaustive(needToUpgrade)}
-                    {/if}
-                  </p>
-                </div>
-                <div class="button">
-                  <Button
-                    on:click={() =>
-                      bulkUpgradeDbModalController.open(
-                        databasesNeedingUpgrade,
-                      )}
-                  >
-                    {#if needToUpgrade === 'all'}
-                      {$_('upgrade_all_databases')}
-                    {:else if needToUpgrade === 'some'}
-                      {$_('upgrade_remaining_databases')}
-                    {:else}
-                      {assertExhaustive(needToUpgrade)}
-                    {/if}
-                  </Button>
+        </svelte:fragment>
+
+        <span slot="resultInfo">
+          <RichText
+            text={$_('databases_matching_search', {
+              values: {
+                count: filteredDatabases.length,
+              },
+            })}
+            let:slotName
+          >
+            {#if slotName === 'searchValue'}
+              <strong>{filterQuery}</strong>
+            {/if}
+          </RichText>
+        </span>
+
+        <div class="content" slot="content">
+          <div class="message-area">
+            {#if needToUpgrade !== 'none'}
+              <WarningBox>
+                <div class="bulk-upgrade-message">
+                  <div class="text trim-child-margins">
+                    <p>{$_('service_upgraded_notice')}</p>
+                    <p>
+                      {#if needToUpgrade === 'all'}
+                        {$_('upgrade_all_databases_notice')}
+                      {:else if needToUpgrade === 'some'}
+                        {$_('upgrade_some_databases_notice')}
+                      {:else}
+                        {assertExhaustive(needToUpgrade)}
+                      {/if}
+                    </p>
+                  </div>
+                  <div class="button">
+                    <Button
+                      on:click={() =>
+                        bulkUpgradeDbModalController.open(
+                          databasesNeedingUpgrade,
+                        )}
+                    >
+                      {#if needToUpgrade === 'all'}
+                        {$_('upgrade_all_databases')}
+                      {:else if needToUpgrade === 'some'}
+                        {$_('upgrade_remaining_databases')}
+                      {:else}
+                        {assertExhaustive(needToUpgrade)}
+                      {/if}
+                    </Button>
+                  </div>
                 </div>
-              </div>
-            </WarningBox>
+              </WarningBox>
+            {/if}
+          </div>
+
+          {#if filteredDatabases.length}
+            <div
+              class="databases-list-grid"
+              use:highlightNewItems={{
+                scrollHint: $_('database_new_items_scroll_hint'),
+                enabled: highlightingEnabled,
+              }}
+            >
+              {#each filteredDatabases as database (database.id)}
+                <DatabaseCard
+                  {database}
+                  onTriggerUpgrade={(d) => upgradeDbModalController.open(d)}
+                />
+              {/each}
+            </div>
           {/if}
         </div>
-
-        {#if filteredDatabases.length}
-          <div
-            class="databases-list-grid"
-            use:highlightNewItems={{
-              scrollHint: $_('database_new_items_scroll_hint'),
-              enabled: highlightingEnabled,
-            }}
-          >
-            {#each filteredDatabases as database (database.id)}
-              <DatabaseCard
-                {database}
-                onTriggerUpgrade={(d) => upgradeDbModalController.open(d)}
-              />
-            {/each}
-          </div>
-        {/if}
-      </div>
-    </EntityContainerWithFilterBar>
+      </EntityContainerWithFilterBar>
+    {:else}
+      <DatabasesEmptyState />
+    {/if}
   </section>
 </div>
 
@@ -189,10 +190,6 @@
 />
 
 <style lang="scss">
-  .databases-list {
-    padding: var(--size-xx-large) var(--size-x-large);
-  }
-
   .message-area {
     margin-bottom: 1rem;
   }
@@ -213,17 +210,6 @@
     }
   }
 
-  .title {
-    flex: 1 0 0;
-    color: var(--slate-900);
-    font-size: var(--text-size-ultra-large);
-    font-weight: var(--font-weight-medium);
-  }
-  .help {
-    margin-left: 0.5rem;
-    vertical-align: super;
-  }
-
   .databases-container {
     display: flex;
     margin-top: var(--size-x-large);
diff --git a/mathesar_ui/src/pages/home/HomePage.svelte b/mathesar_ui/src/pages/home/HomePage.svelte
index 6596b878ce..e33d9b4898 100644
--- a/mathesar_ui/src/pages/home/HomePage.svelte
+++ b/mathesar_ui/src/pages/home/HomePage.svelte
@@ -1,14 +1,18 @@
 <script lang="ts">
   import { _ } from 'svelte-i18n';
 
+  import {
+    CommunityResource,
+    DocumentationResource,
+    DonateResource,
+  } from '@mathesar/components/resources';
   import LayoutWithHeader from '@mathesar/layouts/LayoutWithHeader.svelte';
   import { makeSimplePageTitle } from '@mathesar/pages/pageTitleUtils';
-  import { databasesStore } from '@mathesar/stores/databases';
+  import { getUserProfileStoreFromContext } from '@mathesar/stores/userProfile';
 
   import DatabasesList from './DatabasesList.svelte';
-  import Welcome from './Welcome.svelte';
 
-  $: ({ databases } = databasesStore);
+  const userProfileStore = getUserProfileStoreFromContext();
 </script>
 
 <svelte:head>
@@ -18,14 +22,44 @@
 <LayoutWithHeader
   restrictWidth
   cssVariables={{
-    '--page-padding': '0',
+    '--page-padding': 'var(--inset-page-padding)',
     '--layout-background-color': 'var(--sand-100)',
     '--max-layout-width': 'var(--max-layout-width-console-pages)',
   }}
 >
-  {#if $databases.size > 0}
+  <h1>
+    {$_('welcome_to_mathesar_user', {
+      values: { user: $userProfileStore?.getDisplayName() },
+    })}
+  </h1>
+  <div class="content">
     <DatabasesList />
-  {:else}
-    <Welcome />
-  {/if}
+    <div class="resources">
+      <h2>{$_('resources')}</h2>
+      <div class="cards">
+        <DocumentationResource />
+        <CommunityResource />
+        <DonateResource />
+      </div>
+    </div>
+  </div>
 </LayoutWithHeader>
+
+<style lang="scss">
+  .content {
+    display: grid;
+    gap: 2rem;
+    @media screen and (min-width: 50rem) {
+      grid-template: auto / 1fr 20rem;
+    }
+  }
+  .cards {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2rem;
+
+    & > :global(*) {
+      flex: 1 0 15rem;
+    }
+  }
+</style>
diff --git a/mathesar_ui/src/pages/home/Welcome.svelte b/mathesar_ui/src/pages/home/Welcome.svelte
deleted file mode 100644
index 8631a6843b..0000000000
--- a/mathesar_ui/src/pages/home/Welcome.svelte
+++ /dev/null
@@ -1,141 +0,0 @@
-<script lang="ts">
-  import { _ } from 'svelte-i18n';
-
-  import { iconExternalHyperlink } from '@mathesar/icons';
-  import { getDocsLink, getWikiLink } from '@mathesar/routes/urls';
-  import { getUserProfileStoreFromContext } from '@mathesar/stores/userProfile';
-  import { DatabasesEmptyState } from '@mathesar/systems/databases';
-  import { AnchorButton, Icon } from '@mathesar-component-library';
-
-  const userProfileStore = getUserProfileStoreFromContext();
-  $: userProfile = $userProfileStore;
-</script>
-
-<div class="welcome-header">
-  <span>
-    {$_('welcome_to_mathesar_user', {
-      values: { user: userProfile?.getDisplayName() },
-    })}
-  </span>
-</div>
-
-<div class="welcome-container">
-  <section>
-    <div class="header">
-      {$_('databases')}
-    </div>
-    <DatabasesEmptyState />
-  </section>
-  <hr />
-  <section>
-    <div class="header">
-      {$_('documentation_and_resources')}
-    </div>
-    <div class="content documentation-links">
-      <div class="document-block">
-        <div class="header">{$_('getting_started')}</div>
-        <div class="content">
-          {$_('getting_started_help')}
-        </div>
-        <div class="footer">
-          <AnchorButton
-            appearance="secondary"
-            href={getDocsLink('/')}
-            target="_blank"
-          >
-            <span>{$_('start_working_with_mathesar')}</span>
-            <Icon {...iconExternalHyperlink} />
-          </AnchorButton>
-        </div>
-      </div>
-      <div class="document-block">
-        <div class="header">{$_('feel_stuck_or_feedback')}</div>
-        <div class="content">
-          {$_('connect_with_community_help')}
-        </div>
-        <div class="footer">
-          <AnchorButton
-            appearance="secondary"
-            href={getWikiLink('/community/')}
-            target="_blank"
-          >
-            <span>{$_('join_community_chat')}</span>
-            <Icon {...iconExternalHyperlink} />
-          </AnchorButton>
-        </div>
-      </div>
-    </div>
-  </section>
-</div>
-
-<style lang="scss">
-  .welcome-header {
-    display: flex;
-    padding: var(--size-xx-large);
-    align-items: center;
-    border-bottom: 1px solid var(--sand-200);
-
-    span {
-      flex: 1 0 0;
-      color: var(--slate-800);
-      font-size: var(--size-xx-large);
-      font-weight: 600;
-    }
-  }
-
-  .welcome-container {
-    display: flex;
-    padding: var(--size-xx-large);
-    flex-direction: column;
-    gap: var(--size-x-small);
-    align-items: stretch;
-
-    section {
-      display: flex;
-      gap: var(--size-large);
-      flex-direction: column;
-
-      > .header {
-        font-size: var(--size-large);
-        font-weight: 500;
-      }
-    }
-
-    hr {
-      margin: var(--size-large) 0;
-    }
-
-    .documentation-links {
-      display: flex;
-      flex-direction: row;
-      gap: var(--size-large);
-
-      .document-block {
-        flex: 1 1 0px;
-        border: 1px solid var(--sand-300);
-        border-radius: var(--border-radius-l);
-        padding: var(--size-large);
-        display: flex;
-        flex-direction: column;
-        background: var(--white);
-
-        > .header {
-          font-weight: 500;
-        }
-        > .content {
-          margin-top: var(--size-x-small);
-        }
-        > .footer {
-          padding-top: var(--size-x-large);
-          margin-top: auto;
-        }
-      }
-    }
-
-    @media screen and (max-width: 50rem) {
-      .documentation-links {
-        flex-direction: column;
-      }
-    }
-  }
-</style>
diff --git a/mathesar_ui/src/pages/import/preview/ImportPreviewContent.svelte b/mathesar_ui/src/pages/import/preview/ImportPreviewContent.svelte
index a13bd1e013..dda205132a 100644
--- a/mathesar_ui/src/pages/import/preview/ImportPreviewContent.svelte
+++ b/mathesar_ui/src/pages/import/preview/ImportPreviewContent.svelte
@@ -216,9 +216,7 @@
   </FieldLayout>
 
   <svelte:fragment slot="preview">
-    <h2 class="large-bold-header preview-header">
-      {$_('table_preview')}
-    </h2>
+    <h2 class="preview-header">{$_('table_preview')}</h2>
     <div class="preview-content">
       {#if $columnsFetch.error}
         <ErrorInfo
diff --git a/mathesar_ui/src/pages/record/Widgets.svelte b/mathesar_ui/src/pages/record/Widgets.svelte
index 4f9b9154e5..b6f286a371 100644
--- a/mathesar_ui/src/pages/record/Widgets.svelte
+++ b/mathesar_ui/src/pages/record/Widgets.svelte
@@ -35,7 +35,7 @@
 
 {#if tableWidgetInputs.length}
   <div class="widgets-area">
-    <h2 class="passthrough">
+    <h2>
       {$_('related_records')}
       <Help>
         <RichText text={$_('related_records_help')} let:slotName>
@@ -70,8 +70,6 @@
   h2 {
     padding: var(--size-small);
     border-bottom: 1px solid var(--slate-200);
-    font-weight: 600;
-    font-size: var(--size-large);
     background: var(--white);
   }
   .widgets {
diff --git a/mathesar_ui/src/pages/schema/OverviewHeader.svelte b/mathesar_ui/src/pages/schema/OverviewHeader.svelte
index cc27c2fb44..8207804ead 100644
--- a/mathesar_ui/src/pages/schema/OverviewHeader.svelte
+++ b/mathesar_ui/src/pages/schema/OverviewHeader.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <div class="container">
-  <span class="title">{title}</span>
+  <h2>{title}</h2>
   {#if $$slots.action}
     <div class="action-container">
       <slot name="action" />
@@ -20,15 +20,7 @@
     padding-bottom: 0.25rem;
     position: relative;
   }
-
-  .action-container {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-  }
-
-  .title {
-    font-size: var(--text-size-ultra-large);
-    font-weight: var(--font-weight-medium);
+  h2 {
+    margin: 0;
   }
 </style>
diff --git a/mathesar_ui/src/pages/user-profile/ProfilePage.svelte b/mathesar_ui/src/pages/user-profile/ProfilePage.svelte
index aae54fa830..4a19c97574 100644
--- a/mathesar_ui/src/pages/user-profile/ProfilePage.svelte
+++ b/mathesar_ui/src/pages/user-profile/ProfilePage.svelte
@@ -31,9 +31,7 @@
     <h1 slot="header">{$_('user_profile')}</h1>
     {#if userProfile}
       <InsetPageSection>
-        <h2 class="large-bold-header" slot="header">
-          {$_('account_details')}
-        </h2>
+        <h2 slot="header">{$_('account_details')}</h2>
         <UserDetailsForm user={userProfile.getUser()} />
       </InsetPageSection>
       <InsetPageSection>
@@ -42,12 +40,8 @@
 
       {#if !userProfile.isMathesarAdmin}
         <InsetPageSection>
-          <h2 class="large-bold-header" slot="header">
-            {$_('delete_account')}
-          </h2>
-          <div>
-            {$_('delete_account_contact_admin')}
-          </div>
+          <h2 slot="header">{$_('delete_account')}</h2>
+          <div>{$_('delete_account_contact_admin')}</div>
         </InsetPageSection>
       {/if}
     {:else}
@@ -58,9 +52,3 @@
     {/if}
   </InsetPageLayout>
 </LayoutWithHeader>
-
-<style>
-  h2 {
-    margin: 0 0 1em 0;
-  }
-</style>
diff --git a/mathesar_ui/src/routes/urls.ts b/mathesar_ui/src/routes/urls.ts
index eb1ccf19ac..3347e4a596 100644
--- a/mathesar_ui/src/routes/urls.ts
+++ b/mathesar_ui/src/routes/urls.ts
@@ -140,10 +140,40 @@ export function getSharedExplorationPageUrl(slug: string): string {
   return `/shares/explorations/${slug}/`;
 }
 
-export function getDocsLink(path: string): string {
-  return `https://docs.mathesar.org${path}`;
-}
-
-export function getWikiLink(path: string): string {
-  return `https://wiki.mathesar.org${path}`;
+const docsPages = {
+  analytics: '/analytics/',
+  collaborators: '/user-guide/collaborators/',
+  databasePermissions: '/user-guide/databases/#permissions',
+  databases: '/user-guide/databases/',
+  dataTypes: '/user-guide/data-types/',
+  import: '/user-guide/importing-data/',
+  internalSchemas: '/user-guide/schemas/#internal',
+  metadata: '/user-guide/metadata/',
+  relationships: '/user-guide/relationships/',
+  roles: '/user-guide/roles/',
+  rolesInheritance: '/user-guide/roles/#inheritance',
+  rolesLogin: '/user-guide/roles/#login',
+  schemaPermissions: '/user-guide/schemas/#permissions',
+  schemas: '/user-guide/schemas/',
+  storedRolePasswords: '/user-guide/stored-role-passwords/',
+  tablePermissions: '/user-guide/tables/#permissions',
+  userAdmin: '/user-guide/users/#admin',
+  userGuide: '/user-guide/',
+};
+
+export type DocsPage = keyof typeof docsPages;
+
+export function getDocsLink(page: DocsPage): string {
+  return `https://docs.mathesar.org${docsPages[page]}`;
+}
+
+const marketingPages = {
+  community: '/community/',
+  donate: '/donate/',
+};
+
+export type MarketingPage = keyof typeof marketingPages;
+
+export function getMarketingLink(page: MarketingPage): string {
+  return `https://mathesar.org${marketingPages[page]}`;
 }