From fc775178b8161b4a704f90be48d4026b698a0cd8 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 4 Nov 2024 13:11:25 -0600
Subject: [PATCH] Blur bg hero

---
 src/components/banner/HeroBanner.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/banner/HeroBanner.js b/src/components/banner/HeroBanner.js
index 8dd13e2..55419fc 100644
--- a/src/components/banner/HeroBanner.js
+++ b/src/components/banner/HeroBanner.js
@@ -60,7 +60,7 @@ const HeroBanner = () => {
                 alt="Banner"
                 quality={100}
                 fill
-                style={{ objectFit: 'cover', transform: 'scaleX(-1)' }}
+                style={{ objectFit: 'cover', transform: 'scaleX(-1)', filter: 'blur(4px)' }}
                 className='opacity-100 rounded-lg'
             />
             <div className="absolute inset-0 bg-gradient-to-br from-black via-black/20 to-transparent rounded-lg" />