about & blog pages long load time issues are fixed

components/About/AboutCallAction.js

@@ -5,8 +5,7 @@
  <section
         className="booking-table-area-two bgs-cover py-100 rel z-1 overlay"
         style={{
-          backgroundImage:
+          backgroundImage: "url(/assets/images/about/bg-about.webp)",
-            "url(/assets/images/about/bg-about.webp)",
         }}
       >
         <div className="container">

components/About/AboutCallAction2.js

@@ -2,7 +2,7 @@
  const AboutCallAction2 = () => {
   return ( 
  <section className="cta-area py-100 rel z-1 bgc-primary" style={{
-    backgroundImage: "url(/assets/images/testimonials/testimonials-two-bg.png)"
+    backgroundImage: "url(/assets/images/testimonials/testimonials-two-bg.png)",
   }}	>
         <div className="container">
           <div className="row">

components/About/AboutCategory.js

@@ -12,7 +12,12 @@ const AboutCategory = () => {
             data-aos-offset={50}
           >
 
-            <img src="/assets/images/about/ambur_chicken_biryani.png" />
+            <img
+              src="/assets/images/about/ambur_chicken_biryani.webp"
+              alt="Ambur Chicken Biryani"
+              width="570"
+              height="270"
+              loading="lazy" />
             {/* <span className="quality">Quality Food</span>
                 <h2>Strawberry Juice &amp; slices</h2>
                 <Link href="shop" className="theme-btn style-two">
@@ -28,7 +33,12 @@ const AboutCategory = () => {
             data-aos-offset={50}
           >
             
-            <img src="/assets/images/about/mutton-biryani.png" />
+            <img
+              src="/assets/images/about/mutton-biryani.webp"
+              alt="Mutton Biryani"
+              width="570"
+              height="270"
+              loading="lazy" />
             {/* <h3>buy 1</h3>
                 <span className="get-one">get free 1</span>
                 <Link href="shop" className="theme-btn">

components/About/AboutTestimonial.js

@@ -7,8 +7,7 @@ const Testimonial = () => {
     <section
       className="testimonials-two bgc-primary"
       style={{
-        backgroundImage:
+        backgroundImage: "url(/assets/images/testimonials/testimonials-two-bg.png)",
-          "url(/assets/images/testimonials/testimonials-two-bg.png)",
       }}
     >
       <div className="row align-items-center">

components/Testimonial.js

@@ -7,8 +7,7 @@ const Testimonial = () => {
     <section
       className="testimonials-two bgc-primary"
       style={{
-        backgroundImage:
+        backgroundImage: "url(/assets/images/testimonials/testimonials-two-bg.png)",
-          "url(assets/images/testimonials/testimonials-two-bg.png)",
       }}
     >
       <div className="row align-items-center">

utility/constant.utils.js

@@ -3,7 +3,7 @@ export const Blog = [
     id: 1,
     slug: "the-flavors-of-north-india-more-than-just-curries",
     image: "/assets/images/blog/blog-1.webp",
-    bigImage: "/assets/images/blog/blog-large-1.webp",
+    bigImage: "/assets/images/blog/blog-large-1.jpg ",
     title: "The Flavors of North India: More Than Just Curries",
     metatitle: "Flavors of North India: Beyond Just Curries | Shiva Shakthi",
     metadescription: "Explore the aromatic breads, tandoori delights, rice dishes & hearty vegetarian staples that make North Indian cuisine so much more than just curries.",