diff --git a/src/App.vue b/src/App.vue
index 02c7923c6..457667e36 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,10 +2,10 @@
     <div class="layout-wrapper" :class="containerClass">
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container">
-                <a href="https://www.primefaces.org/primeblocks-vue" class="layouts-news-mockup" target="_blank">
-                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-primeblocks-device.png">
+                <a href="https://www.primefaces.org/layouts/atlantis-vue" class="layouts-news-mockup" target="_blank">
+                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-atlantis-device.png">
                 </a>
-                <a href="https://www.primefaces.org/primeblocks-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
+                <a href="https://www.primefaces.org/layouts/atlantis-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
                     LEARN MORE
                     <i class="pi pi-angle-right"></i>
                 </a>
diff --git a/src/AppConfigurator.vue b/src/AppConfigurator.vue
index ae21e8f4b..ee113fb31 100755
--- a/src/AppConfigurator.vue
+++ b/src/AppConfigurator.vue
@@ -254,9 +254,14 @@
                                 <img alt="Ultima" src="./assets/images/layouts/sakai-vue.jpg">
                             </a>
                         </div>
+                        <div class="p-col-12 p-md-6">
+                            <a href="https://www.primefaces.org/layouts/atlantis-vue">
+                                <img alt="Atlantis" src="./assets/images/layouts/atlantis-vue.jpg">
+                            </a>
+                        </div>
                         <div class="p-col-12 p-md-6">
                             <a href="https://www.primefaces.org/layouts/freya-vue">
-                                <img alt="Ultima" src="./assets/images/layouts/freya-vue.png">
+                                <img alt="Freya" src="./assets/images/layouts/freya-vue.png">
                             </a>
                         </div>
                         <div class="p-col-12 p-md-6">
diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
index df8b29562..8e31a155d 100755
--- a/src/AppTopBar.vue
+++ b/src/AppTopBar.vue
@@ -90,6 +90,7 @@
                         <li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li>
                         <li><a href="https://www.primefaces.org/sakai-vue"><img src="./assets/images/layouts/themeswitcher-sakai.svg" alt="Sakai" /><span>Sakai</span></a></li>
                         <li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</li>
+                        <li><a href="https://www.primefaces.org/layouts/atlantis-vue"><img src="./assets/images/layouts/themeswitcher-atlantis.svg" alt="Atlantis" /><span>Atlantis</span></a></li>
                         <li><a href="https://www.primefaces.org/layouts/freya-vue"><img src="./assets/images/layouts/themeswitcher-freya.png" alt="Freya" /><span>Freya</span></a></li>
                         <li><a href="https://www.primefaces.org/layouts/diamond-vue"><img src="./assets/images/layouts/themeswitcher-diamond.png" alt="Diamond" /><span>Diamond</span></a></li>
                         <li><a href="https://www.primefaces.org/layouts/sapphire-vue"><img src="./assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a></li>
