diff --git a/src/assets/images/home/intro-bg.jpg b/src/assets/images/home/intro-bg.jpg
new file mode 100644
index 000000000..18f7c2066
Binary files /dev/null and b/src/assets/images/home/intro-bg.jpg differ
diff --git a/src/assets/images/home/intro-devices.png b/src/assets/images/home/intro-devices.png
new file mode 100644
index 000000000..e1ac62ec8
Binary files /dev/null and b/src/assets/images/home/intro-devices.png differ
diff --git a/src/assets/images/home/primevue-introduction.jpg b/src/assets/images/home/primevue-introduction.jpg
deleted file mode 100644
index 0b16e97f8..000000000
Binary files a/src/assets/images/home/primevue-introduction.jpg and /dev/null differ
diff --git a/src/assets/styles/app/_home.scss b/src/assets/styles/app/_home.scss
index 42aa6781a..f646a7bfc 100644
--- a/src/assets/styles/app/_home.scss
+++ b/src/assets/styles/app/_home.scss
@@ -13,29 +13,12 @@
 
     .introduction {
         background-color: var(--layer-0);
-        background: url('./assets/images/home/primevue-introduction.jpg');
+        background: url('./assets/images/home/intro-bg.jpg');
         background-repeat: no-repeat;
         background-size: cover;
         padding: 115px 30px 135px 50px;
         color: #455C71;
-
-        h1 {
-            font-weight: 400;
-            margin-bottom: 5px;
-            font-size: 24px;
-        }
-
-        h2 {
-            font-weight: 700;
-            margin-bottom: 40px;
-            margin-top: 0;
-            font-size: 24px;
-        }
-
-        > div {
-            padding: 100px 100px 0 100px;
-            height: 200px;
-        }
+        position: relative;
 
         .introduction-promo {
             display: inline-block;
@@ -55,6 +38,26 @@
                 top: -12px;
             }
         }
+
+        h1 {
+            font-weight: 400;
+            margin-bottom: 5px;
+            font-size: 24px;
+        }
+
+        h2 {
+            font-weight: 700;
+            margin-bottom: 40px;
+            margin-top: 0;
+            font-size: 24px;
+        }
+
+        .introduction-devices {
+            position: absolute;
+            bottom: 0;
+            right: 0;
+            width: 60%;
+        }
     }
 
     .features {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 86dacb7df..3162f8ac0 100755
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,12 +1,15 @@
 <template>
     <div class="home">
         <div class="introduction">
-            <span class="introduction-promo"><img alt="Gold Sponsor" src="../assets/images/home/vue-gold.png" />
-            <span>Vue.js Gold Sponsor</span></span>
+            <span class="introduction-promo">
+                <img alt="Gold Sponsor" src="../assets/images/home/vue-gold.png" />
+                <span>Vue.js Gold Sponsor</span>
+            </span>
             <h1>The Ultimate UI Component Library</h1>
             <h2>for Vue</h2>
 
             <router-link to="/setup" class="action-button">GET STARTED</router-link>
+            <img alt="devices" class="introduction-devices" src="../assets/images/home/intro-devices.png" />
         </div>
 
         <div class="features">