diff --git a/app/about-us/AboutClient.js b/app/about-us/AboutClient.js
index 0fd6c69..61aad8c 100644
--- a/app/about-us/AboutClient.js
+++ b/app/about-us/AboutClient.js
@@ -258,7 +258,7 @@ export default function Home() {
         </section>
         <section className="chooseus-section">
           <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/about-us/section4/why-choose-right.webp)' }}></div>
-          <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
+          <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.webp)' }}></div>
           <div className="auto-container">
             <div className="row clearfix">
               <div className="col-lg-8 col-md-12 col-sm-12 content-column">
diff --git a/components/ContactFloat.js b/components/ContactFloat.js
index 69672e4..1cb3196 100644
--- a/components/ContactFloat.js
+++ b/components/ContactFloat.js
@@ -12,13 +12,13 @@ export default function ContactFloat() {
   const extraIcons = [
     {
       href: "tel:647-722-3434",
-      src: "/assets/images/icons/call.png",
+      src: "/assets/images/icons/call.webp",
       label: "Call",
       newTab: true, 
     },
     {
       action: () => setShowChat(true),
-      src: "/assets/images/chat.png",
+      src: "/assets/images/chat.webp",
       label: "Chat",
     },
     {
@@ -29,13 +29,13 @@ export default function ContactFloat() {
     },
     {
       href: "https://www.instagram.com/elrapharehab/",
-      src: "/assets/images/insta.png",
+      src: "/assets/images/insta.webp",
       label: "Instagram",
       newTab: true,
     },
     {
       href: "https://www.facebook.com/ELRaphaRehabCenter/",
-      src: "/assets/images/fb.png",
+      src: "/assets/images/fb.webp",
       label: "Facebook",
       newTab: true,
     },
@@ -161,7 +161,7 @@ export default function ContactFloat() {
             src={
               open
                 ? "/assets/images/cancel.png"
-                : "/assets/images/icons/call.png"
+                : "/assets/images/icons/call.webp"
             }
             alt="Contact"
             style={{ width: "28px", height: "28px" }}
diff --git a/components/layout/header/Header1.js b/components/layout/header/Header1.js
index c445fda..0601b01 100644
--- a/components/layout/header/Header1.js
+++ b/components/layout/header/Header1.js
@@ -14,7 +14,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSide
               <ul className="info-list clearfix">
                 <li>
                   <img
-                    src="/assets/images/icons/call.png"
+                    src="/assets/images/icons/call.webp"
                     alt="Phone"
                     style={{ marginRight: "8px" }}
                     className="red-icon"
diff --git a/components/layout/header/Header2.js b/components/layout/header/Header2.js
index 8a7672e..1f9a967 100644
--- a/components/layout/header/Header2.js
+++ b/components/layout/header/Header2.js
@@ -22,7 +22,7 @@ export default function Header2({
             <ul className="info-list clearfix">
               <li>
                 <img
-                  src="/assets/images/icons/call.png"
+                  src="/assets/images/icons/call.webp"
                   alt="Phone"
                   className="contact-icon"
                 />
@@ -30,7 +30,7 @@ export default function Header2({
               </li>
               <li>
                 <img
-                  src="/assets/images/icons/mail.png"
+                  src="/assets/images/icons/mail.webp"
                   alt="Mail"
                   className="contact-icon"
                 />
diff --git a/components/sections/home/AboutSection.js b/components/sections/home/AboutSection.js
index 2e5dfc9..1d92923 100644
--- a/components/sections/home/AboutSection.js
+++ b/components/sections/home/AboutSection.js
@@ -17,7 +17,7 @@ export default function AboutSection() {
           <div className="col-lg-6 col-md-12 col-sm-12 image-column">
             <div className="image_block_one">
               <div className="image-box">
-                <div className="image-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-26.png)' }}></div>
+                <div className="image-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-26.webp)' }}></div>
 
                 {/* Main Hero Image */}
                 <figure className="image-2">
diff --git a/components/sections/home/WhyChooseusSection.js b/components/sections/home/WhyChooseusSection.js
index 1a74117..bc2abba 100644
--- a/components/sections/home/WhyChooseusSection.js
+++ b/components/sections/home/WhyChooseusSection.js
@@ -5,7 +5,7 @@ export default function WhyChooseUsSection() {
   return (
     <section className="chooseus-section">
       <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/why-choose/why-choose-right.webp)' }}></div>
-      <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
+      <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.webp)' }}></div>
       <div className="auto-container">
         <div className="row clearfix">
           <div className="col-lg-8 col-md-12 col-sm-12 content-column">
diff --git a/components/sections/home1/WhyChooseUs.js b/components/sections/home1/WhyChooseUs.js
index 6520cc2..44e78d0 100644
--- a/components/sections/home1/WhyChooseUs.js
+++ b/components/sections/home1/WhyChooseUs.js
@@ -5,7 +5,7 @@ export default function chooseus() {
   return (
     <section className="chooseus-section">
       <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
-      <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
+      <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.webp)' }}></div>
       <div className="auto-container">
         <div className="row clearfix">
           <div className="col-lg-8 col-md-12 col-sm-12 content-column">
diff --git a/components/sections/home2/About.js b/components/sections/home2/About.js
index a9d8f9c..ba16589 100644
--- a/components/sections/home2/About.js
+++ b/components/sections/home2/About.js
@@ -14,7 +14,7 @@ export default function About() {
             <div className="image_block_one">
               <div className="image-box">
                 <div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
-                <div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-26.png)' }}></div>
+                <div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-26.webp)' }}></div>
                 <figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
                 <div className="icon-one"><i className="icon-13"></i></div>
                 <div className="icon-two"><i className="icon-14"></i></div>
diff --git a/components/sections/home2/Banner.js b/components/sections/home2/Banner.js
index 1269271..62b6268 100644
--- a/components/sections/home2/Banner.js
+++ b/components/sections/home2/Banner.js
@@ -55,7 +55,7 @@ export default function Banner() {
     const slides = [
         {
             id: 0,
-            bg: "/assets/images/banner/desktopBanner/banner-4.png",
+            bg: "/assets/images/banner/desktopBanner/banner-4.webp",
             upper: "Begin your",
             title: "Recovery",
             desc: "• Rehab • Strength Training • Personalized Care",
@@ -64,7 +64,7 @@ export default function Banner() {
         },
         {
             id: 1,
-            bg: "/assets/images/banner/desktopBanner/banner-1.png",
+            bg: "/assets/images/banner/desktopBanner/banner-1.webp",
             upper: "Build Your Strength &",
             title: "Endurance",
             desc: "• Physiotherapy • Sports Therapy • Injury Prevention",
@@ -82,7 +82,7 @@ export default function Banner() {
         },
         {
             id: 3,
-            bg: "/assets/images/banner/desktopBanner/banner-2.png",
+            bg: "/assets/images/banner/desktopBanner/banner-2.webp",
             upper: "Build your Core",
             title: "Performance",
             desc: "• Pain Relief • Active Care • Long-Term Result",
diff --git a/components/sections/home2/Chooseus.js b/components/sections/home2/Chooseus.js
index 46c1a25..a302be9 100644
--- a/components/sections/home2/Chooseus.js
+++ b/components/sections/home2/Chooseus.js
@@ -5,7 +5,7 @@ export default function Chooseus() {
   return (
     <section className="chooseus-style-two bg-color-1">
     <div className="bg-layer" style={{ backgroundImage: "url(assets/images/background/chooseus-bg-2.jpg)" }}></div>
-    <div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-12.png)" }}></div>
+    <div className="pattern-layer" style={{ backgroundImage: "url(assets/images/shape/shape-12.webp)" }}></div>
     <div className="auto-container">
       <div className="row clearfix">
         <div className="col-lg-8 col-md-12 col-sm-12 content-column offset-lg-4">
diff --git a/components/sections/onepage/WhyChooseUs.js b/components/sections/onepage/WhyChooseUs.js
index 6fd2ee2..3b7e6ae 100644
--- a/components/sections/onepage/WhyChooseUs.js
+++ b/components/sections/onepage/WhyChooseUs.js
@@ -4,7 +4,7 @@ export default function chooseus() {
   return (
     <section className="chooseus-section">
     <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
-    <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
+    <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.webp)' }}></div>
     <div className="auto-container">
       <div className="row clearfix">
         <div className="col-lg-8 col-md-12 col-sm-12 content-column">
diff --git a/next.config.js b/next.config.js
index 3f004a9..6945c91 100644
--- a/next.config.js
+++ b/next.config.js
@@ -6,11 +6,11 @@ const nextConfig = {
     unoptimized: true,         // ✅ needed
   },
   swcMinify: true,             // explicit SWC minify
-  experimental: {
-    forceSwcTransforms: true,  // use SWC only
-    modern: true,              // ✅ enable modern build (ES6+ for modern browsers)
-    polyfillsOptimization: true // ✅ remove unnecessary polyfills
-  },
+  // experimental: {
+  //   forceSwcTransforms: true,  // use SWC only
+  //   modern: true,              // ✅ enable modern build (ES6+ for modern browsers)
+  //   polyfillsOptimization: true // ✅ remove unnecessary polyfills
+  // },
 };
 
 module.exports = nextConfig;
diff --git a/public/assets/images/banner/desktopBanner/banner-1.webp b/public/assets/images/banner/desktopBanner/banner-1.webp
new file mode 100644
index 0000000..2e53ad8
Binary files /dev/null and b/public/assets/images/banner/desktopBanner/banner-1.webp differ
diff --git a/public/assets/images/banner/desktopBanner/banner-2.webp b/public/assets/images/banner/desktopBanner/banner-2.webp
new file mode 100644
index 0000000..c5bcef0
Binary files /dev/null and b/public/assets/images/banner/desktopBanner/banner-2.webp differ
diff --git a/public/assets/images/banner/desktopBanner/banner-4.webp b/public/assets/images/banner/desktopBanner/banner-4.webp
new file mode 100644
index 0000000..aecb190
Binary files /dev/null and b/public/assets/images/banner/desktopBanner/banner-4.webp differ
diff --git a/public/assets/images/cancel.webp b/public/assets/images/cancel.webp
new file mode 100644
index 0000000..93d9eaf
Binary files /dev/null and b/public/assets/images/cancel.webp differ
diff --git a/public/assets/images/chat.webp b/public/assets/images/chat.webp
new file mode 100644
index 0000000..bfa8011
Binary files /dev/null and b/public/assets/images/chat.webp differ
diff --git a/public/assets/images/fb.webp b/public/assets/images/fb.webp
new file mode 100644
index 0000000..5e56eec
Binary files /dev/null and b/public/assets/images/fb.webp differ
diff --git a/public/assets/images/footer-logo.webp b/public/assets/images/footer-logo.webp
new file mode 100644
index 0000000..cd18d41
Binary files /dev/null and b/public/assets/images/footer-logo.webp differ
diff --git a/public/assets/images/icons/call.webp b/public/assets/images/icons/call.webp
new file mode 100644
index 0000000..492406d
Binary files /dev/null and b/public/assets/images/icons/call.webp differ
diff --git a/public/assets/images/icons/mail.webp b/public/assets/images/icons/mail.webp
new file mode 100644
index 0000000..5f09470
Binary files /dev/null and b/public/assets/images/icons/mail.webp differ
diff --git a/public/assets/images/insta.webp b/public/assets/images/insta.webp
new file mode 100644
index 0000000..8297ed9
Binary files /dev/null and b/public/assets/images/insta.webp differ
diff --git a/public/assets/images/mail.webp b/public/assets/images/mail.webp
new file mode 100644
index 0000000..54e71a8
Binary files /dev/null and b/public/assets/images/mail.webp differ
diff --git a/public/assets/images/shape/shape-12.webp b/public/assets/images/shape/shape-12.webp
new file mode 100644
index 0000000..26a2b71
Binary files /dev/null and b/public/assets/images/shape/shape-12.webp differ
diff --git a/public/assets/images/shape/shape-23.webp b/public/assets/images/shape/shape-23.webp
new file mode 100644
index 0000000..d991f0c
Binary files /dev/null and b/public/assets/images/shape/shape-23.webp differ
diff --git a/public/assets/images/shape/shape-26.webp b/public/assets/images/shape/shape-26.webp
new file mode 100644
index 0000000..8c7ece8
Binary files /dev/null and b/public/assets/images/shape/shape-26.webp differ
diff --git a/public/assets/images/share.webp b/public/assets/images/share.webp
new file mode 100644
index 0000000..7c79d67
Binary files /dev/null and b/public/assets/images/share.webp differ