diff --git a/src/assets/images/layouts/atlantis-ng.svg b/src/assets/images/layouts/atlantis-ng.svg
new file mode 100644
index 000000000..1b6f6076e
--- /dev/null
+++ b/src/assets/images/layouts/atlantis-ng.svg
@@ -0,0 +1,3 @@
+<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.9647 5.64508C8.88982 14.1611 21.3667 14.155 22.2888 5.64508C19.0937 5.3509 16.3919 3.32837 15.1267 0.524414C13.8616 3.32837 11.1597 5.3509 7.9647 5.64508ZM14.3241 13.6126C14.0453 16.6954 11.5916 19.386 8.54972 19.9499C4.43875 20.8049 0.364535 17.7312 0 13.6126C3.19504 13.3184 5.89689 11.2959 7.16204 8.49195C8.418 11.3174 11.2393 13.3521 14.3241 13.6126ZM22.2888 21.5801C21.9212 25.2084 18.8487 28.0522 15.1267 28.0522C11.4048 28.0522 8.3323 25.2084 7.9647 21.5801C11.0495 21.3197 13.8708 19.2849 15.1267 16.4595C16.3827 19.2849 19.204 21.3197 22.2888 21.5801ZM30.2533 13.6126C29.8857 17.4677 26.3598 20.4371 22.4357 20.0541C19.0905 19.7997 16.2233 16.9559 15.9292 13.6126C19.014 13.3521 21.8353 11.3174 23.0912 8.49195C24.3564 11.2959 27.0582 13.3184 30.2533 13.6126Z" fill="#44486D"/>
+</svg>
diff --git a/src/assets/images/layouts/atlantis-vue.jpg b/src/assets/images/layouts/atlantis-vue.jpg
new file mode 100644
index 000000000..2c1219703
Binary files /dev/null and b/src/assets/images/layouts/atlantis-vue.jpg differ
diff --git a/src/assets/images/layouts/themeswitcher-atlantis.svg b/src/assets/images/layouts/themeswitcher-atlantis.svg
new file mode 100644
index 000000000..1b6f6076e
--- /dev/null
+++ b/src/assets/images/layouts/themeswitcher-atlantis.svg
@@ -0,0 +1,3 @@
+<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.9647 5.64508C8.88982 14.1611 21.3667 14.155 22.2888 5.64508C19.0937 5.3509 16.3919 3.32837 15.1267 0.524414C13.8616 3.32837 11.1597 5.3509 7.9647 5.64508ZM14.3241 13.6126C14.0453 16.6954 11.5916 19.386 8.54972 19.9499C4.43875 20.8049 0.364535 17.7312 0 13.6126C3.19504 13.3184 5.89689 11.2959 7.16204 8.49195C8.418 11.3174 11.2393 13.3521 14.3241 13.6126ZM22.2888 21.5801C21.9212 25.2084 18.8487 28.0522 15.1267 28.0522C11.4048 28.0522 8.3323 25.2084 7.9647 21.5801C11.0495 21.3197 13.8708 19.2849 15.1267 16.4595C16.3827 19.2849 19.204 21.3197 22.2888 21.5801ZM30.2533 13.6126C29.8857 17.4677 26.3598 20.4371 22.4357 20.0541C19.0905 19.7997 16.2233 16.9559 15.9292 13.6126C19.014 13.3521 21.8353 11.3174 23.0912 8.49195C24.3564 11.2959 27.0582 13.3184 30.2533 13.6126Z" fill="#44486D"/>
+</svg>
diff --git a/src/assets/images/topbar-atlantis-bg.jpg b/src/assets/images/topbar-atlantis-bg.jpg
new file mode 100644
index 000000000..081324722
Binary files /dev/null and b/src/assets/images/topbar-atlantis-bg.jpg differ
diff --git a/src/assets/images/topbar-atlantis-device.png b/src/assets/images/topbar-atlantis-device.png
new file mode 100644
index 000000000..c91adf292
Binary files /dev/null and b/src/assets/images/topbar-atlantis-device.png differ
diff --git a/src/assets/styles/app/_news.scss b/src/assets/styles/app/_news.scss
index 4eb4e1ad1..02573a074 100644
--- a/src/assets/styles/app/_news.scss
+++ b/src/assets/styles/app/_news.scss
@@ -4,8 +4,7 @@
     justify-content: center;
     align-items: center;
     margin-left: 250px;
-    background-image: linear-gradient(197.37deg, rgba(0, 120, 227, 0.07) -0.38%, rgba(165, 72, 181, 0) 101.89%), linear-gradient(115.93deg, rgba(62, 136, 246, 0.15) 4.86%, rgba(62, 180, 246, 0.0495) 38.05%, rgba(62, 235, 246, 0) 74.14%), radial-gradient(56.47% 76.87% at 6.92% 7.55%, rgba(62, 136, 246, 0.05) 0%, rgba(62, 158, 246, 0.013) 52.16%, rgba(62, 246, 246, 0) 100%), linear-gradient(306.53deg, rgba(163, 171, 217, 0.1) 19.83%, rgba(163, 171, 217, 0) 97.33%);
-    background-color: white;
+    background-image: url('./assets/images/topbar-atlantis-bg.jpg');
 
     .layout-news-container {
         width: 100%;
@@ -27,8 +26,8 @@
         }
 
         .layout-news-button {
-            border: 2px solid #283738;
-            color: #283738;
+            border: 1px solid #ffffff;
+            color: #ffffff;
             font-size: 15px;
             padding: 0.3em 0.3em 0.5em 1em;
             font-weight: 700;
@@ -41,10 +40,6 @@
             margin-left: 1rem;
             position: relative;
             z-index: 1;
-
-            &:hover {
-                background-color: rgba(0, 0, 0, 0.25);
-            }
         }
     }
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 8ac4d0235..750290dbb 100755
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -135,9 +135,14 @@
                         <img alt="Sakai" src="../assets/images/layouts/sakai-vue.jpg">
                     </a>
                 </div>
+                <div class="p-col-12 p-md-3">
+                    <a href="https://www.primefaces.org/layouts/atlantis-vue">
+                        <img alt="Atlantis" src="../assets/images/layouts/atlantis-vue.jpg">
+                    </a>
+                </div>
                 <div class="p-col-12 p-md-3">
                     <a href="https://www.primefaces.org/layouts/freya-vue">
-                        <img alt="Ultima" src="../assets/images/layouts/freya-vue.png">
+                        <img alt="Freya" src="../assets/images/layouts/freya-vue.png">
                     </a>
                 </div>
                 <div class="p-col-12 p-md-3">