From 257343f8409c71304c43dd09c7e523be0d2aca46 Mon Sep 17 00:00:00 2001
From: Vojtech Mares <iam@vojtechmares.com>
Date: Fri, 9 Dec 2022 13:49:41 +0100
Subject: [PATCH] feat: bacground image eager loading and smaller resolution

---
 components/CallToAction.tsx    | 5 +++--
 components/PrimaryFeatures.tsx | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/CallToAction.tsx b/components/CallToAction.tsx
index fb7dff8..5c0efb5 100644
--- a/components/CallToAction.tsx
+++ b/components/CallToAction.tsx
@@ -14,8 +14,9 @@ export function CallToAction() {
         className="absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
         src={backgroundImage}
         alt=""
-        width={2347}
-        height={1244}
+        width={1920}
+        height={1015}
+        loading="eager"
       />
       <Container className="relative">
         <div className="mx-auto max-w-xl text-center">
diff --git a/components/PrimaryFeatures.tsx b/components/PrimaryFeatures.tsx
index 07a0911..8e73111 100644
--- a/components/PrimaryFeatures.tsx
+++ b/components/PrimaryFeatures.tsx
@@ -34,8 +34,9 @@ export function PrimaryFeatures() {
         className="absolute top-1/2 left-1/2 max-w-none translate-x-[-44%] translate-y-[-42%]"
         src={backgroundImage}
         alt=""
-        width={2245}
-        height={1636}
+        width={1920}
+        height={1400}
+        loading="eager"
       />
       <Container className="relative">
         <div className="max-w-2xl md:mx-auto md:text-center xl:max-w-none">