Manage why canopas section images

nuxt-frontend/components/home-new/LandingSection.vue

@@ -2,20 +2,20 @@
   <div
     class="relative bg-gradient-to-t from-pink-5 to-white landing-bg-mobile-clip-path md:landing-bg-clip-path overflow-hidden px-0 pb-[3.125rem] md:pb-[6.25rem] 3xl:outer-container"
   >
-    <img
+    <!-- <img
       :src="background400"
       :srcset="`${background400} 400w, ${background800} 800w, ${background1200} 1200w, ${background2100} 2100w`"
       class="absolute top-0 left-0 w-full h-full -z-[1] object-contain"
       alt="canopas-landing"
       loading="eager"
       preloading="high"
-    />
-    <!-- <NuxtImg
+    /> -->
+    <NuxtImg
       preload
-      src="/landing/bg/background-2100w.webp"
+      src="/images/landing/bg/background-2100w.webp"
       class="absolute top-0 left-0 w-full h-full -z-[1] object-contain"
       alt="canopas-landing"
-    /> -->
+    />
     <div
       class="relative container flex flex-col items-center lg:flex-row-reverse lg:items-start pb-[1.563rem] lg:pb-[3.125rem]"
     >

nuxt-frontend/components/home-new/ServiceSectionMobile.vue

@@ -60,16 +60,6 @@
 </template>
 
 <script>
-import bullet1 from "@/assets/images/why/why-canopas-dot-1.svg";
-import bullet2 from "@/assets/images/why/why-canopas-dot-2.svg";
-import bullet3 from "@/assets/images/why/why-canopas-dot-3.svg";
-
-import circle1 from "@/assets/images/why/why-canopas-mobile-1.webp";
-import circle2 from "@/assets/images/why/why-canopas-mobile-2.webp";
-import circle3 from "@/assets/images/why/why-canopas-mobile-3.webp";
-import circle4 from "@/assets/images/why/why-canopas-mobile-4.webp";
-import circle5 from "@/assets/images/why/why-canopas-mobile-5.webp";
-
 export default {
   data() {
     return {
@@ -78,37 +68,37 @@ export default {
           title: "Mobile Development",
           content:
             "Whether your goal is to acquire new users, improve your retention rate, or increase in-app sales, our team will guide you based on our decade-long experience. <span class='font-bold'>From native to hybrid, we've got you covered.</span>",
-          image: circle1,
-          bullet: bullet1,
+          image: "/images/why/why-canopas-mobile-1.webp",
+          bullet: "/images/why/why-canopas-dot-1.svg",
           url: "/mobile-app-development",
         },
         {
           title: "Web Development",
           content:
             "Whether you need help with websites, web apps, an admin panel, an analytical dashboard, or desktop apps, our engineers will develop <span class='font-bold'>scalable backend and front-end solutions.</span>",
-          image: circle2,
-          bullet: bullet2,
+          image: "/images/why/why-canopas-mobile-2.webp",
+          bullet: "/images/why/why-canopas-dot-2.svg",
         },
         {
           title: "Custom Software Development",
           content:
             "<span class='font-bold'>Unlock your business growth with tailored solutions</span> for unique business needs, enabling scalability, seamless integration, competitive edge, long-term cost efficiency, and enhanced security.",
-          image: circle3,
-          bullet: bullet3,
+          image: "/images/why/why-canopas-mobile-3.webp",
+          bullet: "/images/why/why-canopas-dot-3.svg",
         },
         {
           title: "UI/UX Design",
           content:
             "We design user-centered UI/UX followed by user testing. <span class='font-bold'>We make design decisions based on only one thing: Data.</span> Because it ensures our clients get value from our work.",
-          image: circle4,
-          bullet: bullet1,
+          image: "/images/why/why-canopas-mobile-4.webp",
+          bullet: "/images/why/why-canopas-dot-1.svg",
         },
         {
           title: "Bug Fixing and Maintenance",
           content:
             "Looking to fix bugs in your app? We've helped multiple clients fix bugs and later added new features to match their vision. Plus, <span class='font-bold'>We offer 6 months of FREE maintenance on our work.</span>",
-          image: circle5,
-          bullet: bullet1,
+          image: "/images/why/why-canopas-mobile-5.webp",
+          bullet: "/images/why/why-canopas-dot-1.svg",
         },
       ],
     };

nuxt-frontend/nuxt.config.js

@@ -22,7 +22,6 @@ export default defineNuxtConfig({
     "@nuxt/image",
   ],
   image: {
-    dir: "assets/images",
     screens: {
       xs: 420,
       sm: 576,