Home and mobile new banner updated

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',

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',