diff --git a/sections/sections.js b/sections/sections.js
index 7038d5f9..5aa1732e 100755
--- a/sections/sections.js
+++ b/sections/sections.js
@@ -31,7 +31,7 @@ Vvveb.Sections.add("hero/hero-1", {
     </div>
 
     <div class="frame mx-auto">
-      <video loading="lazy" src="video/intro.mp4" width="1280" muted="true" playsinline="true" loop="true" controls="true" poster="https://www.vvveb.com/img/dark-theme.webp"></video>
+      <video loading="lazy" src="${Vvveb.themeBaseUrl}video/intro.mp4" width="1280" muted="true" playsinline="true" loop="true" controls="true" poster="https://www.vvveb.com/img/dark-theme.webp"></video>
     </div>
   </div>
 
@@ -39,7 +39,7 @@ Vvveb.Sections.add("hero/hero-1", {
   </div>
 
   <div class="background-container">
-    <!-- <img src="demo/img//background.svg" alt="Hero background" loading="lazy"> -->
+    <!-- <img src="${Vvveb.themeBaseUrl}demo/img/background.svg" alt="Hero background" loading="lazy"> -->
   </div>
 
 </header>`
@@ -68,7 +68,7 @@ Vvveb.Sections.add("hero/hero-1", {
           <span class="play-button">
             <i class="la la-play"></i>
           </span>
-          <img src="demo/img/video-1.webp" loading="lazy" alt="Video image" class="img-fluid">
+          <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" loading="lazy" alt="Video image" class="img-fluid">
         </a>
       </div>
     </div>
@@ -137,7 +137,7 @@ Vvveb.Sections.add("hero/hero-1", {
 
   <div class="background-container">
 
-    <img src="demo/img/hero-3.webp" alt="Hero background">
+    <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" alt="Hero background">
 
   </div>
 
@@ -191,7 +191,7 @@ Vvveb.Sections.add("hero/hero-1", {
 
   <div class="background-container">
 
-    <img src="demo/img/hero-3.webp" alt="Hero background">
+    <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" alt="Hero background">
 
   </div>
 
@@ -207,7 +207,7 @@ Vvveb.Sections.add("hero/hero-1", {
         <h1 class="heading mb-3 display-4">The next generation website builder</h1>
         <h4 class="subheading mb-5">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</h4>
 
-        <img width="350" src="demo/img/video-1.webp" class="shadow img-thumbnail">
+        <img width="350" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="shadow img-thumbnail">
 
         <div class="buttons">
 
@@ -243,7 +243,7 @@ Vvveb.Sections.add("hero/hero-1", {
   </div>
 
   <div class="background-container">
-    <img src="demo/img/hero-3.webp" alt="Hero background">
+    <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" alt="Hero background">
   </div>
 </header>`
 });Vvveb.Sections.add("hero/hero-5", {
@@ -291,7 +291,7 @@ Vvveb.Sections.add("hero/hero-1", {
   </div>
 
   <div class="background-container">
-    <img src="demo/img/hero-3.webp" alt="Hero background">
+    <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" alt="Hero background">
   </div>
 
 </header>`
@@ -320,7 +320,7 @@ Vvveb.Sections.add("hero/hero-1", {
 
         </div>
         <div class="col-lg-5">
-          <img src="demo/img/video-1.webp" class="shadow img-thumbnail" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="shadow img-thumbnail" loading="lazy">
         </div>
       </div>
     </div>
@@ -346,7 +346,7 @@ Vvveb.Sections.add("hero/hero-1", {
   </div>
 
   <div class="background-container">
-    <img src="demo/img/hero-3.webp" alt="Hero background" loading="lazy">
+    <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" alt="Hero background" loading="lazy">
   </div>
 </header>`
 });Vvveb.Sections.add("hero/hero-7", {
@@ -358,7 +358,7 @@ Vvveb.Sections.add("hero/hero-1", {
     <div>
       <div class="row align-items-center justify-content-center text-start g-5">
         <div class="col-lg-5">
-          <img src="demo/img/video-1.webp" class="shadow img-thumbnail">
+          <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="shadow img-thumbnail">
         </div>
 
         <div class="col-lg-7">
@@ -401,7 +401,7 @@ Vvveb.Sections.add("hero/hero-1", {
   </div>
 
   <div class="background-container">
-    <img src="demo/img/hero-3.webp" alt="Hero background">
+    <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" alt="Hero background">
   </div>
 </header>`
 });Vvveb.Sections.add("hero/hero-slider", {
@@ -415,7 +415,7 @@ Vvveb.Sections.add("hero/hero-1", {
 
 
       <div class="swiper-slide">
-        <img src="demo/img/hero-3.webp" loading="lazy">
+        <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" loading="lazy">
         <div class="content">
           <div class="container">
             <div>
@@ -437,7 +437,7 @@ Vvveb.Sections.add("hero/hero-1", {
 
                 </div>
                 <div class="col-lg-5">
-                  <img src="demo/img/video-1.webp" class="shadow img-thumbnail" loading="lazy">
+                  <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="shadow img-thumbnail" loading="lazy">
                 </div>
               </div>
             </div>
@@ -448,7 +448,7 @@ Vvveb.Sections.add("hero/hero-1", {
 
 
       <div class="swiper-slide">
-        <img src="demo/img/hero-3.webp" loading="lazy">
+        <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" loading="lazy">
         <div class="content">
           <div class="container">
             <div>
@@ -478,13 +478,13 @@ Vvveb.Sections.add("hero/hero-1", {
       </div>
 
       <div class="swiper-slide">
-        <img src="demo/img/hero-3.webp" loading="lazy">
+        <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" loading="lazy">
         <div class="content">
           <div class="container">
             <div>
               <div class="row align-items-center justify-content-center text-start g-5">
                 <div class="col-lg-5">
-                  <img src="demo/img/video-1.webp" class="shadow img-thumbnail" loading="lazy">
+                  <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="shadow img-thumbnail" loading="lazy">
                 </div>
 
                 <div class="col-lg-7">
@@ -539,12 +539,12 @@ Vvveb.Sections.add("hero/hero-1", {
 
 
   <div class="background-container">
-    <img src="demo/img/hero-3.webp" alt="Hero background" loading="lazy">
+    <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" alt="Hero background" loading="lazy">
   </div>
 
 
-  <script id="swiper-js" src="/js/libs/swiper/swiper-bundle.min.js"></script>
-  <link id="swiper-css" href="/js/libs/swiper/swiper-bundle.min.css" rel="stylesheet">
+  <script id="swiper-js" src="${Vvveb.themeBaseUrl}../../libs/swiper/swiper-bundle.min.js"></script>
+  <link id="swiper-css" href="${Vvveb.themeBaseUrl}../../libs/swiper/swiper-bundle.min.css" rel="stylesheet">
   <script>
 var swiper = [];
 function initSwiper(onlyNew = false) {
@@ -602,12 +602,12 @@ Vvveb.Sections.add("features/features-1", {
         </div>
       </div>
       <div class="col-md-6">
-        <img src="demo/img/illustrations.co/118-macbook.svg" alt="Macbook" loading="lazy" class="img-fluid" data-aos="fade-left" />
+        <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/118-macbook.svg" alt="Macbook" loading="lazy" class="img-fluid" data-aos="fade-left" />
       </div>
     </div>
     <div class="row g-5 wrap">
       <div class="col-md-6">
-        <img src="demo/img/illustrations.co/day95-app-development.svg" alt="App development" loading="lazy" class="img-fluid" data-aos="fade-right" />
+        <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day95-app-development.svg" alt="App development" loading="lazy" class="img-fluid" data-aos="fade-right" />
       </div>
       <div class="col-md-6 align-self-center">
         <div class="max-box ms-auto" data-aos="fade-left">
@@ -633,7 +633,7 @@ Vvveb.Sections.add("features/features-1", {
 
   <div class="row no-gutters">
     <div class="col-lg-6">
-      <img alt="image" src="demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
+      <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
     </div>
 
     <div class="col-lg-6 bg-primary bg-gradient text-white d-flex">
@@ -730,7 +730,7 @@ Vvveb.Sections.add("features/features-1", {
       </div>
 
       <div class="col-lg-6">
-        <img src="demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid" />
+        <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid" />
       </div>
 
       <div class="col-md-12 mt-3 text-center">
@@ -816,7 +816,7 @@ Vvveb.Sections.add("features/features-1", {
   <div class="container">
     <div class="row align-items-center">
       <div class="col-12 col-md-8 col-lg-6 m-md-auto ms-lg-0 me-lg-auto">
-        <img src="demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid" />
+        <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid" />
       </div>
       <div class="col-12 col-lg-6 col-xl-5 ms-sm-auto pt-5 pt-lg-0">
         <h2>Open Source CMS Reinvented</h2>
@@ -868,7 +868,7 @@ Vvveb.Sections.add("features/features-1", {
     <div class="row text-center justify-content-center">
       <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
         <div>
-          <img loading="lazy" src="demo/img/illustrations.co/109-map-location.svg" alt="map location">
+          <img loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg" alt="map location">
           <h3>Drag and drop</h3>
           <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
 
@@ -878,7 +878,7 @@ Vvveb.Sections.add("features/features-1", {
 
       <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
         <div>
-          <img loading="lazy" src="demo/img/illustrations.co/107-healthy.svg" alt="dumbbell">
+          <img loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg" alt="dumbbell">
           <h3>Live code editor</h3>
           <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
 
@@ -888,7 +888,7 @@ Vvveb.Sections.add("features/features-1", {
 
       <div class="col-12 col-sm-4 col-xl-3 m-md-auto">
         <div>
-          <img loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell">
+          <img loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell">
           <h3>Bootstrap 5</h3>
           <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
 
@@ -911,7 +911,7 @@ Vvveb.Sections.add("features/features-1", {
     <div class="row text-center justify-content-center">
       <div class="col-12 col-md-6 col-lg-3">
         <div>
-          <img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
+          <img alt="map location" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg">
           <h3>Drag and drop</h3>
           <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
 
@@ -921,7 +921,7 @@ Vvveb.Sections.add("features/features-1", {
 
       <div class="col-12 col-md-6 col-lg-3">
         <div>
-          <img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
+          <img alt="healthy" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg">
           <h3>Live code editor</h3>
           <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
 
@@ -931,7 +931,7 @@ Vvveb.Sections.add("features/features-1", {
 
       <div class="col-12 col-md-6 col-lg-3">
         <div>
-          <img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
+          <img alt="dumbbell" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/104-dumbbell.svg">
           <h3>Bootstrap 5</h3>
           <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using Bootstrap 5</p>
 
@@ -941,7 +941,7 @@ Vvveb.Sections.add("features/features-1", {
 
       <div class="col-12 col-md-6 col-lg-3">
         <div>
-          <img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
+          <img alt="namaste" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
           <h3>Google fonts</h3>
           <p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
 
@@ -965,7 +965,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-md-4">
         <div class="row">
           <div class="col-3">
-            <img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
+            <img alt="map location" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg">
           </div>
           <div class="col-9">
             <h4>Drag and drop</h4>
@@ -978,7 +978,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-md-4 pt-3 pt-sm-4">
         <div class="row">
           <div class="col-3">
-            <img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
+            <img alt="healthy" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg">
           </div>
           <div class="col-9">
             <h4>Live code editor</h4>
@@ -991,7 +991,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-md-4 pt-3 pt-sm-4">
         <div class="row">
           <div class="col-3">
-            <img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
+            <img alt="dumbbell" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/104-dumbbell.svg">
           </div>
           <div class="col-9">
             <h4>Bootstrap 5</h4>
@@ -1006,7 +1006,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-md-4">
         <div class="row">
           <div class="col-3">
-            <img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
+            <img alt="namaste" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
           </div>
           <div class="col-9">
             <h4>Google fonts</h4>
@@ -1019,7 +1019,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-md-4 pt-3 pt-sm-4">
         <div class="row">
           <div class="col-3">
-            <img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
+            <img alt="map location" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg">
           </div>
           <div class="col-9">
             <h4>Drag and drop</h4>
@@ -1032,7 +1032,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-md-4 pt-3 pt-sm-4">
         <div class="row">
           <div class="col-3">
-            <img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
+            <img alt="healthy" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg">
           </div>
           <div class="col-9">
             <h4>Bootstrap 5</h4>
@@ -1058,7 +1058,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-sm-6 col-lg-3">
         <div class="row">
           <div class="col-3">
-            <img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
+            <img alt="map location" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg">
           </div>
           <div class="col-9">
             <h4>Drag and drop</h4>
@@ -1070,7 +1070,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-sm-0">
         <div class="row">
           <div class="col-3">
-            <img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
+            <img alt="healthy" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg">
           </div>
           <div class="col-9">
             <h4>Live code editor</h4>
@@ -1082,7 +1082,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
         <div class="row">
           <div class="col-3">
-            <img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
+            <img alt="dumbbell" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/104-dumbbell.svg">
           </div>
           <div class="col-9">
             <h4>Bootstrap 5</h4>
@@ -1094,7 +1094,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
         <div class="row">
           <div class="col-3">
-            <img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
+            <img alt="namaste" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
           </div>
           <div class="col-9">
             <h4>Google fonts</h4>
@@ -1109,7 +1109,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-sm-6 col-lg-3">
         <div class="row">
           <div class="col-3">
-            <img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
+            <img alt="map location" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg">
           </div>
           <div class="col-9">
             <h4>Drag and drop</h4>
@@ -1121,7 +1121,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-sm-0">
         <div class="row">
           <div class="col-3">
-            <img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
+            <img alt="healthy" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg">
           </div>
           <div class="col-9">
             <h4>Bootstrap 5</h4>
@@ -1133,7 +1133,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
         <div class="row">
           <div class="col-3">
-            <img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
+            <img alt="map location" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg">
 
           </div>
           <div class="col-9">
@@ -1146,7 +1146,7 @@ Vvveb.Sections.add("features/features-1", {
       <div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
         <div class="row">
           <div class="col-3">
-            <img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
+            <img alt="healthy" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg">
           </div>
           <div class="col-9">
             <h4>Live code editor</h4>
@@ -1165,13 +1165,13 @@ Vvveb.Sections.add("features/features-1", {
   <div class="container">
     <div class="row text-end align-items-center">
       <div class="col-12 col-md-6 m-auto">
-        <img src="demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid">
+        <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid">
       </div>
 
       <div class="col-12 col-md-7 col-lg-5 m-auto text-start pt-5">
         <div class="row pb-lg-5">
           <div class="col-3">
-            <img src="demo/img/illustrations.co/107-healthy.svg" alt="healthy" loading="lazy" class="img-fluid">
+            <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg" alt="healthy" loading="lazy" class="img-fluid">
           </div>
           <div class="col-9">
             <h3>
@@ -1183,7 +1183,7 @@ Vvveb.Sections.add("features/features-1", {
 
         <div class="row pt-4 pt-md-5 pb-lg-5">
           <div class="col-3">
-            <img alt="image" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell" loading="lazy" class="img-fluid">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell" loading="lazy" class="img-fluid">
           </div>
           <div class="col-9">
             <h3>
@@ -1196,7 +1196,7 @@ Vvveb.Sections.add("features/features-1", {
 
         <div class="row pt-4 pt-md-5">
           <div class="col-3">
-            <img alt="image" src="demo/img/illustrations.co/109-map-location.svg" alt="map location" loading="lazy" class="img-fluid">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg" alt="map location" loading="lazy" class="img-fluid">
           </div>
           <div class="col-9">
             <h3>
@@ -1217,7 +1217,7 @@ Vvveb.Sections.add("features/features-1", {
     <div class="row text-center">
       <div class="col-12 col-md-8 col-lg-4">
         <div>
-          <img alt="image" src="demo/img/illustrations.co/109-map-location.svg" alt="map location" loading="lazy" class="img-fluid">
+          <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg" alt="map location" loading="lazy" class="img-fluid">
           <h3>Drag and drop</h3>
           <p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets.</p>
 
@@ -1227,7 +1227,7 @@ Vvveb.Sections.add("features/features-1", {
 
       <div class="col-12 col-md-8 col-lg-4">
         <div>
-          <img alt="image" src="demo/img/illustrations.co/107-healthy.svg" alt="healthy" loading="lazy" class="img-fluid">
+          <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg" alt="healthy" loading="lazy" class="img-fluid">
           <h3>Live code editor</h3>
           <p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time.</p>
 
@@ -1237,7 +1237,7 @@ Vvveb.Sections.add("features/features-1", {
 
       <div class="col-12 col-md-8 col-lg-4">
         <div>
-          <img alt="image" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell" loading="lazy" class="img-fluid">
+          <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell" loading="lazy" class="img-fluid">
           <h3>Bootstrap 5 Components</h3>
           <p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootstrap 5.</p>
 
@@ -1271,12 +1271,12 @@ Vvveb.Sections.add("features/features-1", {
         </div>
       </div>
       <div class="col-md-6">
-        <img src="demo/img/video-1.webp" alt="Macbook" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
+        <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="Macbook" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
       </div>
     </div>
     <div class="row g-0 wrap">
       <div class="col-md-6">
-        <img src="demo/img/video-1.webp" alt="App development" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
+        <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="App development" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
       </div>
       <div class="col-md-6 align-self-center">
         <div class="max-box ms-auto" data-aos="fade-left">
@@ -1319,7 +1319,7 @@ Vvveb.Sections.add("features/features-1", {
         </div>
       </div>
       <div class="col-md-6">
-        <img src="demo/img/video-1.webp" alt="Macbook" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
+        <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="Macbook" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
       </div>
     </div>
   </div>
@@ -1331,7 +1331,7 @@ Vvveb.Sections.add("features/features-1", {
   <div class="container">
     <div class="row g-0 wrap">
       <div class="col-md-6">
-        <img src="demo/img/video-1.webp" alt="App development" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
+        <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="App development" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
       </div>
       <div class="col-md-6 align-self-center">
         <div class="max-box ms-auto" data-aos="fade-left">
@@ -1678,7 +1678,7 @@ Vvveb.Sections.add("contact-form/contact-form-1", {
           <div class="row g-0">
             <div class="col-sm-6 d-none d-sm-block bg-image">
 
-              <img alt="image" src="demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
+              <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
 
             </div>
             <div class="col-sm-6 p-4">
@@ -2040,7 +2040,7 @@ Vvveb.Sections.add("contact-form/contact-form-1", {
       <div class="row">
         <div class="col-lg-6">
           <div class="card-shadow">
-            <img alt="image" src="demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
           </div>
         </div>
         <div class="col-lg-6">
@@ -2313,7 +2313,7 @@ Vvveb.Sections.add("cta/cta-1", {
 
   <div class="background-container parallax">
 
-    <img src="demo/img/hero-3.webp" alt="Hero background">
+    <img src="${Vvveb.themeBaseUrl}demo/img/hero-3.webp" alt="Hero background">
 
   </div>
 
@@ -2331,8 +2331,8 @@ Vvveb.Sections.add("footer/footer-1", {
       <div class="col-md">
 
         <div data-v-component-site>
-          <img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
-          <img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
         </div>
 
       </div>
@@ -2452,7 +2452,7 @@ Vvveb.Sections.add("footer/footer-1", {
   <div class="container py-5">
     <div class="row py-4">
       <div class="col-md">
-        <img src="demo/img/logo.png" alt="Site logo" loading="lazy" alt="" width="180" class="mb-3">
+        <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo" loading="lazy" alt="" width="180" class="mb-3">
         <p class="font-italic text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
         <ul class="list-inline mt-4">
           <li class="list-inline-item">
@@ -2546,8 +2546,8 @@ Vvveb.Sections.add("footer/footer-1", {
       <div class="col-md">
 
         <div data-v-component-site>
-          <img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
-          <img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
         </div>
 
       </div>
@@ -2747,7 +2747,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                   <a class="dropdown-toggle p-2 p-md-0" data-bs-toggle="dropdown" role="button" title="Language" aria-expanded="false">
                     <!-- <i class="la la-flag me-1"></i> -->
                     <!-- 
-									<img src="" data-v-language-info-img>
+									<img src="${Vvveb.themeBaseUrl}" data-v-language-info-img>
 									-->
                     <span class="" data-v-language-info-name>English</span>
                   </a>
@@ -2758,7 +2758,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                     <div data-v-language>
                       <button class="dropdown-item" type="submit" value="eng" name="language" data-v-language-code>
                         <!-- <i class="la la-flag la-lg me-2"></i> -->
-                        <img src="" loading="lazy" class="me-1" data-v-language-img>
+                        <img src="${Vvveb.themeBaseUrl}" loading="lazy" class="me-1" data-v-language-img>
 
                         <!-- <a href="" data-v-language-url> -->
                         <span data-v-language-name>English</span>
@@ -2769,7 +2769,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                     <div data-v-language>
                       <button class="dropdown-item" type="submit" value="ro" name="language" data-v-language-code>
                         <!-- <i class="la la-flag la-lg me-2"></i> -->
-                        <img src="" loading="lazy" class="me-1" data-v-language-img>
+                        <img src="${Vvveb.themeBaseUrl}" loading="lazy" class="me-1" data-v-language-img>
                         <!-- <a href="" data-v-language-url>  -->
                         <span data-v-language-name>Romanian</span>
                         <!-- </a>  -->
@@ -2800,10 +2800,10 @@ Vvveb.Sections.add("navigation/navigation-1", {
         <!-- <a class="navbar-brand" href="/" data-url data-v-url-params='{"host":"www.*.*"}'><span class="visually-hidden">Logo</span> -->
         <a class="navbar-brand" href="/" data-v-site-url'>
           <span class="visually-hidden">Logo</span>
-          <img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
-          <img src="demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
-          <img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
-          <img src="demo/img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
         </a>
       </div>
 
@@ -2819,7 +2819,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
               <span data-v-menu-item-name data-v-if-not="category.type = 'text' && category.name"></span>
               <span data-v-if="category.content" data-v-menu-item-content>
                 <p>
-                  <img src="/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
+                  <img src="${Vvveb.themeBaseUrl}/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
                 </p>
               </span>
             </a>
@@ -2831,7 +2831,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                   <span data-v-if="category.content" data-v-menu-item-content>
                     <div class="row">
                       <div class="col-6 align-self-center">
-                        <img src="demo/img/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid">
+                        <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid">
                       </div>
                       <div class="col-6">
                         <h4>Features</h4>
@@ -2891,7 +2891,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
             <!-- User Login Info -->
             <div class="dropdown nav-item">
               <a class="dropdown-toggle nav-link " href role="button" id="user-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="user/index">
-                <!-- <img src="demo/img/user.svg" loading="lazy" width="20" alt> -->
+                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/user.svg" loading="lazy" width="20" alt> -->
                 <i class="la la-lg la-user"></i>
                 <span class="visually-hidden">User</span>
               </a>
@@ -3100,7 +3100,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
             <div class="dropdown nav-item mini-cart" data-v-component-cart>
 
               <a class="dropdown-toggle cart-info nav-link " href role="button" id="cart-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="cart/cart/index">
-                <!-- <img src="demo/img/bag.svg" width="20" alt> -->
+                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/bag.svg" width="20" alt> -->
                 <i class="la la-lg la-shopping-bag"></i>
                 <span class="visually-hidden">Cart</span>
                 <strong class="text-top text-bold" data-v-total_items data-v-if="cart.total_items > 0"></strong>
@@ -3118,7 +3118,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                         <tr data-v-cart-product>
                           <td class="text-center">
                             <a href="#40" data-v-cart-product-url>
-                              <img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
+                              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
                             </a>
                           </td>
                           <td class="text-start">
@@ -3159,7 +3159,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                         <tr data-v-cart-product>
                           <td class="text-center">
                             <a href="#40" data-v-cart-product-url>
-                              <img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
+                              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
                             </a>
                           </td>
                           <td class="text-start">
@@ -3183,7 +3183,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                           <td colspan="100">
                             <div class="d-flex  p-2">
                               <div class="text-center p-2 opacity-75">
-                                <!-- <img src="demo/img/bag.svg" width="20" alt> -->
+                                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/bag.svg" width="20" alt> -->
                                 <i class="la la-2x la-shopping-bag"></i>
                               </div>
                               <div class="p-2">
@@ -3311,10 +3311,10 @@ Vvveb.Sections.add("navigation/navigation-1", {
         <!-- <a class="navbar-brand" href="/" data-url data-v-url-params='{"host":"www.*.*"}'><span class="visually-hidden">Logo</span> -->
         <a class="navbar-brand" href="/" data-v-site-url'>
           <span class="visually-hidden">Logo</span>
-          <img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
-          <img src="demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
-          <img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
-          <img src="demo/img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
         </a>
       </div>
 
@@ -3330,7 +3330,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
               <span data-v-menu-item-name data-v-if-not="category.type = 'text' && category.name"></span>
               <span data-v-if="category.content" data-v-menu-item-content>
                 <p>
-                  <img src="/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
+                  <img src="${Vvveb.themeBaseUrl}/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
                 </p>
               </span>
             </a>
@@ -3342,7 +3342,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                   <span data-v-if="category.content" data-v-menu-item-content>
                     <div class="row">
                       <div class="col-6 align-self-center">
-                        <img src="demo/img/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid">
+                        <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid">
                       </div>
                       <div class="col-6">
                         <h4>Features</h4>
@@ -3402,7 +3402,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
             <!-- User Login Info -->
             <div class="dropdown nav-item">
               <a class="dropdown-toggle nav-link " href role="button" id="user-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="user/index">
-                <!-- <img src="demo/img/user.svg" loading="lazy" width="20" alt> -->
+                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/user.svg" loading="lazy" width="20" alt> -->
                 <i class="la la-lg la-user"></i>
                 <span class="visually-hidden">User</span>
               </a>
@@ -3611,7 +3611,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
             <div class="dropdown nav-item mini-cart" data-v-component-cart>
 
               <a class="dropdown-toggle cart-info nav-link " href role="button" id="cart-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="cart/cart/index">
-                <!-- <img src="demo/img/bag.svg" width="20" alt> -->
+                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/bag.svg" width="20" alt> -->
                 <i class="la la-lg la-shopping-bag"></i>
                 <span class="visually-hidden">Cart</span>
                 <strong class="text-top text-bold" data-v-total_items data-v-if="cart.total_items > 0"></strong>
@@ -3629,7 +3629,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                         <tr data-v-cart-product>
                           <td class="text-center">
                             <a href="#40" data-v-cart-product-url>
-                              <img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
+                              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
                             </a>
                           </td>
                           <td class="text-start">
@@ -3670,7 +3670,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                         <tr data-v-cart-product>
                           <td class="text-center">
                             <a href="#40" data-v-cart-product-url>
-                              <img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
+                              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
                             </a>
                           </td>
                           <td class="text-start">
@@ -3694,7 +3694,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                           <td colspan="100">
                             <div class="d-flex  p-2">
                               <div class="text-center p-2 opacity-75">
-                                <!-- <img src="demo/img/bag.svg" width="20" alt> -->
+                                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/bag.svg" width="20" alt> -->
                                 <i class="la la-2x la-shopping-bag"></i>
                               </div>
                               <div class="p-2">
@@ -3898,7 +3898,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                   <a class="dropdown-toggle p-2 p-md-0" data-bs-toggle="dropdown" role="button" title="Language" aria-expanded="false">
                     <!-- <i class="la la-flag me-1"></i> -->
                     <!-- 
-									<img src="" data-v-language-info-img>
+									<img src="${Vvveb.themeBaseUrl}" data-v-language-info-img>
 									-->
                     <span class="" data-v-language-info-name>English</span>
                   </a>
@@ -3909,7 +3909,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                     <div data-v-language>
                       <button class="dropdown-item" type="submit" value="eng" name="language" data-v-language-code>
                         <!-- <i class="la la-flag la-lg me-2"></i> -->
-                        <img src="" loading="lazy" class="me-1" data-v-language-img>
+                        <img src="${Vvveb.themeBaseUrl}" loading="lazy" class="me-1" data-v-language-img>
 
                         <!-- <a href="" data-v-language-url> -->
                         <span data-v-language-name>English</span>
@@ -3920,7 +3920,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                     <div data-v-language>
                       <button class="dropdown-item" type="submit" value="ro" name="language" data-v-language-code>
                         <!-- <i class="la la-flag la-lg me-2"></i> -->
-                        <img src="" loading="lazy" class="me-1" data-v-language-img>
+                        <img src="${Vvveb.themeBaseUrl}" loading="lazy" class="me-1" data-v-language-img>
                         <!-- <a href="" data-v-language-url>  -->
                         <span data-v-language-name>Romanian</span>
                         <!-- </a>  -->
@@ -3952,10 +3952,10 @@ Vvveb.Sections.add("navigation/navigation-1", {
         <!-- <a class="navbar-brand" href="/" data-url data-v-url-params='{"host":"www.*.*"}'><span class="visually-hidden">Logo</span> -->
         <a class="navbar-brand" href="/" data-v-site-url'>
           <span class="visually-hidden">Logo</span>
-          <img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
-          <img src="demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
-          <img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
-          <img src="demo/img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
         </a>
       </div>
 
@@ -3972,7 +3972,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
               <span data-v-menu-item-name data-v-if-not="category.type = 'text' && category.name"></span>
               <span data-v-if="category.content" data-v-menu-item-content>
                 <p>
-                  <img src="/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
+                  <img src="${Vvveb.themeBaseUrl}/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
                 </p>
               </span>
             </a>
@@ -3984,7 +3984,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                   <span data-v-if="category.content" data-v-menu-item-content>
                     <div class="row">
                       <div class="col-6 align-self-center">
-                        <img src="demo/img/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid">
+                        <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid">
                       </div>
                       <div class="col-6">
                         <h4>Features</h4>
@@ -4044,7 +4044,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
             <!-- User Login Info -->
             <div class="dropdown nav-item">
               <a class="dropdown-toggle nav-link " href role="button" id="user-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="user/index">
-                <!-- <img src="demo/img/user.svg" loading="lazy" width="20" alt> -->
+                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/user.svg" loading="lazy" width="20" alt> -->
                 <i class="la la-lg la-user"></i>
                 <span class="visually-hidden">User</span>
               </a>
@@ -4253,7 +4253,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
             <div class="dropdown nav-item mini-cart" data-v-component-cart>
 
               <a class="dropdown-toggle cart-info nav-link " href role="button" id="cart-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="cart/cart/index">
-                <!-- <img src="demo/img/bag.svg" width="20" alt> -->
+                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/bag.svg" width="20" alt> -->
                 <i class="la la-lg la-shopping-bag"></i>
                 <span class="visually-hidden">Cart</span>
                 <strong class="text-top text-bold" data-v-total_items data-v-if="cart.total_items > 0"></strong>
@@ -4271,7 +4271,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                         <tr data-v-cart-product>
                           <td class="text-center">
                             <a href="#40" data-v-cart-product-url>
-                              <img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
+                              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
                             </a>
                           </td>
                           <td class="text-start">
@@ -4312,7 +4312,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                         <tr data-v-cart-product>
                           <td class="text-center">
                             <a href="#40" data-v-cart-product-url>
-                              <img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
+                              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
                             </a>
                           </td>
                           <td class="text-start">
@@ -4336,7 +4336,7 @@ Vvveb.Sections.add("navigation/navigation-1", {
                           <td colspan="100">
                             <div class="d-flex  p-2">
                               <div class="text-center p-2 opacity-75">
-                                <!-- <img src="demo/img/bag.svg" width="20" alt> -->
+                                <!-- <img src="${Vvveb.themeBaseUrl}demo/img/bag.svg" width="20" alt> -->
                                 <i class="la la-2x la-shopping-bag"></i>
                               </div>
                               <div class="p-2">
@@ -4498,10 +4498,10 @@ Vvveb.Sections.add("navigation/navigation-1", {
         <!-- <a class="navbar-brand" href="/" data-url data-v-url-params='{"host":"www.*.*"}'><span class="visually-hidden">Logo</span> -->
         <a class="navbar-brand" href="/" data-v-site-url'>
           <span class="visually-hidden">Logo</span>
-          <img src="demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
-          <img src="demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
-          <img src="demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
-          <img src="demo/img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
+          <img src="${Vvveb.themeBaseUrl}demo/img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
         </a>
       </div>
 
@@ -4619,42 +4619,42 @@ Vvveb.Sections.add("portfolio/portfolio-1", {
   <div class="gallery masonry" data-component-gallery="portfolio-1">
     <div class="item" data-aos="fade-up">
       <a href="/demo/video-1.webp">
-        <img class="img-fluid" src="demo/img/video-1.webp">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
       </a>
     </div>
     <div class="item" data-aos="fade-up" data-aos-delay="100">
       <a href="/demo/video-1.webp">
-        <img class="img-fluid" src="demo/img/video-1.webp">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
       </a>
     </div>
     <div class="item" data-aos="fade-up" data-aos-delay="200">
       <a href="/demo/video-1.webp">
-        <img class="img-fluid" src="demo/img/video-1.webp">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
       </a>
     </div>
     <div class="item" data-aos="fade-up" data-aos-delay="300">
       <a href="/demo/video-1.webp">
-        <img class="img-fluid" src="demo/img/video-1.webp">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
       </a>
     </div>
     <div class="item" data-aos="fade-up" data-aos-delay="400">
       <a href="/demo/video-1.webp">
-        <img class="img-fluid" src="demo/img/video-1.webp">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
       </a>
     </div>
     <div class="item" data-aos="fade-up" data-aos-delay="500">
       <a href="/demo/video-1.webp">
-        <img class="img-fluid" src="demo/img/video-1.webp">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
       </a>
     </div>
     <div class="item" data-aos="fade-up" data-aos-delay="600">
       <a href="/demo/video-1.webp">
-        <img class="img-fluid" src="demo/img/video-1.webp">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
       </a>
     </div>
     <div class="item" data-aos="fade-up" data-aos-delay="700">
       <a href="/demo/video-1.webp">
-        <img class="img-fluid" src="demo/img/video-1.webp">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
       </a>
     </div>
   </div>
@@ -4673,32 +4673,32 @@ Vvveb.Sections.add("portfolio/portfolio-1", {
     <div class="gallery masonry has-shadow" data-component-gallery="portfolio-1">
       <div class="item" data-aos="fade-up">
         <a href="/demo/video-1.webp">
-          <img class="img-fluid" src="demo/img/video-1.webp">
+          <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
         </a>
       </div>
       <div class="item" data-aos="fade-up" data-aos-delay="100">
         <a href="/demo/video-1.webp">
-          <img class="img-fluid" src="demo/img/video-1.webp">
+          <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
         </a>
       </div>
       <div class="item" data-aos="fade-up" data-aos-delay="200">
         <a href="/demo/video-1.webp">
-          <img class="img-fluid" src="demo/img/video-1.webp">
+          <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
         </a>
       </div>
       <div class="item" data-aos="fade-up" data-aos-delay="300">
         <a href="/demo/video-1.webp">
-          <img class="img-fluid" src="demo/img/video-1.webp">
+          <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
         </a>
       </div>
       <div class="item" data-aos="fade-up" data-aos-delay="400">
         <a href="/demo/video-1.webp">
-          <img class="img-fluid" src="demo/img/video-1.webp">
+          <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
         </a>
       </div>
       <div class="item" data-aos="fade-up" data-aos-delay="500">
         <a href="/demo/video-1.webp">
-          <img class="img-fluid" src="demo/img/video-1.webp">
+          <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/video-1.webp">
         </a>
       </div>
     </div>
@@ -4732,7 +4732,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
         <article class="card h-100 shadow-sm">
           <div class="card-img-top" data-v-if="post.image">
-            <img src="demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
+            <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
           </div>
           <!-- Post Title -->
           <a data-v-post-url>
@@ -4761,7 +4761,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
         <article class="card h-100 shadow-sm">
           <div class="card-img-top" data-v-if="post.image">
-            <img src="demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
+            <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
           </div>
           <!-- Post Title -->
           <a data-v-post-url>
@@ -4790,7 +4790,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
         <article class="card h-100 shadow-sm">
           <div class="card-img-top" data-v-if="post.image">
-            <img src="demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
+            <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
           </div>
           <!-- Post Title -->
           <a data-v-post-url>
@@ -4844,7 +4844,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="day67-dog" src="demo/img/illustrations.co/day67-dog.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="day67-dog" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day67-dog.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4857,7 +4857,7 @@ Vvveb.Sections.add("posts/posts-1", {
                 </div>
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="day22-owl" src="demo/img/illustrations.co/day22-owl.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="day22-owl" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day22-owl.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4869,7 +4869,7 @@ Vvveb.Sections.add("posts/posts-1", {
                 </div>
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="day68-happy-cat" src="demo/img/illustrations.co/day68-happy-cat.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="day68-happy-cat" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day68-happy-cat.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4887,7 +4887,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="day79-coffee" src="demo/img/illustrations.co/day79-coffee.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="day79-coffee" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day79-coffee.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4900,7 +4900,7 @@ Vvveb.Sections.add("posts/posts-1", {
                 </div>
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="109-map-location" src="demo/img/illustrations.co/109-map-location.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="109-map-location" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/109-map-location.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4912,7 +4912,7 @@ Vvveb.Sections.add("posts/posts-1", {
                 </div>
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="107-healthy" src="demo/img/illustrations.co/107-healthy.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="107-healthy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4930,7 +4930,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="126-namaste-no-hand-shake" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="126-namaste-no-hand-shake" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/126-namaste-no-hand-shake.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4943,7 +4943,7 @@ Vvveb.Sections.add("posts/posts-1", {
                 </div>
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="104-dumbbell" src="demo/img/illustrations.co/104-dumbbell.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="104-dumbbell" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/104-dumbbell.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4955,7 +4955,7 @@ Vvveb.Sections.add("posts/posts-1", {
                 </div>
                 <div class="col-md-4 mb-3" data-v-post>
                   <div class="card">
-                    <img class="img-fluid" loading="lazy" alt="day50-pirahna" src="demo/img/illustrations.co/day50-pirahna.svg" data-v-post-image>
+                    <img class="img-fluid" loading="lazy" alt="day50-pirahna" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/day50-pirahna.svg" data-v-post-image>
                     <div class="card-body">
                       <a href="content/post.html" data-v-post-url>
                         <h4 class="card-title" data-v-post-name>Interdum et malesuada</h4>
@@ -4991,7 +4991,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
       <div class="col-md-4" data-v-post>
         <div class="card position-relative shadow border-0 mb-4" data-bs-theme="dark">
-          <img class="card-img" src="demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
+          <img class="card-img" src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
           <div class="card-img-overlay overflow-hidden">
             <div class="d-flex align-items-center">
               <span class="badge bg-primary text-white px-3 py-1 font-weight-normal">New</span>
@@ -5010,7 +5010,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
       <div class="col-md-4" data-v-post>
         <div class="card position-relative shadow border-0 mb-4" data-bs-theme="dark">
-          <img class="card-img" src="demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
+          <img class="card-img" src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
           <div class="card-img-overlay overflow-hidden">
             <div class="d-flex align-items-center">
               <span class="badge bg-primary text-white px-3 py-1 font-weight-normal">New</span>
@@ -5029,7 +5029,7 @@ Vvveb.Sections.add("posts/posts-1", {
 
       <div class="col-md-4" data-v-post>
         <div class="card position-relative shadow border-0 mb-4" data-bs-theme="dark">
-          <img class="card-img" src="demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
+          <img class="card-img" src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" alt="product" data-v-post-image>
           <div class="card-img-overlay overflow-hidden">
             <div class="d-flex align-items-center">
               <span class="badge bg-primary text-white px-3 py-1 font-weight-normal">New</span>
@@ -5065,7 +5065,7 @@ Vvveb.Sections.add("pricing-table/pricing-table-3", {
       <div class="col-md-4">
         <div class="price-col shadow-sm border rounded-3" data-aos="fade-up">
           <div class="img">
-            <img src="demo/img/illustrations.co/104-dumbbell.svg" alt="104-dumbbell" loading="lazy" class="img-fluid" />
+            <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/104-dumbbell.svg" alt="104-dumbbell" loading="lazy" class="img-fluid" />
           </div>
           <div class="text-center p-4">
             <span class="excerpt d-block">Personal</span>
@@ -5098,7 +5098,7 @@ Vvveb.Sections.add("pricing-table/pricing-table-3", {
       <div class="col-md-4">
         <div class="price-col shadow-sm border rounded-3" data-aos="fade-up" data-aos-delay="200">
           <div class="img">
-            <img src="demo/img/illustrations.co/107-healthy.svg" alt="107-healthy" loading="lazy" class="img-fluid" />
+            <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg" alt="107-healthy" loading="lazy" class="img-fluid" />
           </div>
           <div class="text-center p-4">
             <span class="excerpt d-block">Business</span>
@@ -5131,7 +5131,7 @@ Vvveb.Sections.add("pricing-table/pricing-table-3", {
       <div class="col-md-4">
         <div class="price-col shadow-sm border rounded-3" data-aos="fade-up" data-aos-delay="400">
           <div class="img">
-            <img src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg" alt="126-namaste-no-hand-shake" loading="lazy" class="img-fluid" />
+            <img src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/126-namaste-no-hand-shake.svg" alt="126-namaste-no-hand-shake" loading="lazy" class="img-fluid" />
           </div>
           <div class="text-center p-4">
             <span class="excerpt d-block">Ultimate</span>
@@ -5195,11 +5195,11 @@ Vvveb.Sections.add("products/products-1", {
           <div class="product-image">
             <a href="product/product.html" data-v-product-url>
 
-              <img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
-              <img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
+              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
+              <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
 
               <!-- Hover Thumb -->
-              <img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
+              <img class="hover-img" src="${Vvveb.themeBaseUrl}demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
             </a>
 
 
@@ -5283,11 +5283,11 @@ Vvveb.Sections.add("products/products-1", {
           <div class="product-image">
             <a href="product/product.html" data-v-product-url>
 
-              <img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
-              <img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
+              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
+              <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
 
               <!-- Hover Thumb -->
-              <img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
+              <img class="hover-img" src="${Vvveb.themeBaseUrl}demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
             </a>
 
 
@@ -5371,11 +5371,11 @@ Vvveb.Sections.add("products/products-1", {
           <div class="product-image">
             <a href="product/product.html" data-v-product-url>
 
-              <img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
-              <img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
+              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
+              <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
 
               <!-- Hover Thumb -->
-              <img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
+              <img class="hover-img" src="${Vvveb.themeBaseUrl}demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
             </a>
 
 
@@ -5459,11 +5459,11 @@ Vvveb.Sections.add("products/products-1", {
           <div class="product-image">
             <a href="product/product.html" data-v-product-url>
 
-              <img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
-              <img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
+              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
+              <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
 
               <!-- Hover Thumb -->
-              <img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
+              <img class="hover-img" src="${Vvveb.themeBaseUrl}demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
             </a>
 
 
@@ -5547,11 +5547,11 @@ Vvveb.Sections.add("products/products-1", {
           <div class="product-image">
             <a href="product/product.html" data-v-product-url>
 
-              <img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
-              <img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
+              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
+              <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
 
               <!-- Hover Thumb -->
-              <img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
+              <img class="hover-img" src="${Vvveb.themeBaseUrl}demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
             </a>
 
 
@@ -5635,11 +5635,11 @@ Vvveb.Sections.add("products/products-1", {
           <div class="product-image">
             <a href="product/product.html" data-v-product-url>
 
-              <img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
-              <img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
+              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
+              <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
 
               <!-- Hover Thumb -->
-              <img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
+              <img class="hover-img" src="${Vvveb.themeBaseUrl}demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
             </a>
 
 
@@ -5723,11 +5723,11 @@ Vvveb.Sections.add("products/products-1", {
           <div class="product-image">
             <a href="product/product.html" data-v-product-url>
 
-              <img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
-              <img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
+              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
+              <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
 
               <!-- Hover Thumb -->
-              <img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
+              <img class="hover-img" src="${Vvveb.themeBaseUrl}demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
             </a>
 
 
@@ -5811,11 +5811,11 @@ Vvveb.Sections.add("products/products-1", {
           <div class="product-image">
             <a href="product/product.html" data-v-product-url>
 
-              <img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
-              <img src="demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
+              <img src="${Vvveb.themeBaseUrl}demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image />
+              <img src="${Vvveb.themeBaseUrl}demo/img/video-1.webp" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image" />
 
               <!-- Hover Thumb -->
-              <img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
+              <img class="hover-img" src="${Vvveb.themeBaseUrl}demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1 />
             </a>
 
 
@@ -5911,7 +5911,7 @@ Vvveb.Sections.add("showcase/showcase-1", {
         </a>
       </div>
       <div class="col-md-6 col-sm-12 col-img">
-        <img class="img-fluid" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg" alt="namaste">
+        <img class="img-fluid" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/126-namaste-no-hand-shake.svg" alt="namaste">
       </div>
     </div>
   </div>
@@ -5923,7 +5923,7 @@ Vvveb.Sections.add("showcase/showcase-1", {
   <div class="container">
     <div class="row align-items-center w-100">
       <div class="col-md-6 col-sm-12 col-img">
-        <img class="img-fluid" src="demo/img/illustrations.co/107-healthy.svg" alt="healthy">
+        <img class="img-fluid" src="${Vvveb.themeBaseUrl}demo/img/illustrations.co/107-healthy.svg" alt="healthy">
       </div>
       <div class="col-md-6 col-sm-12">
         <h3>Drag and drop builder</h3>
@@ -6471,7 +6471,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row">
           <div class="col-md-12">
-            <img alt="image" loading="lazy" src="demo/img/sections/team/1.webp" class="img-fluid p-4 rounded-circle">
+            <img alt="image" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" class="img-fluid p-4 rounded-circle">
           </div>
           <div class="col-md-12 text-center">
             <div class="pt-2">
@@ -6518,7 +6518,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row">
           <div class="col-md-12">
-            <img alt="image" loading="lazy" src="demo/img/sections/team/2.webp" class="img-fluid p-4 rounded-circle">
+            <img alt="image" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" class="img-fluid p-4 rounded-circle">
           </div>
           <div class="col-md-12 text-center">
             <div class="pt-2">
@@ -6565,7 +6565,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row">
           <div class="col-md-12">
-            <img alt="image" loading="lazy" src="demo/img/sections/team/3.webp" class="img-fluid p-4 rounded-circle">
+            <img alt="image" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" class="img-fluid p-4 rounded-circle">
           </div>
           <div class="col-md-12 text-center">
             <div class="pt-2">
@@ -6612,7 +6612,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row">
           <div class="col-md-12">
-            <img alt="image" loading="lazy" src="demo/img/sections/team/4.webp" class="img-fluid p-4 rounded-circle">
+            <img alt="image" loading="lazy" src="${Vvveb.themeBaseUrl}demo/img/sections/team/4.webp" class="img-fluid p-4 rounded-circle">
           </div>
           <div class="col-md-12 text-center">
             <div class="pt-2">
@@ -6672,7 +6672,7 @@ Vvveb.Sections.add("team/team-1", {
         <div class="card-content">
           <div class="card-body p-0">
             <div class="profile">
-              <img src="demo/img/sections/team/1.webp" loading="lazy" alt="team">
+              <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" loading="lazy" alt="team">
             </div>
             <div class="card-title mt-4">
               <h4>Jane Doe</h4>
@@ -6716,7 +6716,7 @@ Vvveb.Sections.add("team/team-1", {
         <div class="card-content">
           <div class="card-body p-0">
             <div class="profile">
-              <img src="demo/img/sections/team/2.webp" loading="lazy" alt="team">
+              <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" loading="lazy" alt="team">
             </div>
             <div class="card-title mt-4">
               <h4>John Doe</h4>
@@ -6760,7 +6760,7 @@ Vvveb.Sections.add("team/team-1", {
         <div class="card-content">
           <div class="card-body p-0">
             <div class="profile">
-              <img src="demo/img/sections/team/3.webp" loading="lazy" alt="team">
+              <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" loading="lazy" alt="team">
             </div>
             <div class="card-title mt-4">
               <h4>Jane Doe</h4>
@@ -6819,7 +6819,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row no-gutters">
           <div class="col-md-12 pro-pic">
-            <img alt="image" src="demo/img/sections/team/1.webp" class="img-fluid p-4" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" class="img-fluid p-4" loading="lazy">
 
             <ul class="mb-0 list-inline mt-3 px-4">
               <li class="list-inline-item">
@@ -6863,7 +6863,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row no-gutters">
           <div class="col-md-12 pro-pic">
-            <img alt="image" src="demo/img/sections/team/2.webp" class="img-fluid p-4" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" class="img-fluid p-4" loading="lazy">
 
             <ul class="mb-0 list-inline mt-3 px-4">
               <li class="list-inline-item">
@@ -6907,7 +6907,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row no-gutters">
           <div class="col-md-12 pro-pic">
-            <img alt="image" src="demo/img/sections/team/3.webp" class="img-fluid p-4" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" class="img-fluid p-4" loading="lazy">
 
             <ul class="mb-0 list-inline mt-3 px-4">
               <li class="list-inline-item">
@@ -6951,7 +6951,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row no-gutters">
           <div class="col-md-12 pro-pic">
-            <img alt="image" src="demo/img/sections/team/4.webp" class="img-fluid p-4" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/4.webp" class="img-fluid p-4" loading="lazy">
 
             <ul class="mb-0 list-inline mt-3 px-4">
               <li class="list-inline-item">
@@ -7010,7 +7010,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row">
           <div class="col-md-12">
-            <img alt="image" src="demo/img/sections/team/1.webp" class="img-fluid p-4" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" class="img-fluid p-4" loading="lazy">
           </div>
           <div class="col-md-12">
             <div class="px-4">
@@ -7053,7 +7053,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row">
           <div class="col-md-12 pro-pic">
-            <img alt="image" src="demo/img/sections/team/2.webp" class="img-fluid p-4" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" class="img-fluid p-4" loading="lazy">
           </div>
           <div class="col-md-12">
             <div class="px-4">
@@ -7096,7 +7096,7 @@ Vvveb.Sections.add("team/team-1", {
 
         <div class="row">
           <div class="col-md-12 pro-pic">
-            <img alt="image" src="demo/img/sections/team/3.webp" class="img-fluid p-4" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" class="img-fluid p-4" loading="lazy">
           </div>
           <div class="col-md-12">
             <div class="px-4">
@@ -7156,7 +7156,7 @@ Vvveb.Sections.add("team/team-1", {
           <div class="row no-gutters">
             <div class="col-md-5">
 
-              <img alt="image" src="demo/img/sections/team/1.webp" class="img-fluid" loading="lazy">
+              <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" class="img-fluid" loading="lazy">
 
             </div>
             <div class="col-md-7">
@@ -7202,7 +7202,7 @@ Vvveb.Sections.add("team/team-1", {
           <div class="row no-gutters">
             <div class="col-md-5">
 
-              <img alt="image" src="demo/img/sections/team/2.webp" class="img-fluid" loading="lazy">
+              <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" class="img-fluid" loading="lazy">
 
             </div>
             <div class="col-md-7">
@@ -7251,7 +7251,7 @@ Vvveb.Sections.add("team/team-1", {
           <div class="row no-gutters">
             <div class="col-md-5">
 
-              <img alt="image" src="demo/img/sections/team/3.webp" class="img-fluid" loading="lazy">
+              <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" class="img-fluid" loading="lazy">
             </div>
             <div class="col-md-7">
               <div class="p-4">
@@ -7296,7 +7296,7 @@ Vvveb.Sections.add("team/team-1", {
           <div class="row no-gutters">
             <div class="col-md-5">
 
-              <img alt="image" src="demo/img/sections/team/4.webp" class="img-fluid" loading="lazy">
+              <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/4.webp" class="img-fluid" loading="lazy">
 
             </div>
             <div class="col-md-7">
@@ -7350,7 +7350,7 @@ Vvveb.Sections.add("team/team-1", {
       <div class="col-xl-3 col-sm-6 mb-5">
         <div class="bg-white rounded shadow-sm py-5 px-4">
 
-          <img src="demo/img/sections/team/1.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
 
           <h5>John Doe</h5>
           <span class="small text-uppercase text-muted">CEO - Founder</span>
@@ -7386,7 +7386,7 @@ Vvveb.Sections.add("team/team-1", {
       <div class="col-xl-3 col-sm-6 mb-5">
         <div class="bg-white rounded shadow-sm py-5 px-4">
 
-          <img src="demo/img/sections/team/2.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
 
           <h5>Jane Doe</h5>
           <span class="small text-uppercase text-muted">CTO - Co-Founder</span>
@@ -7423,7 +7423,7 @@ Vvveb.Sections.add("team/team-1", {
       <div class="col-xl-3 col-sm-6 mb-5">
         <div class="bg-white rounded shadow-sm py-5 px-4">
 
-          <img src="demo/img/sections/team/3.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
 
           <h5>John Doe</h5>
           <span class="small text-uppercase text-muted">CMO - Operations</span>
@@ -7460,7 +7460,7 @@ Vvveb.Sections.add("team/team-1", {
       <div class="col-xl-3 col-sm-6 mb-5">
         <div class="bg-white rounded shadow-sm py-5 px-4">
 
-          <img src="demo/img/sections/team/4.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/4.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow-sm" loading="lazy">
 
           <h5>Jane Doe</h5>
           <span class="small text-uppercase text-muted">CCO - Financial</span>
@@ -7523,7 +7523,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
 
           <p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.</p>
 
-          <img src="demo/img/sections/team/1.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow border rounded-3" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow border rounded-3" loading="lazy">
 
           <h3 class="mb-0">John Doe</h3>
           <span class="small text-uppercase text-muted">Company Inc.</span>
@@ -7542,7 +7542,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
 
 
           <p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.</p>
-          <img src="demo/img/sections/team/2.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow border rounded-3" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow border rounded-3" loading="lazy">
 
           <h3 class="mb-0">Jane Doe</h3>
           <span class="small text-uppercase text-muted">Company Inc.</span>
@@ -7562,7 +7562,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
 
           <p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.</p>
 
-          <img src="demo/img/sections/team/3.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow border rounded-3" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow border rounded-3" loading="lazy">
 
           <h3 class="mb-0">John Doe</h3>
           <span class="small text-uppercase text-muted">Company Inc.</span>
@@ -7582,7 +7582,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
 
           <p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui.</p>
 
-          <img src="demo/img/sections/team/4.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow border rounded-3" loading="lazy">
+          <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/4.webp" alt="team" width="100" class="img-fluid rounded-circle mb-3 img-thumbnail shadow border rounded-3" loading="lazy">
 
           <h3 class="mb-0">Jane Doe</h3>
           <span class="small text-uppercase text-muted">Company Inc.</span>
@@ -7619,7 +7619,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
               <p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing</p>
             </div>
 
-            <img alt="image" src="demo/img/sections/team/1.webp" class="img-fluid p-4 rounded-circle" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" class="img-fluid p-4 rounded-circle" loading="lazy">
           </div>
           <div class="col-md-12 text-center">
             <div class="pt-2">
@@ -7649,7 +7649,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
               <p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing</p>
             </div>
 
-            <img alt="image" src="demo/img/sections/team/2.webp" class="img-fluid p-4 rounded-circle" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" class="img-fluid p-4 rounded-circle" loading="lazy">
           </div>
           <div class="col-md-12 text-center">
             <div class="pt-2">
@@ -7678,7 +7678,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
               <p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing</p>
             </div>
 
-            <img alt="image" src="demo/img/sections/team/3.webp" class="img-fluid p-4 rounded-circle" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" class="img-fluid p-4 rounded-circle" loading="lazy">
           </div>
           <div class="col-md-12 text-center">
             <div class="pt-2">
@@ -7706,7 +7706,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
               <p class="text-muted"> I really enjoyed working with them, they are Group of Professionals and they know what they're Doing</p>
             </div>
 
-            <img alt="image" src="demo/img/sections/team/4.webp" class="img-fluid p-4 rounded-circle" loading="lazy">
+            <img alt="image" src="${Vvveb.themeBaseUrl}demo/img/sections/team/4.webp" class="img-fluid p-4 rounded-circle" loading="lazy">
           </div>
           <div class="col-md-12 text-center">
             <div class="pt-2">
@@ -7751,7 +7751,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
             </div>
 
             <div class="profile">
-              <img src="demo/img/sections/team/1.webp" loading="lazy" alt="team">
+              <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/1.webp" loading="lazy" alt="team">
             </div>
             <div class="card-title mt-4">
               <h4>Jane Doe</h4>
@@ -7775,7 +7775,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
             </div>
 
             <div class="profile">
-              <img src="demo/img/sections/team/2.webp" loading="lazy" alt="team">
+              <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/2.webp" loading="lazy" alt="team">
             </div>
             <div class="card-title mt-4">
               <h4>John Doe</h4>
@@ -7799,7 +7799,7 @@ Vvveb.Sections.add("testimonials/testimonials-1", {
             </div>
 
             <div class="profile">
-              <img src="demo/img/sections/team/3.webp" loading="lazy" alt="team">
+              <img src="${Vvveb.themeBaseUrl}demo/img/sections/team/3.webp" loading="lazy" alt="team">
             </div>
             <div class="card-title mt-4">
               <h4>Jane Doe</h4>