From c0da099aa48f6bbc168159293bfae9e60daffeda Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Mon, 2 Mar 2026 22:15:32 -0800
Subject: optimized images

---
 src/app.css                       |   2 +-
 src/components/LandingHero.svelte |   2 +-
 src/routes/+page.svelte           |  10 +++++-----
 static/images/customize.webp      | Bin 32690 -> 12900 bytes
 static/images/hero-image.webp     | Bin 52420 -> 31372 bytes
 static/images/lightning-qr.webp   | Bin 33456 -> 14738 bytes
 static/images/phone-checkout.webp | Bin 30164 -> 19912 bytes
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app.css b/src/app.css
index 14c5b032..3c12f531 100644
--- a/src/app.css
+++ b/src/app.css
@@ -39,7 +39,7 @@
 @font-face {
   font-family: "PublicSans";
   src: url("/fonts/Public_Sans/static/PublicSans-Regular.woff2") format("woff2");
-  font-display: swap;
+  font-display: optional;
 }
 
 :root {
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index 2be86c98..8ae610f4 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -37,7 +37,7 @@
     </div>
   </div>
 
-  <Image image="hero-image" style="w-full h-auto md:w-2/3 max-w-5xl mx-auto mt-20 aspect-[768/743]" width={768} height={743} fetchpriority="high" />
+  <Image image="hero-image" style="w-full h-auto md:w-2/3 max-w-5xl mx-auto mt-20 aspect-[600/581]" width={600} height={581} fetchpriority="high" />
 </div>
 
 <style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 966ebdaf..5fa7da3b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -37,11 +37,11 @@
     title={$t("landing.info1.title")}
     description={$t("landing.info1.description")}
     loading="lazy"
-    width={640}
-    height={653}
+    width={400}
+    height={409}
   />
 
-  <LandingInfoCard image="phone-checkout" title={$t("landing.info2.title")} order="reverse" loading="lazy" width={480} height={621}>
+  <LandingInfoCard image="phone-checkout" title={$t("landing.info2.title")} order="reverse" loading="lazy" width={400} height={518}>
     {$t("landing.info2.description1")}
     <br />
     <br />
@@ -57,8 +57,8 @@
       title={$t("landing.info3.title")}
       description={$t("landing.info3.description")}
       loading="lazy"
-      width={640}
-      height={640}
+      width={400}
+      height={400}
     />
     <div bind:this={howItWorks}></div>
     <div id="about"></div>
diff --git a/static/images/customize.webp b/static/images/customize.webp
index edb4d946..223d0271 100644
Binary files a/static/images/customize.webp and b/static/images/customize.webp differ
diff --git a/static/images/hero-image.webp b/static/images/hero-image.webp
index 30cd3dae..8e89a3af 100644
Binary files a/static/images/hero-image.webp and b/static/images/hero-image.webp differ
diff --git a/static/images/lightning-qr.webp b/static/images/lightning-qr.webp
index bfd4173b..d4d2d50d 100644
Binary files a/static/images/lightning-qr.webp and b/static/images/lightning-qr.webp differ
diff --git a/static/images/phone-checkout.webp b/static/images/phone-checkout.webp
index 758431e6..2868eb9b 100644
Binary files a/static/images/phone-checkout.webp and b/static/images/phone-checkout.webp differ
-- 
cgit v1.2.3