diff --git a/infrastructure/frontend.yml b/infrastructure/frontend.yml
index 44570cef4..670b5c58f 100644
--- a/infrastructure/frontend.yml
+++ b/infrastructure/frontend.yml
@@ -23,7 +23,7 @@ Conditions:
       Fn::Equals: 
         - Fn::Sub: ${EnvName}
         - dev
-      
+
 Resources:
   SSRFunction:
     Type: AWS::Serverless::Function
@@ -42,11 +42,11 @@ Resources:
       Description:
         Fn::Sub: Canopas Website SSR Frontend Lambda ${EnvName}
       FunctionUrlConfig:
-        AuthType: NONE   
+        AuthType: NONE
       Environment:
         Fn::If:
           - IsDev
           - Variables:
               NUXT_SITE_ENV: 
                 Fn::Sub: ${EnvName}
-          - Ref: AWS::NoValue        
\ No newline at end of file
+          - Ref: AWS::NoValue
diff --git a/nuxt-frontend/components/CTA/CTA4.vue b/nuxt-frontend/components/CTA/CTA4.vue
index 0b56d2e5d..28c58a93e 100644
--- a/nuxt-frontend/components/CTA/CTA4.vue
+++ b/nuxt-frontend/components/CTA/CTA4.vue
@@ -50,13 +50,13 @@
 </template>
 
 <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";
