Enhance : Unification in services page

canopas · Jan 5, 2024 · 5e6e185 · 5e6e185
1 parent 401c126
commit 5e6e185
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 8 deletions.
diff --git a/nuxt-frontend/assets/images/portfolio/new-portfolio/new-cta-1600w.webp b/nuxt-frontend/assets/images/portfolio/new-portfolio/new-cta-1600w.webp
diff --git a/nuxt-frontend/assets/images/portfolio/new-portfolio/new-cta-2400w.webp b/nuxt-frontend/assets/images/portfolio/new-portfolio/new-cta-2400w.webp
diff --git a/nuxt-frontend/assets/images/services/landing/landing-1200w.webp b/nuxt-frontend/assets/images/services/landing/landing-1200w.webp
diff --git a/nuxt-frontend/assets/images/services/landing/landing-1400w.webp b/nuxt-frontend/assets/images/services/landing/landing-1400w.webp
diff --git a/nuxt-frontend/components/home-new/PortfolioPageCTASection.vue b/nuxt-frontend/components/home-new/PortfolioPageCTASection.vue
@@ -4,7 +4,7 @@
       <div class="hidden lg:block relative lg:w-1/2">
         <img
           :src="CTAImage[0]"
-          :srcset="`${CTAImage[0]} 400w, ${CTAImage[1]} 800w, ${CTAImage[2]} 1600w, ${CTAImage[3]} 2400w`"
+          :srcset="`${CTAImage[0]} 400w, ${CTAImage[1]} 800w`"
           alt="portfolio-cta-image"
           class="w-fit h-fit object-contain absolute right-10 -top-[0.3rem] xl:right-6 xl:-top-[5.5rem] 2xl:right-14 2xl:-top-[9.5rem]"
           loading="lazy"
@@ -52,13 +52,11 @@
 <script type="module">
 import cta400 from "@/assets/images/portfolio/new-portfolio/new-cta-400w.webp";
 import cta800 from "@/assets/images/portfolio/new-portfolio/new-cta-800w.webp";
-import cta1600 from "@/assets/images/portfolio/new-portfolio/new-cta-1600w.webp";
-import cta2400 from "@/assets/images/portfolio/new-portfolio/new-cta-2400w.webp";
 
 export default {
   data() {
     return {
-      CTAImage: [cta400, cta800, cta1600, cta2400],
+      CTAImage: [cta400, cta800],
       reasons: [
         "High-performing mobile apps",
         "Bulletproof cloud solutions",

diff --git a/nuxt-frontend/components/services/LandingSection.vue b/nuxt-frontend/components/services/LandingSection.vue
@@ -17,7 +17,7 @@
         <img
           class="absolute lg:top-[-2.188rem] right-0 xll:right-auto h-full object-cover"
           :src="landingImages[0]"
-          :srcset="`${landingImages[0]} 400w, ${landingImages[1]} 800w, ${landingImages[2]} 1200w, ${landingImages[2]} 1400w`"
+          :srcset="`${landingImages[0]} 400w, ${landingImages[1]} 800w`"
           alt="landing-view-image"
         />
       </aspect-ratio>
@@ -61,8 +61,6 @@
 <script>
 import landing400w from "@/assets/images/services/landing/landing-400w.webp";
 import landing800w from "@/assets/images/services/landing/landing-800w.webp";
-import landing1200w from "@/assets/images/services/landing/landing-1200w.webp";
-import landing1400w from "@/assets/images/services/landing/landing-1400w.webp";
 import bg400w from "@/assets/images/services/bg/bg-400w.webp";
 import bg800w from "@/assets/images/services/bg/bg-800w.webp";
 import bg1200w from "@/assets/images/services/bg/bg-1200w.webp";
@@ -73,7 +71,7 @@ export default {
   data() {
     return {
       width: 680,
-      landingImages: [landing400w, landing800w, landing1200w, landing1400w],
+      landingImages: [landing400w, landing800w],
       bgImages: [bg400w, bg800w, bg1200w, bg1600w],
     };
   },