diff --git a/client-app/pages/home.vue b/client-app/pages/home.vue
index 5f9be7327..390e8e651 100644
--- a/client-app/pages/home.vue
+++ b/client-app/pages/home.vue
@@ -9,45 +9,53 @@
         </div>
         <div class="mx-auto mt-24 flex flex-wrap justify-between">
           <div class="mb-24 w-full md:mb-0 md:mt-44 md:w-1/2 lg:w-1/4">
-            <VcImage
-              src="hexa-1.webp"
-              :alt="$t('pages.home.feature_descriptions_block.feature_1')"
-              class="mx-auto w-full"
-              lazy
-            />
+            <div class="flex justify-center">
+              <VcCompositeShape
+                icon="outline-case"
+                img="sign-in.jpg"
+                :alt="$t('pages.home.feature_descriptions_block.feature_1')"
+              />
+            </div>
+
             <div class="mt-5 px-8 text-center text-2xl font-bold md:text-xl">
               {{ $t("pages.home.feature_descriptions_block.feature_1") }}
             </div>
           </div>
           <div class="mb-24 w-full md:mb-0 md:w-1/2 lg:w-1/4">
-            <VcImage
-              src="hexa-2.webp"
-              :alt="$t('pages.home.feature_descriptions_block.feature_2')"
-              class="mx-auto w-full"
-              lazy
-            />
+            <div class="flex justify-center">
+              <VcCompositeShape
+                icon="outline-payments"
+                img="boxes.jpg"
+                :alt="$t('pages.home.feature_descriptions_block.feature_1')"
+              />
+            </div>
+
             <div class="mt-5 px-8 text-center text-2xl font-bold md:text-xl">
               {{ $t("pages.home.feature_descriptions_block.feature_2") }}
             </div>
           </div>
           <div class="mb-24 w-full md:mb-0 md:mt-44 md:w-1/2 lg:w-1/4">
-            <VcImage
-              src="hexa-3.webp"
-              :alt="$t('pages.home.feature_descriptions_block.feature_3')"
-              class="mx-auto w-full"
-              lazy
-            />
+            <div class="flex justify-center">
+              <VcCompositeShape
+                icon="outline-products"
+                img="statuses.jpg"
+                :alt="$t('pages.home.feature_descriptions_block.feature_1')"
+              />
+            </div>
+
             <div class="mt-5 px-8 text-center text-2xl font-bold md:text-xl">
               {{ $t("pages.home.feature_descriptions_block.feature_3") }}
             </div>
           </div>
           <div class="mb-24 w-full md:mb-0 md:w-1/2 lg:w-1/4">
-            <VcImage
-              src="hexa-4.webp"
-              :alt="$t('pages.home.feature_descriptions_block.feature_4')"
-              class="mx-auto w-full"
-              lazy
-            />
+            <div class="flex justify-center">
+              <VcCompositeShape
+                icon="outline-document"
+                img="tax.jpg"
+                :alt="$t('pages.home.feature_descriptions_block.feature_1')"
+              />
+            </div>
+
             <div class="mt-5 px-8 text-center text-2xl font-bold md:text-xl">
               {{ $t("pages.home.feature_descriptions_block.feature_4") }}
             </div>
diff --git a/client-app/public/content/pages/homepage.page b/client-app/public/content/pages/homepage.page
index 4f5f54076..89eb5f225 100644
--- a/client-app/public/content/pages/homepage.page
+++ b/client-app/public/content/pages/homepage.page
@@ -39,22 +39,22 @@
       "background": "bg-neutral-100",
       "columns": [
         {
-          "image": "hexa-1.webp",
+          "image": "sign-in.jpg",
           "text": null,
           "title": "Corporate account management"
         },
         {
-          "image": "hexa-2.webp",
+          "image": "boxes.jpg",
           "text": null,
           "title": "Quote management and price negotiation"
         },
         {
-          "image": "hexa-3.webp",
+          "image": "statuses.jpg",
           "text": null,
           "title": "Multiple stores, channels, and locations"
         },
         {
-          "image": "hexa-4.webp",
+          "image": "tax.jpg",
           "text": null,
           "title": "B2B customization and price management"
         }