-
 export default {
   data() {
     return {
-      CTAImage: [cta400, cta800],
+      CTAImage: [
+        "/images/portfolio/new-portfolio/new-cta-400w.webp",
+        "/images/portfolio/new-portfolio/new-cta-800w.webp",
+      ],
       reasons: [
         "High-performing mobile apps",
         "Bulletproof cloud solutions",
diff --git a/nuxt-frontend/components/CTA/CTA5.vue b/nuxt-frontend/components/CTA/CTA5.vue
index 13b48b45e..10ffd6e52 100644
--- a/nuxt-frontend/components/CTA/CTA5.vue
+++ b/nuxt-frontend/components/CTA/CTA5.vue
@@ -54,15 +54,11 @@
   </section>
 </template>
 <script>
-import cta800 from "../../assets/images/CTA/fifth-cta-800w.webp";
-import ctaImage400w from "@/assets/images/mobile-app-development/cta-2/cta-image-400w.webp";
-import ctaImage800w from "@/assets/images/mobile-app-development/cta-2/cta-image-800w.webp";
-
 export default {
   data() {
     return {
-      ctaImage400w,
-      ctaImage800w,
+      ctaImage400w: "/images/mobile-app-development/cta-2/cta-image-400w.webp",
+      ctaImage800w: "/images/mobile-app-development/cta-2/cta-image-800w.webp",
     };
   },
 };
diff --git a/nuxt-frontend/components/home-new/BlogSection.vue b/nuxt-frontend/components/home-new/BlogSection.vue
index 9cf299ff5..1ad6b30c1 100755
--- a/nuxt-frontend/components/home-new/BlogSection.vue
+++ b/nuxt-frontend/components/home-new/BlogSection.vue
@@ -167,6 +167,7 @@
         :src="bg"
         :srcset="`${bg} 400w, ${bg400} 800w, ${bg2400} 1200w`"
         alt="blog-background-image"
+        loading="lazy"
       />
     </div>
   </section>
diff --git a/nuxt-frontend/components/home-new/ClientReviewSection.vue b/nuxt-frontend/components/home-new/ClientReviewSection.vue
index 31a45c645..b9fb8c375 100755
--- a/nuxt-frontend/components/home-new/ClientReviewSection.vue
+++ b/nuxt-frontend/components/home-new/ClientReviewSection.vue
@@ -7,6 +7,7 @@
         :loop="true"
         :spaceBetween="20"
         :pagination="pagination"
+        :autoplay="true"
         :modules="modules"
         @swiper="onSwiper"
         class="swiper-container"
@@ -36,7 +37,6 @@
                   <span class="sm:justify-between sub-h4-regular">
                     REVIEWED ON
                   </span>
-
                   <img
                     :src="reviewImage"
                     class="mr-2 w-[5.0625rem] h-[1.4375rem]"
@@ -83,11 +83,11 @@
                     <span class="sm:justify-between mr-2 sub-h4-medium">
                       REVIEWED ON
                     </span>
-
                     <img
                       :src="reviewImage"
                       class="mr-2 w-[5.3125rem] h-[1.5rem]"
                       alt="reviewClutchImage"
+                      loading="lazy"
                     />
                   </div>
                   <div class="flex flex-col mt-2.5 sm:mt-5 sm:justify-end">
@@ -112,17 +112,16 @@
 </template>
 
 <script>
-import { Autoplay, Pagination } from "swiper/modules";
+import { Autoplay } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
-import reviewImage from "@/assets/images/clients/v3-client/ReviewImage.webp";
 import Config from "@/config.js";
 export default {
   data() {
     return {
       swiper: null,
       reading: false,
-      modules: [Pagination, Autoplay],
-      reviewImage: reviewImage,
+      modules: [Autoplay],
+      reviewImage: "/images/clients/v3-client/ReviewImage.webp",
       clutchLink: Config.CLUTCH_URL,
       clients: [
         {
diff --git a/nuxt-frontend/components/home-new/ContributionSection.vue b/nuxt-frontend/components/home-new/ContributionSection.vue
index 07429f871..392790d2a 100644
--- a/nuxt-frontend/components/home-new/ContributionSection.vue
+++ b/nuxt-frontend/components/home-new/ContributionSection.vue
@@ -38,16 +38,17 @@
           v-if="contribution.tags.length > 0"
           class="my-6 overflow-hidden overflow-x-scroll scrollbar-hidden"
         >
-          <div class="w-full min-w-[1000px]">
+          <div class="w-full min-w-[1000px] lg:min-w-full flex-wrap flex gap-2">
             <div
-              class="mt-1 inline-flex pr-1"
+              class="mt-1 inline-flex"
               v-for="(tag, index) in contribution.tags"
               :key="index"
             >
-              <div
+              <p
                 class="bg-white-smoke rounded-[1.875rem] py-1 px-4 lg:sub-h1-regular text-black-4"
-                v-html="tag"
-              ></div>
+              >
+                {{ tag }}
+              </p>
             </div>
           </div>
         </div>
@@ -74,7 +75,7 @@
           <div class="flex items-center gap-2">
             <span
               class="h-4 w-4 rounded-full"
-              :class="contribution.color"
+              :style="{ backgroundColor: contribution.color }"
             ></span
             ><span
               class="sub-h3-semibold lg:mobile-header-3-semibold text-black-87"
@@ -87,198 +88,14 @@
   </section>
 </template>
 <script type="module">
-import config from "@/config.js";
+import contributionsJson from "@/json-data/contribution";
 
 export default {
   data() {
     return {
       width: 0,
       websiteOpenSourceUrl: "https://github.com/canopas/canopas-website",
-      contributions: [
-        {
-          title: "compose-intro-showcase",
-          description:
-            "Highlight different features of the app using Jetpack Compose",
-          tags: [
-            `android`,
-            `kotlin`,
-            `material-design`,
-            `kotlin-library`,
-            `showcase`,
-            `android-library`,
-            `android-development`,
-            `jetpack`,
-            `intro`,
-            `feature`,
-            `jetpack-android`,
-            `app-intro`,
-            `jetpack-compose`,
-            `jetpack-compose-tutorial`,
-          ],
-          link: "https://github.com/canopas/compose-intro-showcase",
-          stars: config.INTRO_SHOWCASE_STARS,
-          forks: "32",
-          color: "bg-royal-purple",
-          language: "Kotlin",
-        },
-        {
-          title: "UIPilot",
-          description: "The missing typesafe SwiftUI navigation library",
-          tags: [
-            `macos`,
-            `swift`,
-            `ios`,
-            `router`,
-            `xcode`,
-            `navigation`,
-            `routing`,
-            `ios-ui`,
-            `navigation-view`,
-            `swiftui`,
-            `swift5`,
-          ],
-          link: "https://github.com/canopas/UIPilot",
-          stars: config.UIPILOT_STARS,
-          forks: "25",
-          color: "bg-flamingo",
-          language: "Swift",
-        },
-        {
-          title: "Jetpack Compose animations",
-          description: "Cool animations implemented with Jetpack compose",
-          tags: [],
-          link: "https://github.com/canopas/compose-animations-examples",
-          stars: config.JETPACK_COMPOSE_ANIMATION_STARS,
-          forks: "34",
-          color: "bg-royal-purple",
-          language: "Kotlin",
-        },
-        {
-          title: "Swiftui-animations-examples",
-          description: "Cool animations implemented with SwiftUI.",
-          tags: [],
-          link: "https://github.com/canopas/swiftui-animations-examples",
-          stars: config.SWIFT_UI_ANIMATION_STARS,
-          forks: "3",
-          color: "bg-flamingo",
-          language: "Swift",
-        },
-        {
-          title: "Tailwind Animations Examples",
-          description: "Cool animations implemented with tailwindcss.",
-          tags: [
-            `css`,
-            `vuejs`,
-            `animations`,
-            `animation-css`,
-            `tailwind`,
-            `tailwindcss`,
-            `tailwind-elements`,
-            `tailwind-animations`,
-            `animation-example`,
-            `tailwindcss-animate`,
-            `tailwind-animations-examples`,
-            `animation-examples`,
-          ],
-          link: "https://github.com/canopas/tailwind-animations-examples",
-          stars: config.TAILWIND_ANIMATIONS_STARS,
-          forks: "6",
-          color: "bg-soft-yellow",
-          language: "JavaScript",
-        },
-        {
-          title: "ComposeRecyclerView",
-          description:
-            "Seamlessly integrate Jetpack Compose composables in RecyclerView with ComposeRecyclerView🔥. This library enhances performance⚡, tackles LazyList issues🔨, and offers built-in drag-and-drop👨🏽‍💻 support for dynamic UIs.",
-          tags: [
-            `kotlin`,
-            `android`,
-            `drag-and-drop`,
-            `recyclerview`,
-            `kotlin-library`,
-            `android-library`,
-            `recyclerview-adapter`,
-            `draggable`,
-            `composer-library`,
-            `lazylist`,
-            `jetpack-compose`,
-            `jetpack-compose-tutorial`,
-            `compose-ui`,
-          ],
-          link: "https://github.com/canopas/compose-recyclerview",
-          stars: config.COMPOSE_RECYCLEVIEW_STARS,
-          forks: "7",
-          color: "bg-royal-purple",
-          language: "Kotlin",
-        },
-        {
-          title: "Canopas - Blog",
-          description:
-            "Feature-Rich blogs platform built with strapi and next.js",
-          tags: [
-            `website`,
-            `development`,
-            `web-development`,
-            `web`,
-            `responsive`,
-            `reactjs`,
-            `nextjs`,
-          ],
-          link: "https://github.com/canopas/canopas-blog",
-          stars: config.CANOPAS_BLOG_WEBSITE_STARS,
-          forks: "7",
-          color: "bg-soft-yellow",
-          language: "JavaScript",
-        },
-        {
-          title: "Canopas - website",
-          description:
-            "Responsive website built with Vue.js and vite by following best practices.",
-          tags: [
-            `golang`,
-            `aws`,
-            `website`,
-            `boilerplate`,
-            `development`,
-            `vuejs`,
-            `web-development`,
-          ],
-          link: "https://github.com/canopas/canopas-website",
-          stars: config.CANOPAS_WEBSITE_STARS,
-          forks: "4",
-          color: "bg-sea-green",
-          language: "Vue",
-        },
-        {
-          title: "RichEditorSwiftUI",
-          description:
-            "RichEditorSwiftUI is swift based library, it is made to make rich text editing easy with SwiftUI.",
-          tags: [
-            `editor`,
-            `swift`,
-            `string`,
-            `uikit`,
-            `rich-text-editor`,
-            `richtext`,
-            `swiftui`,
-          ],
-          link: "https://github.com/canopas/rich-editor-swiftui",
-          stars: config.RICHEDITOR_SWIFTUI_STARS,
-          forks: "1",
-          color: "bg-flamingo",
-          language: "Swift",
-        },
-        {
-          title: "RichEditor",
-          description: "Android WYSIWYG Rich editor for Jetpack compose.",
-          tags: [],
-          link: "https://github.com/canopas/rich-editor-compose",
-          stars: config.RICHEDITOR_STARS,
-          forks: "0",
-          color: "bg-royal-purple",
-          language: "Kotlin",
-        },
-      ],
+      contributions: contributionsJson,
     };
   },
   mounted() {
diff --git a/nuxt-frontend/components/home-new/LandingSection.vue b/nuxt-frontend/components/home-new/LandingSection.vue
index 0fdc446a7..591184ecb 100644
--- a/nuxt-frontend/components/home-new/LandingSection.vue
+++ b/nuxt-frontend/components/home-new/LandingSection.vue
@@ -21,6 +21,7 @@
           :src="landing400"
           :srcset="`${landing400} 400w, ${landing800} 800w`"
           alt="landing-view-image"
+          loading="eager"
         />
       </aspect-ratio>
       <div
@@ -61,7 +62,7 @@
             </nuxt-link>
             <nuxt-link
               to="/contact#guarantee"
-              class="lg:hidden sub-h4-regular text-black-60"
+              class="lg:hidden sub-h4-regular text-black-60 border-b border-black-60"
               >100% MONEY BACK GUARANTEE FOR <br />
               TWO WEEKS</nuxt-link
             >
@@ -130,26 +131,20 @@
   </div>
 </template>
 <script>
-import landing400 from "@/assets/images/landing/landing-400w.webp";
-import landing800 from "@/assets/images/landing/landing-800w.webp";
 import client1 from "@/assets/images/landing/client1-100w.webp";
 import client2 from "@/assets/images/landing/client2-100w.webp";
 import client3 from "@/assets/images/landing/client3-100w.webp";
 import client4 from "@/assets/images/landing/client4-100w.webp";
-import background400 from "@/assets/images/landing/bg/background-400w.webp";
-import background800 from "@/assets/images/landing/bg/background-800w.webp";
-import background1200 from "@/assets/images/landing/bg/background-1200w.webp";
-import background2100 from "@/assets/images/landing/bg/background-2100w.webp";
 import AspectRatio from "../utils/AspectRatio.vue";
 export default {
   data() {
     return {
-      landing400,
-      landing800,
-      background400,
-      background800,
-      background1200,
-      background2100,
+      landing400: "/images/landing/landing-400w.webp",
+      landing800: "/images/landing/landing-800w.webp",
+      background400: "/images/landing/bg/background-400w.webp",
+      background800: "/images/landing/bg/background-800w.webp",
+      background1200: "/images/landing/bg/background-1200w.webp",
+      background2100: "/images/landing/bg/background-2100w.webp",
       clients: [
         {
           className: "z-0",
diff --git a/nuxt-frontend/components/home-new/PortfolioCTASection.vue b/nuxt-frontend/components/home-new/PortfolioCTASection.vue
index 095714169..ea9958dc7 100644
--- a/nuxt-frontend/components/home-new/PortfolioCTASection.vue
+++ b/nuxt-frontend/components/home-new/PortfolioCTASection.vue
@@ -1,8 +1,8 @@
 <template>
   <div
-    class="h-[352px] lg:h-[420px] xl:h-[476px] from-[#FF835B] to-[#F2709C] bg-gradient-[174deg] lg:bg-gradient-[180deg] 3xl:outer-container"
+    class="h-[352px] lg:h-[383px] xl:h-[468px] from-[#FF835B] to-[#F2709C] bg-gradient-[174deg] lg:bg-gradient-[180deg] 3xl:outer-container"
   >
-    <div class="container flex flex-col lg:flex-row py-4 lg:py-0">
+    <div class="h-full container flex flex-col lg:flex-row py-4 lg:py-0">
       <div class="hidden lg:block lg:w-full">
         <img
           :src="CTAImage[3]"
@@ -48,15 +48,15 @@
 </template>
 
 <script type="module">
-import cta400 from "@/assets/images/portfolio/new-portfolio/cta-400w.webp";
-import cta800 from "@/assets/images/portfolio/new-portfolio/cta-800w.webp";
-import cta1600 from "@/assets/images/portfolio/new-portfolio/cta-1600w.webp";
-import cta2400 from "@/assets/images/portfolio/new-portfolio/cta-2400w.webp";
-
 export default {
   data() {
     return {
-      CTAImage: [cta400, cta800, cta1600, cta2400],
+      CTAImage: [
+        "/images/portfolio/new-portfolio/cta-400w.webp",
+        "/images/portfolio/new-portfolio/cta-800w.webp",
+        "/images/portfolio/new-portfolio/cta-1600w.webp",
+        "/images/portfolio/new-portfolio/cta-2400w.webp",
+      ],
       reasons: [
         "High-performing mobile apps",
         "Bulletproof cloud solutions",
diff --git a/nuxt-frontend/components/home-new/PortfolioSection.vue b/nuxt-frontend/components/home-new/PortfolioSection.vue
index 0badae20e..5b823ed8b 100755
--- a/nuxt-frontend/components/home-new/PortfolioSection.vue
+++ b/nuxt-frontend/components/home-new/PortfolioSection.vue
@@ -61,6 +61,8 @@
                 portfolio.id == 8 ? 'object-cover' : '',
               ]"
               :alt="portfolio.title + `-image`"
+              height="100"
+              width="100"
               loading="eager"
             />
           </div>
@@ -88,30 +90,6 @@
 </template>
 
 <script type="module">
-import justly_1_400w from "@/assets/images/portfolio/new-portfolio/justly-1-400w.webp";
-import justly_1_800w from "@/assets/images/portfolio/new-portfolio/justly-1-800w.webp";
-
-import tognessMp4 from "@/assets/images/portfolio/new-portfolio/togness.mp4";
-import tognessWebm from "@/assets/images/portfolio/new-portfolio/togness.webm";
-
-import luxeradio_1_400w from "@/assets/images/portfolio/new-portfolio/luxeradio-1-400w.webp";
-import luxeradio_1_800w from "@/assets/images/portfolio/new-portfolio/luxeradio-1-800w.webp";
-
-import luxeradio_2_400w from "@/assets/images/portfolio/new-portfolio/luxeradio-2-400w.webp";
-import luxeradio_2_800w from "@/assets/images/portfolio/new-portfolio/luxeradio-2-800w.webp";
-
-import smileMp4 from "@/assets/images/portfolio/new-portfolio/smile.mp4";
-import smileWebm from "@/assets/images/portfolio/new-portfolio/smile.webm";
-
-import justly_2_400w from "@/assets/images/portfolio/new-portfolio/justly-2-400w.webp";
-import justly_2_800w from "@/assets/images/portfolio/new-portfolio/justly-2-800w.webp";
-
-import togness_1_400w from "@/assets/images/portfolio/new-portfolio/togness-1-400w.webp";
-import togness_1_800w from "@/assets/images/portfolio/new-portfolio/togness-1-800w.webp";
-
-import justly_3_400w from "@/assets/images/portfolio/new-portfolio/justly-3-400w.webp";
-import justly_3_800w from "@/assets/images/portfolio/new-portfolio/justly-3-800w.webp";
-
 import config from "@/config.js";
 import lozad from "lozad";
 
@@ -121,7 +99,10 @@ export default {
       portfolios: [
         {
           id: 1,
-          images: [justly_1_400w, justly_1_800w],
+          images: [
+            "/images/portfolio/new-portfolio/justly-1-400w.webp",
+            "/images/portfolio/new-portfolio/justly-1-800w.webp",
+          ],
           classes: "flex-[40%] bg-[#F6EAD0] lg:rounded-none lg:rounded-tl-xl",
           title: "Justly",
           description:
@@ -131,7 +112,10 @@ export default {
         },
         {
           id: 2,
-          video: [tognessMp4, tognessWebm],
+          video: [
+            "/images/portfolio/new-portfolio/togness.mp4",
+            "/images/portfolio/new-portfolio/togness.webm",
+          ],
           classes: "flex-[40%] bg-[#E1F1FF] lg:rounded-none",
           title: "Togness",
           description:
@@ -141,7 +125,10 @@ export default {
         },
         {
           id: 3,
-          images: [luxeradio_1_400w, luxeradio_1_800w],
+          images: [
+            "/images/portfolio/new-portfolio/luxeradio-1-400w.webp",
+            "/images/portfolio/new-portfolio/luxeradio-1-800w.webp",
+          ],
           classes:
             "flex-[20%] hidden lg:block bg-[#EBB7DB] lg:rounded-none lg:rounded-tr-xl",
           title: "Luxeradio",
@@ -150,7 +137,10 @@ export default {
         },
         {
           id: 4,
-          images: [luxeradio_2_400w, luxeradio_2_800w],
+          images: [
+            "/images/portfolio/new-portfolio/luxeradio-2-400w.webp",
+            "/images/portfolio/new-portfolio/luxeradio-2-800w.webp",
+          ],
           classes: "flex-[50%] bg-[#F1E8F2] lg:rounded-none",
           title: "Luxeradio",
           description:
@@ -160,7 +150,10 @@ export default {
         },
         {
           id: 5,
-          video: [smileMp4, smileWebm],
+          video: [
+            "/images/portfolio/new-portfolio/smile.mp4",
+            "/images/portfolio/new-portfolio/smile.webm",
+          ],
           classes: "flex-[50%] bg-[#FFE9E5] lg:rounded-none",
           title: "Smile+",
           description:
@@ -171,7 +164,10 @@ export default {
         },
         {
           id: 6,
-          images: [justly_2_400w, justly_2_800w],
+          images: [
+            "/images/portfolio/new-portfolio/justly-2-400w.webp",
+            "/images/portfolio/new-portfolio/justly-2-800w.webp",
+          ],
           classes:
             "flex-[25%] hidden lg:block bg-[#CDE3F7] lg:rounded-none lg:rounded-bl-xl",
           title: "Justly",
@@ -180,7 +176,10 @@ export default {
         },
         {
           id: 7,
-          images: [togness_1_400w, togness_1_800w],
+          images: [
+            "/images/portfolio/new-portfolio/togness-1-400w.webp",
+            "/images/portfolio/new-portfolio/togness-1-800w.webp",
+          ],
           classes: "flex-[50%] hidden lg:block bg-[#E6F0D0] lg:rounded-none",
           title: "Togness",
           description:
@@ -190,7 +189,10 @@ export default {
         },
         {
           id: 8,
-          images: [justly_3_400w, justly_3_800w],
+          images: [
+            "/images/portfolio/new-portfolio/justly-3-400w.webp",
+            "/images/portfolio/new-portfolio/justly-3-800w.webp",
+          ],
           classes:
             "flex-[25%] hidden lg:block bg-[#AED2F6] lg:rounded-none lg:rounded-br-xl",
           title: "Justly",
diff --git a/nuxt-frontend/components/home-new/ServiceSectionMobile.vue b/nuxt-frontend/components/home-new/ServiceSectionMobile.vue
index 15b3e8eaa..3ab1475b4 100644
--- a/nuxt-frontend/components/home-new/ServiceSectionMobile.vue
+++ b/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",
         },
       ],
     };
diff --git a/nuxt-frontend/components/partials/NewHeader.vue b/nuxt-frontend/components/partials/NewHeader.vue
index 4ab063768..2cd0de2a2 100755
--- a/nuxt-frontend/components/partials/NewHeader.vue
+++ b/nuxt-frontend/components/partials/NewHeader.vue
@@ -39,14 +39,14 @@
                   "
                   :to="navbar.url"
                   @click.native="$mixpanel.track(navbar.event)"
-                  class="group relative mr-5 inline-block sm:mr-[30px] lg:mr-2 xl:mr-[30px]"
+                  class="flex gap-2 group relative mr-5 sm:mr-[30px] lg:mr-2 xl:mr-[30px]"
                   :class="[
                     isActiveRoute(navbar.name)
                       ? 'router-link-exact-active'
                       : '',
                     navbar.className
                       ? navbar.className
-                      : ' main-menu after:absolute after:bottom-0 after:left-0 after:top-[27px] after:h-[3px] after:w-full  after:origin-bottom-left after:scale-x-0 after:from-[#f2709c] after:to-[#ff9472] after:duration-300 after:bg-gradient-[90deg] hover:from-[#ff9472] hover:to-[#f2709c] hover:bg-clip-text hover:text-transparent hover:bg-gradient-[270.11deg] hover:after:origin-bottom-left hover:after:scale-x-100 ',
+                      : ' main-menu after:absolute after:bottom-0 after:left-0 after:top-[27px] after:h-[3px] after:w-full after:origin-bottom-left after:scale-x-0 after:from-[#f2709c] after:to-[#ff9472] after:duration-300 after:bg-gradient-[90deg] hover:from-[#ff9472] hover:to-[#f2709c] hover:bg-clip-text hover:text-transparent hover:bg-gradient-[270.11deg] hover:after:origin-bottom-left hover:after:scale-x-100 ',
                   ]"
                 >
                   <span
@@ -55,6 +55,37 @@
                     ]"
                     >{{ navbar.name }}</span
                   >
+                  <span
+                    v-if="navbar.subMenus"
+                    class="flex items-center transition ease-in-out duration-500"
+                    :class="showContributionMenu ? 'rotate-180' : ''"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="13"
+                      height="7"
+                      viewBox="0 0 13 7"
+                      fill="none"
+                    >
+                      <path
+                        d="M6.5 6.5L0.5 0.5H12.5L6.5 6.5Z"
+                        fill="url(#paint0_linear_8576_22013)"
+                      />
+                      <defs>
+                        <linearGradient
+                          id="paint0_linear_8576_22013"
+                          x1="13.76"
+                          y1="3.49999"
+                          x2="-1.17743"
+                          y2="6.50015"
+                          gradientUnits="userSpaceOnUse"
+                        >
+                          <stop stop-color="#F2709C" />
+                          <stop offset="1" stop-color="#FF835B" />
+                        </linearGradient>
+                      </defs>
+                    </svg>
+                  </span>
                 </nuxt-link>
 
                 <ul
@@ -124,7 +155,7 @@
             <nuxt-link
               :to="navbar.url == '/contributions' ? '' : navbar.url"
               @click.native="$mixpanel.track(navbar.event)"
-              class="group relative mr-5 inline-block sm:mr-[30px] lg:mr-5"
+              class="flex gap-2 group relative mr-5 w-fit sm:mr-[30px] lg:mr-5 cursor-pointer"
               :class="[
                 isActiveRoute(navbar.name) ? 'router-link-exact-active' : '',
                 navbar.className
@@ -137,8 +168,39 @@
                   : ''
               "
             >
-              {{ navbar.name }}</nuxt-link
-            >
+              <span>{{ navbar.name }}</span>
+              <span
+                v-if="navbar.subMenus"
+                class="flex items-center transition ease-in-out duration-500"
+                :class="showContributionMenu ? 'rotate-180' : ''"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="13"
+                  height="7"
+                  viewBox="0 0 13 7"
+                  fill="none"
+                >
+                  <path
+                    d="M6.5 6.5L0.5 0.5H12.5L6.5 6.5Z"
+                    fill="url(#paint1_linear_8576_22013)"
+                  />
+                  <defs>
+                    <linearGradient
+                      id="paint1_linear_8576_22013"
+                      x1="13.76"
+                      y1="3.49999"
+                      x2="-1.17743"
+                      y2="6.50015"
+                      gradientUnits="userSpaceOnUse"
+                    >
+                      <stop stop-color="#F2709C" />
+                      <stop offset="1" stop-color="#FF835B" />
+                    </linearGradient>
+                  </defs>
+                </svg>
+              </span>
+            </nuxt-link>
             <ul
               :class="
                 showContributionMenu && navbar.name == 'Contribution'
@@ -290,6 +352,10 @@ export default {
         );
       }
 
+      if (name == "Portfolio" && this.$route.path.startsWith("/portfolio")) {
+        return true;
+      }
+
       return false;
     },
   },
diff --git a/nuxt-frontend/components/portfolio/LandingSection.vue b/nuxt-frontend/components/portfolio/LandingSection.vue
index b444b3f04..b046bf72d 100644
--- a/nuxt-frontend/components/portfolio/LandingSection.vue
+++ b/nuxt-frontend/components/portfolio/LandingSection.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="bg-white" :ref="response.landingref1">
-    <div class="container z pb-16 lg:pb-60">
+    <div class="container z pt-16 md:pt-20 lg:pt-56 pb-16 lg:pb-60">
       <h1
         class="sub-h1-semibold lg:sub-h2-medium text-black-60 animate__animated animate__fadeInUp"
       >
diff --git a/nuxt-frontend/components/portfolio/VideoSection.vue b/nuxt-frontend/components/portfolio/VideoSection.vue
index bcd1f2d98..90146b838 100755
--- a/nuxt-frontend/components/portfolio/VideoSection.vue
+++ b/nuxt-frontend/components/portfolio/VideoSection.vue
@@ -1,14 +1,21 @@
 <template>
   <section class="bg-white relative" :ref="response.ref">
-    <div class="relative container">
+    <div class="relative container py-10 lg:py-20">
       <img
         v-if="response.backgroundImage[3]"
         :src="response.backgroundImage[3]"
         :srcset="`${response.backgroundImage[0]} 400w, ${response.backgroundImage[1]} 800w, ${response.backgroundImage[2]} 1200w, ${response.backgroundImage[3]} 1600w`"
-        class="hidden absolute object-cover w-full py-40 lg:block"
+        class="hidden object-cover w-full py-40 lg:block"
         alt="luxeradio-music-background"
       />
-      <div class="flex flex-col justify-between py-16 lg:flex-row lg:py-60">
+      <div
+        class="flex flex-col justify-between lg:flex-row"
+        :class="
+          response.backgroundImage[3]
+            ? 'absolute bottom-0 items-center h-full'
+            : 'py-16 lg:py-60'
+        "
+      >
         <div class="mobile-header-3-semibold lg:desk-header-3 text-black-87">
           {{ response.title }}
         </div>
diff --git a/nuxt-frontend/config.js b/nuxt-frontend/config.js
index fc8a42638..14ae7795a 100644
--- a/nuxt-frontend/config.js
+++ b/nuxt-frontend/config.js
@@ -32,18 +32,18 @@ export default Object.freeze({
   SHOW_DRAFT_POSTS: true,
 
   // github repo stars
-  INTRO_SHOWCASE_STARS: 429,
-  UIPILOT_STARS: 301,
-  JETPACK_COMPOSE_ANIMATION_STARS: 350,
+  INTRO_SHOWCASE_STARS: 441,
+  UIPILOT_STARS: 303,
+  JETPACK_COMPOSE_ANIMATION_STARS: 353,
   COMPOSE_COUNTRY_PICKER_STARS: 52,
   SWIFT_UI_ANIMATION_STARS: 62,
   IOS_DEVELOPER_ROADMAP_STARS: 79,
   TAILWIND_ANIMATIONS_STARS: 114,
-  CANOPAS_WEBSITE_STARS: 27,
+  CANOPAS_WEBSITE_STARS: 28,
   CANOPAS_BLOG_WEBSITE_STARS: 38,
   WEB_DEVELOPMENT_ROADMAP_STARS: 97,
-  COMPOSE_RECYCLEVIEW_STARS: 144,
-  RICHEDITOR_SWIFTUI_STARS: 54,
+  COMPOSE_RECYCLEVIEW_STARS: 153,
+  RICHEDITOR_SWIFTUI_STARS: 56,
   RICHEDITOR_STARS: 62,
 
   // Social media
diff --git a/nuxt-frontend/json-data/contribution.js b/nuxt-frontend/json-data/contribution.js
new file mode 100644
index 000000000..947fc892f
--- /dev/null
+++ b/nuxt-frontend/json-data/contribution.js
@@ -0,0 +1,186 @@
+import config from "@/config.js";
+
+export default [
+  {
+    title: "compose-intro-showcase",
+    description:
+      "Highlight different features of the app using Jetpack Compose",
+    tags: [
+      `android`,
+      `kotlin`,
+      `material-design`,
+      `kotlin-library`,
+      `showcase`,
+      `android-library`,
+      `android-development`,
+      `jetpack`,
+      `intro`,
+      `feature`,
+      `jetpack-android`,
+      `app-intro`,
+      `jetpack-compose`,
+      `jetpack-compose-tutorial`,
+    ],
+    link: "https://github.com/canopas/compose-intro-showcase",
+    stars: config.INTRO_SHOWCASE_STARS,
+    forks: "32",
+    color: "#A97BFF",
+    language: "Kotlin",
+  },
+  {
+    title: "UIPilot",
+    description: "The missing typesafe SwiftUI navigation library",
+    tags: [
+      `macos`,
+      `swift`,
+      `ios`,
+      `router`,
+      `xcode`,
+      `navigation`,
+      `routing`,
+      `ios-ui`,
+      `navigation-view`,
+      `swiftui`,
+      `swift5`,
+    ],
+    link: "https://github.com/canopas/UIPilot",
+    stars: config.UIPILOT_STARS,
+    forks: "25",
+    color: "#F05138",
+    language: "Swift",
+  },
+  {
+    title: "Jetpack Compose animations",
+    description: "Cool animations implemented with Jetpack compose",
+    tags: [],
+    link: "https://github.com/canopas/compose-animations-examples",
+    stars: config.JETPACK_COMPOSE_ANIMATION_STARS,
+    forks: "35",
+    color: "#A97BFF",
+    language: "Kotlin",
+  },
+  {
+    title: "Swiftui-animations-examples",
+    description: "Cool animations implemented with SwiftUI.",
+    tags: [],
+    link: "https://github.com/canopas/swiftui-animations-examples",
+    stars: config.SWIFT_UI_ANIMATION_STARS,
+    forks: "3",
+    color: "#F05138",
+    language: "Swift",
+  },
+  {
+    title: "Tailwind Animations Examples",
+    description: "Cool animations implemented with tailwindcss.",
+    tags: [
+      `css`,
+      `vuejs`,
+      `animations`,
+      `animation-css`,
+      `tailwind`,
+      `tailwindcss`,
+      `tailwind-elements`,
+      `tailwind-animations`,
+      `animation-example`,
+      `tailwindcss-animate`,
+      `tailwind-animations-examples`,
+      `animation-examples`,
+    ],
+    link: "https://github.com/canopas/tailwind-animations-examples",
+    stars: config.TAILWIND_ANIMATIONS_STARS,
+    forks: "6",
+    color: "#F1E05A",
+    language: "JavaScript",
+  },
+  {
+    title: "ComposeRecyclerView",
+    description:
+      "Seamlessly integrate Jetpack Compose composables in RecyclerView with ComposeRecyclerView🔥. This library enhances performance⚡, tackles LazyList issues🔨, and offers built-in drag-and-drop👨🏽‍💻 support for dynamic UIs.",
+    tags: [
+      `kotlin`,
+      `android`,
+      `drag-and-drop`,
+      `recyclerview`,
+      `kotlin-library`,
+      `android-library`,
+      `recyclerview-adapter`,
+      `draggable`,
+      `composer-library`,
+      `lazylist`,
+      `jetpack-compose`,
+      `jetpack-compose-tutorial`,
+      `compose-ui`,
+    ],
+    link: "https://github.com/canopas/compose-recyclerview",
+    stars: config.COMPOSE_RECYCLEVIEW_STARS,
+    forks: "7",
+    color: "#A97BFF",
+    language: "Kotlin",
+  },
+  {
+    title: "Canopas - Blog",
+    description: "Feature-Rich blogs platform built with strapi and next.js",
+    tags: [
+      `website`,
+      `development`,
+      `web-development`,
+      `web`,
+      `responsive`,
+      `reactjs`,
+      `nextjs`,
+    ],
+    link: "https://github.com/canopas/canopas-blog",
+    stars: config.CANOPAS_BLOG_WEBSITE_STARS,
+    forks: "9",
+    color: "#F1E05A",
+    language: "JavaScript",
+  },
+  {
+    title: "Canopas - website",
+    description:
+      "Responsive website built with Vue.js and vite by following best practices.",
+    tags: [
+      `golang`,
+      `aws`,
+      `website`,
+      `boilerplate`,
+      `development`,
+      `vuejs`,
+      `web-development`,
+    ],
+    link: "https://github.com/canopas/canopas-website",
+    stars: config.CANOPAS_WEBSITE_STARS,
+    forks: "4",
+    color: "#41B883",
+    language: "Vue",
+  },
+  {
+    title: "RichEditorSwiftUI",
+    description:
+      "RichEditorSwiftUI is swift based library, it is made to make rich text editing easy with SwiftUI.",
+    tags: [
+      `editor`,
+      `swift`,
+      `string`,
+      `uikit`,
+      `rich-text-editor`,
+      `richtext`,
+      `swiftui`,
+    ],
+    link: "https://github.com/canopas/rich-editor-swiftui",
+    stars: config.RICHEDITOR_SWIFTUI_STARS,
+    forks: "2",
+    color: "#F05138",
+    language: "Swift",
+  },
+  {
+    title: "RichEditor",
+    description: "Android WYSIWYG Rich editor for Jetpack compose.",
+    tags: [],
+    link: "https://github.com/canopas/rich-editor-compose",
+    stars: config.RICHEDITOR_STARS,
+    forks: "0",
+    color: "#A97BFF",
+    language: "Kotlin",
+  },
+];
diff --git a/nuxt-frontend/portfolio-json/justly-data.js b/nuxt-frontend/json-data/justly-portfolio.js
similarity index 100%
rename from nuxt-frontend/portfolio-json/justly-data.js
rename to nuxt-frontend/json-data/justly-portfolio.js
diff --git a/nuxt-frontend/portfolio-json/luxeradio-data.js b/nuxt-frontend/json-data/luxeradio-portfolio.js
similarity index 100%
rename from nuxt-frontend/portfolio-json/luxeradio-data.js
rename to nuxt-frontend/json-data/luxeradio-portfolio.js
diff --git a/nuxt-frontend/portfolio-json/togness-data.js b/nuxt-frontend/json-data/togness-portfolio.js
similarity index 100%
rename from nuxt-frontend/portfolio-json/togness-data.js
rename to nuxt-frontend/json-data/togness-portfolio.js
diff --git a/nuxt-frontend/pages/portfolio/[id].vue b/nuxt-frontend/pages/portfolio/[id].vue
index 1eae2bed3..420880db3 100644
--- a/nuxt-frontend/pages/portfolio/[id].vue
+++ b/nuxt-frontend/pages/portfolio/[id].vue
@@ -25,9 +25,9 @@ import DesignSection from "@/components/portfolio/DesignSection.vue";
 import FooterSection from "@/components/portfolio/FooterSection.vue";
 import NewCTASection from "@/components/portfolio/NewCTASection.vue";
 import ElementSection from "@/components/portfolio/ElementSection.vue";
-import luxeradioResponse from "@/portfolio-json/luxeradio-data.js";
-import justlyResponse from "@/portfolio-json/justly-data.js";
-import tognessResponse from "@/portfolio-json/togness-data.js";
+import luxeradioResponse from "@/json-data/luxeradio-portfolio.js";
+import justlyResponse from "@/json-data/justly-portfolio.js";
+import tognessResponse from "@/json-data/togness-portfolio.js";
 import ErrorPage from "@/error.vue";
 import { elementInViewPort } from "@/utils.js";
 import config from "@/config.js";
diff --git a/nuxt-frontend/public/images/abstract.webp b/nuxt-frontend/public/images/abstract.webp
deleted file mode 100644
index 9fef08f0b..000000000
Binary files a/nuxt-frontend/public/images/abstract.webp and /dev/null differ
diff --git a/nuxt-frontend/public/images/clients/v3-client/ReviewImage.webp b/nuxt-frontend/public/images/clients/v3-client/ReviewImage.webp
new file mode 100755
index 000000000..eb3b713f6
Binary files /dev/null and b/nuxt-frontend/public/images/clients/v3-client/ReviewImage.webp differ
diff --git a/nuxt-frontend/public/images/landing/bg/background-1200w.webp b/nuxt-frontend/public/images/landing/bg/background-1200w.webp
new file mode 100644
index 000000000..cd61e978a
Binary files /dev/null and b/nuxt-frontend/public/images/landing/bg/background-1200w.webp differ
diff --git a/nuxt-frontend/public/images/landing/bg/background-2100w.webp b/nuxt-frontend/public/images/landing/bg/background-2100w.webp
new file mode 100644
index 000000000..19f25656a
Binary files /dev/null and b/nuxt-frontend/public/images/landing/bg/background-2100w.webp differ
diff --git a/nuxt-frontend/public/images/landing/bg/background-400w.webp b/nuxt-frontend/public/images/landing/bg/background-400w.webp
new file mode 100644
index 000000000..7520f36d5
Binary files /dev/null and b/nuxt-frontend/public/images/landing/bg/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/landing/bg/background-800w.webp b/nuxt-frontend/public/images/landing/bg/background-800w.webp
new file mode 100644
index 000000000..43849f77d
Binary files /dev/null and b/nuxt-frontend/public/images/landing/bg/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/landing/client1-100w.webp b/nuxt-frontend/public/images/landing/client1-100w.webp
new file mode 100644
index 000000000..06f248a1b
Binary files /dev/null and b/nuxt-frontend/public/images/landing/client1-100w.webp differ
diff --git a/nuxt-frontend/public/images/landing/client2-100w.webp b/nuxt-frontend/public/images/landing/client2-100w.webp
new file mode 100644
index 000000000..8aeee240d
Binary files /dev/null and b/nuxt-frontend/public/images/landing/client2-100w.webp differ
diff --git a/nuxt-frontend/public/images/landing/client3-100w.webp b/nuxt-frontend/public/images/landing/client3-100w.webp
new file mode 100644
index 000000000..08d13680b
Binary files /dev/null and b/nuxt-frontend/public/images/landing/client3-100w.webp differ
diff --git a/nuxt-frontend/public/images/landing/client4-100w.webp b/nuxt-frontend/public/images/landing/client4-100w.webp
new file mode 100644
index 000000000..51cf93557
Binary files /dev/null and b/nuxt-frontend/public/images/landing/client4-100w.webp differ
diff --git a/nuxt-frontend/public/images/landing/landing-1200w.webp b/nuxt-frontend/public/images/landing/landing-1200w.webp
new file mode 100644
index 000000000..bbabcc04d
Binary files /dev/null and b/nuxt-frontend/public/images/landing/landing-1200w.webp differ
diff --git a/nuxt-frontend/public/images/landing/landing-1600w.webp b/nuxt-frontend/public/images/landing/landing-1600w.webp
new file mode 100644
index 000000000..f7b3c8419
Binary files /dev/null and b/nuxt-frontend/public/images/landing/landing-1600w.webp differ
diff --git a/nuxt-frontend/public/images/landing/landing-2100w.webp b/nuxt-frontend/public/images/landing/landing-2100w.webp
new file mode 100644
index 000000000..1199fdef7
Binary files /dev/null and b/nuxt-frontend/public/images/landing/landing-2100w.webp differ
diff --git a/nuxt-frontend/public/images/landing/landing-400w.webp b/nuxt-frontend/public/images/landing/landing-400w.webp
new file mode 100644
index 000000000..9deaa537a
Binary files /dev/null and b/nuxt-frontend/public/images/landing/landing-400w.webp differ
diff --git a/nuxt-frontend/public/images/landing/landing-800w.webp b/nuxt-frontend/public/images/landing/landing-800w.webp
new file mode 100644
index 000000000..ae33706aa
Binary files /dev/null and b/nuxt-frontend/public/images/landing/landing-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/client-review/circle.gif b/nuxt-frontend/public/images/mobile-app-development/client-review/circle.gif
new file mode 100644
index 000000000..b09d6c477
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/client-review/circle.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/client-review/quote.webp b/nuxt-frontend/public/images/mobile-app-development/client-review/quote.webp
new file mode 100644
index 000000000..27702c377
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/client-review/quote.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/client-review/rating-star.gif b/nuxt-frontend/public/images/mobile-app-development/client-review/rating-star.gif
new file mode 100644
index 000000000..24172a626
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/client-review/rating-star.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-1200w.webp b/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-1200w.webp
new file mode 100644
index 000000000..d17f5cc65
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-1200w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-1600w.webp b/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-1600w.webp
new file mode 100644
index 000000000..53f054f59
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-1600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-2400w.webp b/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-2400w.webp
new file mode 100644
index 000000000..bb35f5a0d
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-800w.webp b/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-800w.webp
new file mode 100644
index 000000000..f5e57590f
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/cta-1/desktop/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/cta-1/mobile/background-400w.webp b/nuxt-frontend/public/images/mobile-app-development/cta-1/mobile/background-400w.webp
new file mode 100644
index 000000000..796327544
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/cta-1/mobile/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/cta-1/mobile/background-800w.webp b/nuxt-frontend/public/images/mobile-app-development/cta-1/mobile/background-800w.webp
new file mode 100644
index 000000000..5bef76ead
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/cta-1/mobile/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/cta-2/cta-image-400w.webp b/nuxt-frontend/public/images/mobile-app-development/cta-2/cta-image-400w.webp
new file mode 100644
index 000000000..4602c2ad7
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/cta-2/cta-image-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/cta-2/cta-image-800w.webp b/nuxt-frontend/public/images/mobile-app-development/cta-2/cta-image-800w.webp
new file mode 100644
index 000000000..c4ea05bfe
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/cta-2/cta-image-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-1.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-1.gif
new file mode 100644
index 000000000..d7df3e8c6
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-1.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-2.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-2.gif
new file mode 100644
index 000000000..6916d088e
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-2.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-3.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-3.gif
new file mode 100644
index 000000000..126cd7050
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-3.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-4.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-4.gif
new file mode 100644
index 000000000..61502f524
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-4.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-5.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-5.gif
new file mode 100644
index 000000000..78d559140
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/desktop/process-5.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/process-1.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/process-1.gif
new file mode 100644
index 000000000..c5b75faa7
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/process-1.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/process-2.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/process-2.gif
new file mode 100644
index 000000000..c9e66a96f
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/process-2.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/process-3.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/process-3.gif
new file mode 100644
index 000000000..b21389cf3
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/process-3.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/process-4.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/process-4.gif
new file mode 100644
index 000000000..84d1afdfa
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/process-4.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/development-process/process-5.gif b/nuxt-frontend/public/images/mobile-app-development/development-process/process-5.gif
new file mode 100644
index 000000000..af184c3ce
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/development-process/process-5.gif differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/landing/card-400w.webp b/nuxt-frontend/public/images/mobile-app-development/landing/card-400w.webp
new file mode 100644
index 000000000..0b60e292a
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/landing/card-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/landing/card-800w.webp b/nuxt-frontend/public/images/mobile-app-development/landing/card-800w.webp
new file mode 100644
index 000000000..baabb03b7
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/landing/card-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/landing/full-img-1200w.webp b/nuxt-frontend/public/images/mobile-app-development/landing/full-img-1200w.webp
new file mode 100644
index 000000000..3ae5bb417
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/landing/full-img-1200w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/landing/full-img-400w.webp b/nuxt-frontend/public/images/mobile-app-development/landing/full-img-400w.webp
new file mode 100644
index 000000000..c3efc07e3
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/landing/full-img-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/landing/full-img-800w.webp b/nuxt-frontend/public/images/mobile-app-development/landing/full-img-800w.webp
new file mode 100644
index 000000000..cc0d3421a
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/landing/full-img-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/landing/mobile-mockup-400w.webp b/nuxt-frontend/public/images/mobile-app-development/landing/mobile-mockup-400w.webp
new file mode 100644
index 000000000..5748a3102
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/landing/mobile-mockup-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/landing/mobile-mockup-800w.webp b/nuxt-frontend/public/images/mobile-app-development/landing/mobile-mockup-800w.webp
new file mode 100644
index 000000000..48499047a
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/landing/mobile-mockup-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-400w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-400w.webp
new file mode 100644
index 000000000..79191433b
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-600w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-600w.webp
new file mode 100644
index 000000000..7880f673d
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-800w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-800w.webp
new file mode 100644
index 000000000..18666f39f
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-logo.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-logo.webp
new file mode 100644
index 000000000..fa3c57bb0
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/justly-logo.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-400w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-400w.webp
new file mode 100644
index 000000000..920e04c02
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-600w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-600w.webp
new file mode 100644
index 000000000..ec6713b5b
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-800w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-800w.webp
new file mode 100644
index 000000000..86b73721d
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-logo.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-logo.webp
new file mode 100644
index 000000000..883462b95
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/luxeradio-logo.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-400w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-400w.webp
new file mode 100644
index 000000000..98cf31661
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-600w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-600w.webp
new file mode 100644
index 000000000..bb0121eaf
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-800w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-800w.webp
new file mode 100644
index 000000000..7c974eac2
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/smile-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-400w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-400w.webp
new file mode 100644
index 000000000..3e015ff6b
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-600w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-600w.webp
new file mode 100644
index 000000000..a1ff73c69
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-800w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-800w.webp
new file mode 100644
index 000000000..37983b1ff
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/desktop/togness-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-400w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-400w.webp
new file mode 100644
index 000000000..3f2fdad41
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-600w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-600w.webp
new file mode 100644
index 000000000..53fb6ed36
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-800w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-800w.webp
new file mode 100644
index 000000000..bdff39e7c
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-logo.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-logo.webp
new file mode 100644
index 000000000..ae922b8a4
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/justly-logo.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-400w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-400w.webp
new file mode 100644
index 000000000..5e292360f
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-600w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-600w.webp
new file mode 100644
index 000000000..0fb6aaeef
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-800w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-800w.webp
new file mode 100644
index 000000000..f05fabb7b
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-logo.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-logo.webp
new file mode 100644
index 000000000..9d351d056
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/luxeradio-logo.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-400w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-400w.webp
new file mode 100644
index 000000000..c37972043
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-600w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-600w.webp
new file mode 100644
index 000000000..562210443
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-800w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-800w.webp
new file mode 100644
index 000000000..ef586d355
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/smile-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-400w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-400w.webp
new file mode 100644
index 000000000..823391c0f
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-400w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-600w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-600w.webp
new file mode 100644
index 000000000..d2cbd6d5c
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-600w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-800w.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-800w.webp
new file mode 100644
index 000000000..fc809d713
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/mobile/togness-800w.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/smile-logo.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/smile-logo.webp
new file mode 100644
index 000000000..38235e98c
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/smile-logo.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/portfolio/togness-logo.webp b/nuxt-frontend/public/images/mobile-app-development/portfolio/togness-logo.webp
new file mode 100644
index 000000000..f78489571
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/portfolio/togness-logo.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/android/android.webp b/nuxt-frontend/public/images/mobile-app-development/services/android/android.webp
new file mode 100644
index 000000000..2eeb2dd37
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/android/android.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/android/androidstudio.webp b/nuxt-frontend/public/images/mobile-app-development/services/android/androidstudio.webp
new file mode 100644
index 000000000..a3965d88c
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/android/androidstudio.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/android/gradle.webp b/nuxt-frontend/public/images/mobile-app-development/services/android/gradle.webp
new file mode 100644
index 000000000..674e2a251
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/android/gradle.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/android/jetpackcompose.webp b/nuxt-frontend/public/images/mobile-app-development/services/android/jetpackcompose.webp
new file mode 100644
index 000000000..6f1022aed
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/android/jetpackcompose.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/android/kotlin.webp b/nuxt-frontend/public/images/mobile-app-development/services/android/kotlin.webp
new file mode 100644
index 000000000..d254b99b4
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/android/kotlin.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/flutter/dart.webp b/nuxt-frontend/public/images/mobile-app-development/services/flutter/dart.webp
new file mode 100644
index 000000000..778c2956d
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/flutter/dart.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/flutter/firebase.webp b/nuxt-frontend/public/images/mobile-app-development/services/flutter/firebase.webp
new file mode 100644
index 000000000..32403a441
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/flutter/firebase.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/flutter/flutter.webp b/nuxt-frontend/public/images/mobile-app-development/services/flutter/flutter.webp
new file mode 100644
index 000000000..d3133ba35
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/flutter/flutter.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/ios/cocoapods.webp b/nuxt-frontend/public/images/mobile-app-development/services/ios/cocoapods.webp
new file mode 100644
index 000000000..8bd28ce74
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/ios/cocoapods.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/ios/iOS.webp b/nuxt-frontend/public/images/mobile-app-development/services/ios/iOS.webp
new file mode 100644
index 000000000..9c7b5b6ac
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/ios/iOS.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/ios/swift.webp b/nuxt-frontend/public/images/mobile-app-development/services/ios/swift.webp
new file mode 100644
index 000000000..4ec43cc6c
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/ios/swift.webp differ
diff --git a/nuxt-frontend/public/images/mobile-app-development/services/ios/xcode.webp b/nuxt-frontend/public/images/mobile-app-development/services/ios/xcode.webp
new file mode 100644
index 000000000..1f5d5b74b
Binary files /dev/null and b/nuxt-frontend/public/images/mobile-app-development/services/ios/xcode.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/app_store.webp b/nuxt-frontend/public/images/portfolio/app_store.webp
new file mode 100644
index 000000000..83fabe591
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/app_store.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/background-400w.webp b/nuxt-frontend/public/images/portfolio/background-400w.webp
new file mode 100644
index 000000000..a2110e3e5
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/background-800w.webp b/nuxt-frontend/public/images/portfolio/background-800w.webp
new file mode 100644
index 000000000..963e0468a
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly-1200w.webp b/nuxt-frontend/public/images/portfolio/justly-1200w.webp
new file mode 100644
index 000000000..8ba5614be
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly-1600w.webp b/nuxt-frontend/public/images/portfolio/justly-1600w.webp
new file mode 100644
index 000000000..a9d06dbbc
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly-400w.webp b/nuxt-frontend/public/images/portfolio/justly-400w.webp
new file mode 100644
index 000000000..96309691c
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly-800w.webp b/nuxt-frontend/public/images/portfolio/justly-800w.webp
new file mode 100644
index 000000000..a039dee41
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/background-1400w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/background-1400w.webp
new file mode 100644
index 000000000..4c714635e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/background-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/background-2400w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/background-2400w.webp
new file mode 100644
index 000000000..ac2d65440
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/background-400w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/background-400w.webp
new file mode 100644
index 000000000..6fc7f0e6a
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/background-800w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/background-800w.webp
new file mode 100644
index 000000000..389513854
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-1200w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-1200w.webp
new file mode 100644
index 000000000..1fabc5f8c
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-400w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-400w.webp
new file mode 100644
index 000000000..c8f589547
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-800w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-800w.webp
new file mode 100644
index 000000000..88aea64ea
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-1200w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-1200w.webp
new file mode 100644
index 000000000..6f45cee0b
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-400w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-400w.webp
new file mode 100644
index 000000000..47d2dd83e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-800w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-800w.webp
new file mode 100644
index 000000000..9bb83aa20
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-1200w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-1200w.webp
new file mode 100644
index 000000000..1cbb5a9b8
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-400w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-400w.webp
new file mode 100644
index 000000000..e6f20384f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-800w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-800w.webp
new file mode 100644
index 000000000..f3176a2ac
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_3-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-1200w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-1200w.webp
new file mode 100644
index 000000000..ff2c9aa19
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-400w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-400w.webp
new file mode 100644
index 000000000..27caf4306
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-800w.webp b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-800w.webp
new file mode 100644
index 000000000..4c3ac944d
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/branding/justly_branding_4-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/design/design-1400w.webp b/nuxt-frontend/public/images/portfolio/justly/design/design-1400w.webp
new file mode 100644
index 000000000..482d27c39
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/design/design-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/design/design-2400w.webp b/nuxt-frontend/public/images/portfolio/justly/design/design-2400w.webp
new file mode 100644
index 000000000..8b6563b8b
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/design/design-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/design/design-400w.webp b/nuxt-frontend/public/images/portfolio/justly/design/design-400w.webp
new file mode 100644
index 000000000..6024b27b1
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/design/design-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/design/design-800w.webp b/nuxt-frontend/public/images/portfolio/justly/design/design-800w.webp
new file mode 100644
index 000000000..d23e0b027
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/design/design-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature1-1200w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature1-1200w.webp
new file mode 100644
index 000000000..d0071bf6d
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature1-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature1-400w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature1-400w.webp
new file mode 100644
index 000000000..4585ca3b5
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature1-800w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature1-800w.webp
new file mode 100644
index 000000000..e767ede11
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature2-1200w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature2-1200w.webp
new file mode 100644
index 000000000..493e58340
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature2-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature2-400w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature2-400w.webp
new file mode 100644
index 000000000..81dfaa11a
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature2-800w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature2-800w.webp
new file mode 100644
index 000000000..bcbc354e9
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature3-1200w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature3-1200w.webp
new file mode 100644
index 000000000..acb9264b7
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature3-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature3-400w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature3-400w.webp
new file mode 100644
index 000000000..087d8cd76
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature3-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature3-800w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature3-800w.webp
new file mode 100644
index 000000000..a25bc2d59
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature3-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature4-1200w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature4-1200w.webp
new file mode 100644
index 000000000..384aee0dc
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature4-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature4-400w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature4-400w.webp
new file mode 100644
index 000000000..86a85903b
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature4-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/features/feature4-800w.webp b/nuxt-frontend/public/images/portfolio/justly/features/feature4-800w.webp
new file mode 100644
index 000000000..6dba4a696
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/features/feature4-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/footer/background-1400w.webp b/nuxt-frontend/public/images/portfolio/justly/footer/background-1400w.webp
new file mode 100644
index 000000000..4421f900c
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/footer/background-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/footer/background-2400w.webp b/nuxt-frontend/public/images/portfolio/justly/footer/background-2400w.webp
new file mode 100644
index 000000000..2073e3251
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/footer/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/footer/background-400w.webp b/nuxt-frontend/public/images/portfolio/justly/footer/background-400w.webp
new file mode 100644
index 000000000..b0812a823
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/footer/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/footer/background-800w.webp b/nuxt-frontend/public/images/portfolio/justly/footer/background-800w.webp
new file mode 100644
index 000000000..b19243c61
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/footer/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/landing/background-1400w.webp b/nuxt-frontend/public/images/portfolio/justly/landing/background-1400w.webp
new file mode 100644
index 000000000..ed131a3a7
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/landing/background-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/landing/background-2400w.webp b/nuxt-frontend/public/images/portfolio/justly/landing/background-2400w.webp
new file mode 100644
index 000000000..ebf0b877e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/landing/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/landing/background-400w.webp b/nuxt-frontend/public/images/portfolio/justly/landing/background-400w.webp
new file mode 100644
index 000000000..5449f1e63
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/landing/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/justly/landing/background-800w.webp b/nuxt-frontend/public/images/portfolio/justly/landing/background-800w.webp
new file mode 100644
index 000000000..624eb1599
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/justly/landing/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio-1200w.webp
new file mode 100644
index 000000000..314144025
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio-1600w.webp
new file mode 100644
index 000000000..8bc0e0388
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio-400w.webp
new file mode 100644
index 000000000..d11f5094f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio-800w.webp
new file mode 100644
index 000000000..8aa2960aa
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-1400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-1400w.webp
new file mode 100644
index 000000000..ccddb305c
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-2400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-2400w.webp
new file mode 100644
index 000000000..ad59995e0
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-400w.webp
new file mode 100644
index 000000000..7ef15f6f3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-800w.webp
new file mode 100644
index 000000000..969f6a350
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-1200w.webp
new file mode 100644
index 000000000..f04a4dd27
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-1600w.webp
new file mode 100644
index 000000000..b6d371fc8
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-400w.webp
new file mode 100644
index 000000000..a4572ccc5
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-800w.webp
new file mode 100644
index 000000000..0afe921b1
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-1200w.webp
new file mode 100644
index 000000000..19bbd4779
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-1600w.webp
new file mode 100644
index 000000000..d97b56847
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-400w.webp
new file mode 100644
index 000000000..edf5d08c9
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-800w.webp
new file mode 100644
index 000000000..d0dc0e516
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-1200w.webp
new file mode 100644
index 000000000..55b697499
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-1600w.webp
new file mode 100644
index 000000000..f832c57fd
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-400w.webp
new file mode 100644
index 000000000..ac373c3c3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-800w.webp
new file mode 100644
index 000000000..520c5eb99
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_3-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-1200w.webp
new file mode 100644
index 000000000..1959f3c84
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-1600w.webp
new file mode 100644
index 000000000..46b2015cb
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-400w.webp
new file mode 100644
index 000000000..2567bdf8e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-800w.webp
new file mode 100644
index 000000000..c8e7e5f45
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_5-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_video.mp4 b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_video.mp4
new file mode 100644
index 000000000..630778c92
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/branding/luxeradio_branding_video.mp4 differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-1400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-1400w.webp
new file mode 100644
index 000000000..4a9dce50f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-2400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-2400w.webp
new file mode 100644
index 000000000..5f5e1b09e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-400w.webp
new file mode 100644
index 000000000..b019a119e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-800w.webp
new file mode 100644
index 000000000..7fcfe5e28
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-1400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-1400w.webp
new file mode 100644
index 000000000..546fd1c24
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-2400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-2400w.webp
new file mode 100644
index 000000000..5f929fc69
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-400w.webp
new file mode 100644
index 000000000..f62b0a917
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-800w.webp
new file mode 100644
index 000000000..95837ea2f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/design/luxeradio_design_2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-1200w.webp
new file mode 100644
index 000000000..18b3e810b
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-1600w.webp
new file mode 100644
index 000000000..63a6ac5ee
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-400w.webp
new file mode 100644
index 000000000..01e4713de
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-800w.webp
new file mode 100644
index 000000000..c3679acb3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-1200w.webp
new file mode 100644
index 000000000..47f386b3d
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-1600w.webp
new file mode 100644
index 000000000..239093c3c
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-400w.webp
new file mode 100644
index 000000000..ba8e6c667
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-800w.webp
new file mode 100644
index 000000000..f93a1d8df
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-1200w.webp
new file mode 100644
index 000000000..33b3b020a
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-1600w.webp
new file mode 100644
index 000000000..0781ff468
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-400w.webp
new file mode 100644
index 000000000..bdaabec41
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-800w.webp
new file mode 100644
index 000000000..aa6c73fbc
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_3-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_video.mp4 b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_video.mp4
new file mode 100644
index 000000000..64aca4084
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/element/luxeradio_element_video.mp4 differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-1400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-1400w.webp
new file mode 100644
index 000000000..09ed130e6
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-2400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-2400w.webp
new file mode 100644
index 000000000..edf6c7734
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-400w.webp
new file mode 100644
index 000000000..caafde266
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-800w.webp
new file mode 100644
index 000000000..203cbd95a
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/footer/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-1400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-1400w.webp
new file mode 100644
index 000000000..731b0a043
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-1400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-2400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-2400w.webp
new file mode 100644
index 000000000..cf944a3a2
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-400w.webp
new file mode 100644
index 000000000..07d8a56fb
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-800w.webp
new file mode 100644
index 000000000..22f47a66d
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/landing/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/video/background-1200w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/video/background-1200w.webp
new file mode 100644
index 000000000..12aab511e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/video/background-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/video/background-1600w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/video/background-1600w.webp
new file mode 100644
index 000000000..47d878383
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/video/background-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/video/background-400w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/video/background-400w.webp
new file mode 100644
index 000000000..9b8a9ffa1
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/video/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/luxeradio/video/background-800w.webp b/nuxt-frontend/public/images/portfolio/luxeradio/video/background-800w.webp
new file mode 100644
index 000000000..71e54f92a
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/luxeradio/video/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/cta-1600w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/cta-1600w.webp
new file mode 100644
index 000000000..991a31dca
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/cta-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/cta-2400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/cta-2400w.webp
new file mode 100644
index 000000000..4348e6d37
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/cta-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/cta-400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/cta-400w.webp
new file mode 100644
index 000000000..f2f4af784
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/cta-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/cta-800w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/cta-800w.webp
new file mode 100644
index 000000000..14ddcc915
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/cta-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-1600w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-1600w.webp
new file mode 100644
index 000000000..b83c6d89f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-400w.webp
new file mode 100644
index 000000000..e4e62049b
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-800w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-800w.webp
new file mode 100644
index 000000000..ec686d673
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-1600w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-1600w.webp
new file mode 100644
index 000000000..a8098cd53
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-400w.webp
new file mode 100644
index 000000000..d6cdbbcb3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-800w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-800w.webp
new file mode 100644
index 000000000..d14d5a44f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/justly-3-400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-3-400w.webp
new file mode 100644
index 000000000..ed69b6ce5
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-3-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/justly-3-800w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-3-800w.webp
new file mode 100644
index 000000000..0a28d584f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/justly-3-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-1600w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-1600w.webp
new file mode 100644
index 000000000..43a1cb3a3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-400w.webp
new file mode 100644
index 000000000..3496927c5
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-800w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-800w.webp
new file mode 100644
index 000000000..e4e3814fe
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-2-400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-2-400w.webp
new file mode 100644
index 000000000..8a73946df
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-2-800w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-2-800w.webp
new file mode 100644
index 000000000..84b9339eb
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/luxeradio-2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/new-cta-400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/new-cta-400w.webp
new file mode 100644
index 000000000..b638d2aea
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/new-cta-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/new-cta-800w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/new-cta-800w.webp
new file mode 100644
index 000000000..fd4075bb0
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/new-cta-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/smile.mp4 b/nuxt-frontend/public/images/portfolio/new-portfolio/smile.mp4
new file mode 100644
index 000000000..ca95ef8b1
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/smile.mp4 differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/smile.webm b/nuxt-frontend/public/images/portfolio/new-portfolio/smile.webm
new file mode 100644
index 000000000..ddd00dad3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/smile.webm differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/togness-1-400w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/togness-1-400w.webp
new file mode 100644
index 000000000..f4b8d70a9
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/togness-1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/togness-1-800w.webp b/nuxt-frontend/public/images/portfolio/new-portfolio/togness-1-800w.webp
new file mode 100644
index 000000000..4134a7d22
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/togness-1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/togness.mp4 b/nuxt-frontend/public/images/portfolio/new-portfolio/togness.mp4
new file mode 100644
index 000000000..fa3674424
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/togness.mp4 differ
diff --git a/nuxt-frontend/public/images/portfolio/new-portfolio/togness.webm b/nuxt-frontend/public/images/portfolio/new-portfolio/togness.webm
new file mode 100644
index 000000000..88e2168e1
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/new-portfolio/togness.webm differ
diff --git a/nuxt-frontend/public/images/portfolio/play_store.webp b/nuxt-frontend/public/images/portfolio/play_store.webp
new file mode 100644
index 000000000..7b0c2f91a
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/play_store.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/smilep-1200w.webp b/nuxt-frontend/public/images/portfolio/smilep-1200w.webp
new file mode 100644
index 000000000..f7ef82b7e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/smilep-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/smilep-1600w.webp b/nuxt-frontend/public/images/portfolio/smilep-1600w.webp
new file mode 100644
index 000000000..10955b977
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/smilep-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/smilep-400w.webp b/nuxt-frontend/public/images/portfolio/smilep-400w.webp
new file mode 100644
index 000000000..ec5a015fd
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/smilep-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/smilep-800w.webp b/nuxt-frontend/public/images/portfolio/smilep-800w.webp
new file mode 100644
index 000000000..1e293e05b
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/smilep-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness-1200w.webp b/nuxt-frontend/public/images/portfolio/togness-1200w.webp
new file mode 100644
index 000000000..210c01f4e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness-1600w.webp b/nuxt-frontend/public/images/portfolio/togness-1600w.webp
new file mode 100644
index 000000000..b54f8e6e0
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness-400w.webp b/nuxt-frontend/public/images/portfolio/togness-400w.webp
new file mode 100644
index 000000000..ab2d3635e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness-800w.webp b/nuxt-frontend/public/images/portfolio/togness-800w.webp
new file mode 100644
index 000000000..771747ce8
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/draft_story_video.mp4 b/nuxt-frontend/public/images/portfolio/togness/branding/draft_story_video.mp4
new file mode 100644
index 000000000..f47276129
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/draft_story_video.mp4 differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-1200w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-1200w.webp
new file mode 100644
index 000000000..b6a2c8fe6
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-1600w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-1600w.webp
new file mode 100644
index 000000000..64aab744f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-400w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-400w.webp
new file mode 100644
index 000000000..33740833c
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-800w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-800w.webp
new file mode 100644
index 000000000..76adce088
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-1200w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-1200w.webp
new file mode 100644
index 000000000..90aff8c51
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-1600w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-1600w.webp
new file mode 100644
index 000000000..056596145
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-400w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-400w.webp
new file mode 100644
index 000000000..3464d5e09
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-800w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-800w.webp
new file mode 100644
index 000000000..53e0d5e19
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-1200w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-1200w.webp
new file mode 100644
index 000000000..5475f2df4
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-1600w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-1600w.webp
new file mode 100644
index 000000000..2fa9be63f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-400w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-400w.webp
new file mode 100644
index 000000000..3c938f521
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-800w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-800w.webp
new file mode 100644
index 000000000..d0538622b
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_3-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-1200w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-1200w.webp
new file mode 100644
index 000000000..6df4702d3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-1600w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-1600w.webp
new file mode 100644
index 000000000..85f89c625
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-400w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-400w.webp
new file mode 100644
index 000000000..2f44f2a3f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-800w.webp b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-800w.webp
new file mode 100644
index 000000000..eafcc6973
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/branding/togness_branding_4-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/design/background-1600w.webp b/nuxt-frontend/public/images/portfolio/togness/design/background-1600w.webp
new file mode 100644
index 000000000..670139e66
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/design/background-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/design/background-2400w.webp b/nuxt-frontend/public/images/portfolio/togness/design/background-2400w.webp
new file mode 100644
index 000000000..3e50d126b
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/design/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/design/background-400w.webp b/nuxt-frontend/public/images/portfolio/togness/design/background-400w.webp
new file mode 100644
index 000000000..d065ab47f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/design/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/design/background-800w.webp b/nuxt-frontend/public/images/portfolio/togness/design/background-800w.webp
new file mode 100644
index 000000000..06c04a425
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/design/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-1200w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-1200w.webp
new file mode 100644
index 000000000..995d19384
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-2400w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-2400w.webp
new file mode 100644
index 000000000..28ca37e09
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-400w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-400w.webp
new file mode 100644
index 000000000..88da6382f
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-800w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-800w.webp
new file mode 100644
index 000000000..4e0dc18da
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_1-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-1200w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-1200w.webp
new file mode 100644
index 000000000..8ffff63a1
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-2400w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-2400w.webp
new file mode 100644
index 000000000..9366fe811
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-400w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-400w.webp
new file mode 100644
index 000000000..fc99a56d3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-800w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-800w.webp
new file mode 100644
index 000000000..c065e0b8d
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_2-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-1200w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-1200w.webp
new file mode 100644
index 000000000..3194098b3
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-1200w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-2400w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-2400w.webp
new file mode 100644
index 000000000..7ec63465c
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-400w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-400w.webp
new file mode 100644
index 000000000..075d01847
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-800w.webp b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-800w.webp
new file mode 100644
index 000000000..e44d4942e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/element/togness_element_3-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/footer/background-1600w.webp b/nuxt-frontend/public/images/portfolio/togness/footer/background-1600w.webp
new file mode 100644
index 000000000..59ef32f6e
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/footer/background-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/footer/background-2400w.webp b/nuxt-frontend/public/images/portfolio/togness/footer/background-2400w.webp
new file mode 100644
index 000000000..2c40c1f22
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/footer/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/footer/background-400w.webp b/nuxt-frontend/public/images/portfolio/togness/footer/background-400w.webp
new file mode 100644
index 000000000..b149db2b8
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/footer/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/footer/background-800w.webp b/nuxt-frontend/public/images/portfolio/togness/footer/background-800w.webp
new file mode 100644
index 000000000..2faa07539
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/footer/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/landing/background-1600w.webp b/nuxt-frontend/public/images/portfolio/togness/landing/background-1600w.webp
new file mode 100644
index 000000000..8eec4a241
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/landing/background-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/landing/background-2400w.webp b/nuxt-frontend/public/images/portfolio/togness/landing/background-2400w.webp
new file mode 100644
index 000000000..b51a4e5a2
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/landing/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/landing/background-400w.webp b/nuxt-frontend/public/images/portfolio/togness/landing/background-400w.webp
new file mode 100644
index 000000000..af95e74ed
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/landing/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/landing/background-800w.webp b/nuxt-frontend/public/images/portfolio/togness/landing/background-800w.webp
new file mode 100644
index 000000000..b62275349
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/landing/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/video/background-1600w.webp b/nuxt-frontend/public/images/portfolio/togness/video/background-1600w.webp
new file mode 100644
index 000000000..4175396d7
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/video/background-1600w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/video/background-2400w.webp b/nuxt-frontend/public/images/portfolio/togness/video/background-2400w.webp
new file mode 100644
index 000000000..855e3e7b2
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/video/background-2400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/video/background-400w.webp b/nuxt-frontend/public/images/portfolio/togness/video/background-400w.webp
new file mode 100644
index 000000000..cd201cc5a
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/video/background-400w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/video/background-800w.webp b/nuxt-frontend/public/images/portfolio/togness/video/background-800w.webp
new file mode 100644
index 000000000..6e602d1f4
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/video/background-800w.webp differ
diff --git a/nuxt-frontend/public/images/portfolio/togness/video/background_video.mp4 b/nuxt-frontend/public/images/portfolio/togness/video/background_video.mp4
new file mode 100644
index 000000000..7da0ca64d
Binary files /dev/null and b/nuxt-frontend/public/images/portfolio/togness/video/background_video.mp4 differ
diff --git a/nuxt-frontend/public/images/why/why-canopas-bg.svg b/nuxt-frontend/public/images/why/why-canopas-bg.svg
new file mode 100644
index 000000000..0d4fb42e3
--- /dev/null
+++ b/nuxt-frontend/public/images/why/why-canopas-bg.svg
@@ -0,0 +1,10 @@
+<svg width="1290" height="666" viewBox="0 0 1290 666" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="1283" cy="528" r="7" fill="#FF9472"/>
+<circle cx="249.5" cy="486.5" r="4.5" fill="#F797A5"/>
+<circle cx="4.5" cy="39.5" r="4.5" fill="#F797A5"/>
+<circle cx="1251" cy="234" r="8" fill="#3D3D3D"/>
+<circle cx="56" cy="416" r="7" fill="#F37299"/>
+<circle cx="107.5" cy="145.5" r="3.5" fill="#FF9472"/>
+<circle cx="1153.5" cy="3.5" r="3.5" fill="#FF9472"/>
+<circle cx="1186" cy="661" r="5" fill="#F2709C"/>
+</svg>
diff --git a/nuxt-frontend/public/images/why/why-canopas-circle.webp b/nuxt-frontend/public/images/why/why-canopas-circle.webp
new file mode 100644
index 000000000..d52e2c9fc
Binary files /dev/null and b/nuxt-frontend/public/images/why/why-canopas-circle.webp differ
diff --git a/nuxt-frontend/public/images/why/why-canopas-dot-1.svg b/nuxt-frontend/public/images/why/why-canopas-dot-1.svg
new file mode 100644
index 000000000..25db4be51
--- /dev/null
+++ b/nuxt-frontend/public/images/why/why-canopas-dot-1.svg
@@ -0,0 +1,18 @@
+<svg width="35" height="33" viewBox="0 0 35 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_444_707)">
+<circle cx="12" cy="12" r="12" fill="#FF9472"/>
+</g>
+<defs>
+<filter id="filter0_d_444_707" x="0" y="0" width="35" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="6" operator="erode" in="SourceAlpha" result="effect1_dropShadow_444_707"/>
+<feOffset dx="8" dy="6"/>
+<feGaussianBlur stdDeviation="4.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.580392 0 0 0 0 0.447059 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_444_707"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_444_707" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/nuxt-frontend/public/images/why/why-canopas-dot-2.svg b/nuxt-frontend/public/images/why/why-canopas-dot-2.svg
new file mode 100644
index 000000000..1cd5edff5
--- /dev/null
+++ b/nuxt-frontend/public/images/why/why-canopas-dot-2.svg
@@ -0,0 +1,18 @@
+<svg width="35" height="33" viewBox="0 0 35 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_446_675)">
+<circle cx="12" cy="12" r="12" fill="#F2709C"/>
+</g>
+<defs>
+<filter id="filter0_d_446_675" x="0" y="0" width="35" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="6" operator="erode" in="SourceAlpha" result="effect1_dropShadow_446_675"/>
+<feOffset dx="8" dy="6"/>
+<feGaussianBlur stdDeviation="4.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.94902 0 0 0 0 0.439216 0 0 0 0 0.611765 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_446_675"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_446_675" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/nuxt-frontend/public/images/why/why-canopas-dot-3.svg b/nuxt-frontend/public/images/why/why-canopas-dot-3.svg
new file mode 100644
index 000000000..acfbe71ad
--- /dev/null
+++ b/nuxt-frontend/public/images/why/why-canopas-dot-3.svg
@@ -0,0 +1,18 @@
+<svg width="35" height="33" viewBox="0 0 35 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_446_676)">
+<circle cx="12" cy="12" r="12" fill="#F98386"/>
+</g>
+<defs>
+<filter id="filter0_d_446_676" x="0" y="0" width="35" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="6" operator="erode" in="SourceAlpha" result="effect1_dropShadow_446_676"/>
+<feOffset dx="8" dy="6"/>
+<feGaussianBlur stdDeviation="4.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.976471 0 0 0 0 0.513726 0 0 0 0 0.52549 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_446_676"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_446_676" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/nuxt-frontend/public/images/why/why-canopas-mobile-1.webp b/nuxt-frontend/public/images/why/why-canopas-mobile-1.webp
new file mode 100755
index 000000000..dd3955593
Binary files /dev/null and b/nuxt-frontend/public/images/why/why-canopas-mobile-1.webp differ
diff --git a/nuxt-frontend/public/images/why/why-canopas-mobile-2.webp b/nuxt-frontend/public/images/why/why-canopas-mobile-2.webp
new file mode 100644
index 000000000..3c1b4d94d
Binary files /dev/null and b/nuxt-frontend/public/images/why/why-canopas-mobile-2.webp differ
diff --git a/nuxt-frontend/public/images/why/why-canopas-mobile-3.webp b/nuxt-frontend/public/images/why/why-canopas-mobile-3.webp
new file mode 100755
index 000000000..b1f1d452f
Binary files /dev/null and b/nuxt-frontend/public/images/why/why-canopas-mobile-3.webp differ
diff --git a/nuxt-frontend/public/images/why/why-canopas-mobile-4.webp b/nuxt-frontend/public/images/why/why-canopas-mobile-4.webp
new file mode 100644
index 000000000..b6611d495
Binary files /dev/null and b/nuxt-frontend/public/images/why/why-canopas-mobile-4.webp differ
diff --git a/nuxt-frontend/public/images/why/why-canopas-mobile-5.webp b/nuxt-frontend/public/images/why/why-canopas-mobile-5.webp
new file mode 100644
index 000000000..2b66f4533
Binary files /dev/null and b/nuxt-frontend/public/images/why/why-canopas-mobile-5.webp differ
diff --git a/nuxt-frontend/public/images/why/why-canopas-mobile-bg.svg b/nuxt-frontend/public/images/why/why-canopas-mobile-bg.svg
new file mode 100644
index 000000000..3e350b463
--- /dev/null
+++ b/nuxt-frontend/public/images/why/why-canopas-mobile-bg.svg
@@ -0,0 +1,10 @@
+<svg width="381" height="1141" viewBox="0 0 381 1141" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="27.5" cy="23.5" r="4.5" transform="rotate(-90 27.5 23.5)" fill="#F797A5"/>
+<circle cx="350.5" cy="3.5" r="3.5" transform="rotate(-90 350.5 3.5)" fill="#FF9472"/>
+<circle cx="16" cy="299" r="3" transform="rotate(-90 16 299)" fill="#F37299"/>
+<circle cx="331.5" cy="288.5" r="3.5" transform="rotate(-90 331.5 288.5)" fill="#FF9472"/>
+<circle cx="376.5" cy="631.5" r="4.5" transform="rotate(-90 376.5 631.5)" fill="#F797A5"/>
+<circle cx="37" cy="776" r="4" transform="rotate(-90 37 776)" fill="#3D3D3D"/>
+<circle cx="5" cy="1136" r="5" transform="rotate(-90 5 1136)" fill="#F2709C"/>
+<circle cx="342" cy="1119" r="3" transform="rotate(-90 342 1119)" fill="#FF9472"/>
+</svg>
diff --git a/post/models.go b/post/models.go
index 94b46b32a..f96c5426a 100644
--- a/post/models.go
+++ b/post/models.go
@@ -11,7 +11,7 @@ type Repository struct {
 
 type Post struct {
 	Id               int               `json:"id"`
-	Title            string            `json:"title"`
+	Title            null.String       `json:"title"`
 	Content          null.String       `json:"content,omitempty"`
 	Slug             string            `json:"slug"`
 	PublishedOn      null.String       `json:"published_on,omitempty"`
@@ -110,7 +110,7 @@ type Cta struct {
 
 type RecommendedPost struct {
 	Id              int         `json:"id"`
-	Title           string      `json:"title"`
+	Title           null.String `json:"title"`
 	Content         null.String `json:"content"`
 	Slug            string      `json:"slug"`
 	PublishedOn     null.String `json:"published_on"`
diff --git a/post/tag.go b/post/tag.go
index ef9f9caf9..a65a09e74 100644
--- a/post/tag.go
+++ b/post/tag.go
@@ -31,8 +31,9 @@ func (repository *Repository) GetPostsByTag(c *gin.Context) {
 
 	posts := []Post{}
 	err = repository.Db.Select(&posts, `SELECT id, title, slug, tags as tag, is_featured, is_published, published_on, published_at, reading_time, summary 
-										FROM posts
-										WHERE `+query+` tags @> $1`, `[{"slug": "`+slug+`"}]`)
+										FROM posts 
+										WHERE `+query+` tags @> $1 
+										ORDER BY published_on DESC`, `[{"slug": "`+slug+`"}]`)
 	if err != nil {
 		log.Error("Error while fetching posts: ", err)
 		c.AbortWithStatus(http.StatusInternalServerError)