various minor tweaks to homepage

postalserver · Mar 3, 2024 · dd4fa39 · dd4fa39
1 parent 9c0a76e
commit dd4fa39
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 33 deletions.
diff --git a/app.config.ts b/app.config.ts
@@ -1,7 +1,7 @@
 export default defineAppConfig({
   ui: {
-    primary: "blue",
-    gray: "slate",
+    primary: "orange",
+    gray: "brown",
     footer: {
       bottom: {
         left: "text-sm text-gray-500 dark:text-gray-400",
@@ -10,50 +10,50 @@ export default defineAppConfig({
     },
   },
   seo: {
-    siteName: "Postal - The Mail Delivery Service",
+    siteName: "Postal Server - the open source mail server",
   },
   header: {
     logo: {
-      alt: "postak logo",
+      alt: "Postal",
       light: "/logo-light.svg",
       dark: "/logo-dark.svg",
     },
     search: true,
-    colorMode: true,
     links: [
       {
-        icon: "i-simple-icons-github",
+        label: "Docs",
+        to: "/getting-started/prerequisites",
+        "aria-label": "Docs",
+      },
+      {
+        label: "Code",
         to: "https://github.com/postalserver",
         target: "_blank",
-        "aria-label": "Docs template on GitHub",
+        "aria-label": "Postal on GitHub",
       },
+
+
     ],
   },
   footer: {
     credits: {
       label: "Built with Nuxt UI Pro",
       to: "https://ui.nuxt.com/pro",
     },
-    colorMode: false,
+    colorMode: true,
     links: [
-/*       {
-        icon: "i-simple-icons-nuxtdotjs",
-        to: "https://nuxt.com",
-        target: "_blank",
-        "aria-label": "Nuxt Website",
-      },
       {
         icon: "i-simple-icons-discord",
-        to: "https://discord.com/invite/ps2h6QT",
+        to: "https://discord.postalserrver.com",
         target: "_blank",
-        "aria-label": "Nuxt UI on Discord",
+        "aria-label": "Postal on Discord",
       },
       {
         icon: "i-simple-icons-x",
-        to: "https://x.com/nuxt_js",
+        to: "https://x.com/postalserverio",
         target: "_blank",
-        "aria-label": "Nuxt on X",
-      }, */
+        "aria-label": "Postal on X",
+      }, 
       {
         icon: "i-simple-icons-github",
         to: "https://github.com/postalserver/postal",
@@ -64,6 +64,7 @@ export default defineAppConfig({
   },
   toc: {
     title: "Table of Contents",
+
     bottom: {
       title: "Community",
       edit: "https://github.com/postalserver/docs/tree/main/content",
@@ -83,4 +84,4 @@ export default defineAppConfig({
       ],
     },
   },
-});
+});
diff --git a/components/Header.vue b/components/Header.vue
@@ -10,7 +10,7 @@ const { header } = useAppConfig()
   <UHeader>
     <template #logo>
       <template v-if="header?.logo?.dark || header?.logo?.light">
-        <UColorModeImage v-bind="{ class: 'h-6 w-auto', ...header?.logo }" />
+        <UColorModeImage v-bind="{ class: 'h-9 w-auto', ...header?.logo }" />
       </template>
       <template v-else>
         Nuxt UI Pro <UBadge label="Docs" variant="subtle" class="mb-0.5" />

diff --git a/content/index.yml b/content/index.yml
@@ -6,9 +6,9 @@ hero:
   description: 'Postal is a complete and fully featured mail server for use by websites & web servers. Think Sendgrid, Mailgun or Postmark but open source and ready for you to run on your own servers.'
   orientation: horizontal
   headline:
-    label: Discussions
-    to: https://github.com/orgs/postalserver/discussions
-    icon: i-heroicons-arrow-top-right-on-square-20-solid
+    label: Join us on Discord
+    to: https://discord.postalserver.io
+    icon: i-simple-icons-discord
   links:
     - label: Get started
       icon: i-heroicons-arrow-right-20-solid
@@ -22,12 +22,10 @@ hero:
       to: https://github.com/postalserver/postal
       target: _blank
 
-
 features:
   title: 'Easy to get up and running'
   links:
-    - label: 'Discover all the features'
-      icon: 'i-simple-icons-nuxtdotjs'
+    - label: 'Discover more features'
       trailingIcon: 'i-heroicons-arrow-right-20-solid'
       color: 'gray'
       to: '/welcome/feature-list'

diff --git a/pages/index.vue b/pages/index.vue
@@ -15,18 +15,29 @@ defineOgImage({
   title: page.value.title,
   description: page.value.description,
 });
+
+const ui = {
+  wrapper: "py-12 sm:py-24 md:pt-24 md:pb-2 relative",
+}
 </script>
 
 <template>
   <div>
-    <ULandingHero v-if="page.hero" v-bind="page.hero">
+
+    <ULandingHero :ui="ui" v-if="page.hero" v-bind="page.hero">
       <template #headline>
         <UBadge
           v-if="page.hero.headline"
           variant="subtle"
           size="lg"
           class="relative rounded-full font-semibold"
         >
+          <UIcon
+              v-if="page.hero.headline.icon"
+              :name="page.hero.headline.icon"
+              class="mr-2 w-5 h-5 pointer-events-none"
+            />
+
           <NuxtLink
             :to="page.hero.headline.to"
             target="_blank"
@@ -38,11 +49,6 @@ defineOgImage({
 
           {{ page.hero.headline.label }}
 
-          <UIcon
-            v-if="page.hero.headline.icon"
-            :name="page.hero.headline.icon"
-            class="ml-1 w-4 h-4 pointer-events-none"
-          />
         </UBadge>
       </template>