diff --git a/components/sections/home2/Banner.js b/components/sections/home2/Banner.js
index 4957142..30410c4 100644
--- a/components/sections/home2/Banner.js
+++ b/components/sections/home2/Banner.js
@@ -65,7 +65,7 @@ export default function Banner() {
         {
             id: 0,
             variant: 'topToBottom',
-            bgImage: '/assets/images/banner/desktopBanner/home-banner-1.png',
+            bgImage: '/assets/images/banner/desktopBanner/home-banner-1.webp',
             upperText: 'Begin Your Health Journey',
             title: 'Better',
             titleSpan: 'health',
@@ -79,7 +79,7 @@ export default function Banner() {
         {
             id: 1,
             variant: 'bottomToTop',
-            bgImage: '/assets/images/banner/desktopBanner/home-banner-2.png',
+            bgImage: '/assets/images/banner/desktopBanner/home-banner-2.webp',
             upperText: 'Care That Heals Gently',
             title: 'Relaxing',
             titleSpan: 'Massage',
@@ -93,7 +93,7 @@ export default function Banner() {
         {
             id: 2,
             variant: 'leftToRight',
-            bgImage: '/assets/images/banner/desktopBanner/home-banner-3.png',
+            bgImage: '/assets/images/banner/desktopBanner/home-banner-3.webp',
             upperText: 'Wellness Near You Always',
             title: 'Trusted',
             titleSpan: 'Physio',
@@ -107,7 +107,7 @@ export default function Banner() {
         {
             id: 3,
             variant: 'rightToLeft',
-            bgImage: '/assets/images/banner/desktopBanner/home-banner-4.png',
+            bgImage: '/assets/images/banner/desktopBanner/home-banner-4.webp',
             upperText: 'Healing With Caring Hands',
             title: 'Holistic',
             titleSpan: 'Wellness',
diff --git a/components/sections/home2/MobileBanner.js b/components/sections/home2/MobileBanner.js
index 1f06c2a..e52a11a 100644
--- a/components/sections/home2/MobileBanner.js
+++ b/components/sections/home2/MobileBanner.js
@@ -66,13 +66,13 @@ export default function MobileBanner() {
         {
             id: 0,
             variant: 'topToBottom',
-            bgImage: '/assets/images/banner/mobile-banner/banner-1.webp',
+            bgImage: '/assets/images/banner/mobile-banner/mbl-view-banner-1.webp',
             hideContent: true
         },
         {
             id: 1,
             variant: 'bottomToTop',
-            bgImage: '/assets/images/banner/mobile-banner/mbl-view-banner-2.png',
+            bgImage: '/assets/images/banner/mobile-banner/mbl-view-banner-2.webp',
             upperText: 'Care That Heals Gently',
             title: 'Relaxing',
             titleSpan: 'Massage',
@@ -86,7 +86,7 @@ export default function MobileBanner() {
         {
             id: 2,
             variant: 'leftToRight',
-            bgImage: '/assets/images/banner/mobile-banner/mbl-view-banner-3.png',
+            bgImage: '/assets/images/banner/mobile-banner/mbl-view-banner-3.webp',
             upperText: 'Wellness Near You Always',
             title: 'Trusted',
             titleSpan: 'Physio',
@@ -100,7 +100,7 @@ export default function MobileBanner() {
         {
             id: 3,
             variant: 'rightToLeft',
-            bgImage: '/assets/images/banner/mobile-banner/mbl-view-banner-4.png',
+            bgImage: '/assets/images/banner/mobile-banner/mbl-view-banner-4.webp',
             upperText: 'Healing With Caring Hands',
             title: 'Holistic',
             titleSpan: 'Wellness',
diff --git a/public/assets/images/banner/desktopBanner/home-banner-1.webp b/public/assets/images/banner/desktopBanner/home-banner-1.webp
new file mode 100644
index 0000000..3e07b5b
Binary files /dev/null and b/public/assets/images/banner/desktopBanner/home-banner-1.webp differ
diff --git a/public/assets/images/banner/desktopBanner/home-banner-2.webp b/public/assets/images/banner/desktopBanner/home-banner-2.webp
new file mode 100644
index 0000000..b3168cb
Binary files /dev/null and b/public/assets/images/banner/desktopBanner/home-banner-2.webp differ
diff --git a/public/assets/images/banner/desktopBanner/home-banner-3.webp b/public/assets/images/banner/desktopBanner/home-banner-3.webp
new file mode 100644
index 0000000..023bd21
Binary files /dev/null and b/public/assets/images/banner/desktopBanner/home-banner-3.webp differ
diff --git a/public/assets/images/banner/desktopBanner/home-banner-4.webp b/public/assets/images/banner/desktopBanner/home-banner-4.webp
new file mode 100644
index 0000000..6d806ae
Binary files /dev/null and b/public/assets/images/banner/desktopBanner/home-banner-4.webp differ
diff --git a/public/assets/images/banner/mobile-banner/mbl-view-banner-1.webp b/public/assets/images/banner/mobile-banner/mbl-view-banner-1.webp
new file mode 100644
index 0000000..00dcb18
Binary files /dev/null and b/public/assets/images/banner/mobile-banner/mbl-view-banner-1.webp differ
diff --git a/public/assets/images/banner/mobile-banner/mbl-view-banner-2.webp b/public/assets/images/banner/mobile-banner/mbl-view-banner-2.webp
new file mode 100644
index 0000000..90636c8
Binary files /dev/null and b/public/assets/images/banner/mobile-banner/mbl-view-banner-2.webp differ
diff --git a/public/assets/images/banner/mobile-banner/mbl-view-banner-3.webp b/public/assets/images/banner/mobile-banner/mbl-view-banner-3.webp
new file mode 100644
index 0000000..b133532
Binary files /dev/null and b/public/assets/images/banner/mobile-banner/mbl-view-banner-3.webp differ
diff --git a/public/assets/images/banner/mobile-banner/mbl-view-banner-4.webp b/public/assets/images/banner/mobile-banner/mbl-view-banner-4.webp
new file mode 100644
index 0000000..09b6c58
Binary files /dev/null and b/public/assets/images/banner/mobile-banner/mbl-view-banner-4.webp differ