From 1bd84828ed8b8fcaef02c349ec77627df785e041 Mon Sep 17 00:00:00 2001
From: Jerome Hardaway <jerome@vetswhocode.io>
Date: Mon, 20 Mar 2023 15:54:32 -0400
Subject: [PATCH] Jhardaway change primary image (#454)

* Removed grey overlay; replaced image; added cloudinary doamin to config

* update snapshots
---
 next.config.js                                     | 2 +-
 src/components/Header/Header.js                    | 6 +++---
 tests/components/__snapshots__/Header.test.js.snap | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/next.config.js b/next.config.js
index f0ee9467a..2b399fd5d 100644
--- a/next.config.js
+++ b/next.config.js
@@ -30,7 +30,7 @@ const postCSSFlexBugsFixes = [
 const config = {
   swcMinify: true,
   images: {
-    domains: ['images.ctfassets.net'],
+    domains: ['images.ctfassets.net', 'res.cloudinary.com'],
   },
   plugins: [IS_PRODUCTION ? postCSSFlexBugsFixes : [], IS_PRODUCTION ? purgeCSS : []],
 }
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
index 9f85a512e..3b6b0ef11 100644
--- a/src/components/Header/Header.js
+++ b/src/components/Header/Header.js
@@ -4,12 +4,12 @@ import Typed from 'react-typed'
 
 function Header() {
   return (
-    <section className="site-header flexslider classic overlay main-overlay grey">
+    <section className="site-header flexslider classic overlay main-overlay">
       <Image
         layout="fill"
-        blurDataURL="/images/code.jpg"
+        blurDataURL="https://res.cloudinary.com/vetswhocode/image/upload/v1678667459/website-images/vetswhocode-background.jpg"
         placeholder="blur"
-        src="/images/code.jpg"
+        src="https://res.cloudinary.com/vetswhocode/image/upload/v1678667459/website-images/vetswhocode-background.jpg"
         alt="image of code on a computer screen"
       />
       <div className="header-classic wrapper-table">
diff --git a/tests/components/__snapshots__/Header.test.js.snap b/tests/components/__snapshots__/Header.test.js.snap
index 198afb5cb..45a141c03 100644
--- a/tests/components/__snapshots__/Header.test.js.snap
+++ b/tests/components/__snapshots__/Header.test.js.snap
@@ -2,13 +2,13 @@
 
 exports[`<Header /> should render correctly 1`] = `
 <section
-  class="site-header flexslider classic overlay main-overlay grey"
+  class="site-header flexslider classic overlay main-overlay"
 >
   <img
     alt="image of code on a computer screen"
     layout="fill"
     placeholder="blur"
-    src="/images/code.jpg"
+    src="https://res.cloudinary.com/vetswhocode/image/upload/v1678667459/website-images/vetswhocode-background.jpg"
   />
   <div
     class="header-classic wrapper-table"