From 43482266bce9160426e5d1f91bef7495d333d03a Mon Sep 17 00:00:00 2001
From: scosman <scosman@users.noreply.github.com>
Date: Thu, 18 Jan 2024 11:28:09 -0500
Subject: [PATCH] Do I need a perfect pagespeed insights score? No.

Do I want one?

Yes!
---
 src/routes/(marketing)/+layout.svelte | 18 ++++++++++--------
 src/routes/(marketing)/+page.svelte   |  2 ++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/routes/(marketing)/+layout.svelte b/src/routes/(marketing)/+layout.svelte
index 7626bb2c..a7965364 100644
--- a/src/routes/(marketing)/+layout.svelte
+++ b/src/routes/(marketing)/+layout.svelte
@@ -59,20 +59,22 @@
 <!-- Spacer grows so the footer can be at bottom on short pages -->
 <div class="flex-grow"></div>
 <div class="">
-  <div class="border-t max-w-xl mx-auto"></div>
-  <footer class="footer p-10 gap-x-48 place-content-center">
+  <div class="border-t max-w-[1000px] mx-auto"></div>
+  <footer
+    class="footer p-10 gap-x-48 lg:gap-x-64 xl:gap-x-96 place-content-center text-base"
+  >
     <nav>
-      <span class="footer-title">Explore</span>
-      <a class="link link-hover" href="/">Overview</a>
-      <a class="link link-hover" href="/pricing">Pricing</a>
-      <a class="link link-hover" href="/blog">Blog</a>
+      <span class="footer-title opacity-80">Explore</span>
+      <a class="link link-hover mb-1" href="/">Overview</a>
+      <a class="link link-hover my-1" href="/pricing">Pricing</a>
+      <a class="link link-hover my-1" href="/blog">Blog</a>
       <a
-        class="link link-hover"
+        class="link link-hover my-1"
         href="https://github.com/CriticalMoments/CMSaasStarter">Github</a
       >
     </nav>
     <aside>
-      <span class="footer-title">Sponsor</span>
+      <span class="footer-title opacity-80">Sponsor</span>
       <a
         class="link link-hover max-w-[260px]"
         href="https://criticalmoments.io"
diff --git a/src/routes/(marketing)/+page.svelte b/src/routes/(marketing)/+page.svelte
index d06a8feb..b7e80c2d 100644
--- a/src/routes/(marketing)/+page.svelte
+++ b/src/routes/(marketing)/+page.svelte
@@ -288,6 +288,7 @@
               <div class="flex justify-center">
                 <img
                   alt="Screenshot of criticalmoments.io homepage"
+                  class="aspect-[2044/1242]"
                   src="/images/example-home.png"
                 />
               </div>
@@ -299,6 +300,7 @@
             <div class="card shadow-xl border overflow-hidden">
               <img
                 alt="Screenshot of criticalmoments.io homepage"
+                class="aspect-[2044/1242]"
                 src="/images/example-home.png"
               />
             </div></a