Merge branch 'master' of https://github.com/primefaces/primevue

src/App.vue

@@ -3,7 +3,7 @@
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container">
                 <a href="https://www.primefaces.org/store" target="_blank">
-                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-primesale-2021.png">
+                    <img class="layouts-news-mockup-image" src="./assets/images/topbar-freya-mockup.png">
                 </a>
                 <a href="https://www.primefaces.org/store" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
                     LEARN MORE
@@ -41,7 +41,7 @@ export default {
     data() {
         return {
             sidebarActive: false,
-            newsActive: false,
+            newsActive: true,
             theme: 'saga-blue'
         }
     },

src/AppConfigurator.vue

@@ -297,6 +297,11 @@
                     <h4>Premium Vue-CLI Templates</h4>
                     <p>Beautifully crafted premium <a href="https://cli.vuejs.org">Vue CLI</a> application templates by the PrimeTek design team.</p>
                     <div class="p-grid premium-themes">
+                        <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">
+                            </a>
+                        </div>
                         <div class="p-col-12 p-md-6">
                             <a href="https://www.primefaces.org/layouts/ultima-vue">
                                 <img alt="Ultima" src="./assets/images/layouts/ultima-vue.jpg">

src/AppTopBar.vue

@@ -87,6 +87,7 @@
                         <li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li>
                         <li><a href="https://www.primefaces.org/sigma-vue"><img src="./assets/images/layouts/themeswitcher-sigma.png" alt="Sigma" /><span>Sigma</span></a></li>
                         <li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</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>
                         <li><a href="https://www.primefaces.org/layouts/serenity-vue"><img src="./assets/images/layouts/themeswitcher-serenity.png" alt="Serenity" /><span>Serenity</span><span class="theme-badge material">material</span></a></li>

src/assets/styles/app/_news.scss

@@ -4,7 +4,7 @@
     justify-content: center;
     align-items: center;
     margin-left: 250px;
-    background-image: linear-gradient(to left, #e2821a, #e49e18);
+    background-image: url("./assets/images/topbar-freya-bg.png");
 
     .layout-news-container {
         width: 100%;
@@ -17,12 +17,12 @@
         font-size: 20px;
 
         img.layouts-news-mockup-image {
-            max-width: 350px;
+            max-width: 500px;
         }
 
         .layout-news-button {
-            border: 2px solid #212121;
+            border: 2px solid #ffffff;
-            color: #212121;
+            color: #ffffff;
             font-size: 15px;
             padding: 0.5em 1em;
             font-weight: bolder;
@@ -56,4 +56,4 @@
         width: 23px;
         height: 23px;
     }
-}
+}

src/views/Home.vue

@@ -130,6 +130,11 @@
             <p>Gorgeous Vue-CLI application templates designed by professional designers and implemented by Vue Experts to help you reach your goals in no time.</p>
 
             <div class="p-grid">
+                <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">
+                    </a>
+                </div>
                 <div class="p-col-12 p-md-3">
                     <a href="https://www.primefaces.org/layouts/ultima-vue">
                         <img alt="Ultima" src="../assets/images/layouts/ultima-vue.jpg">