Cosmetics on homepage

src/AppFooter.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="content-section layout-footer">
+    <div class="layout-footer">
         <div class="layout-footer-left">
             <span>PrimeVue 2.0.4 by </span>
             <a href="https://www.primetek.com.tr">PrimeTek</a>

src/assets/styles/app/_footer.scss

@@ -1,5 +1,6 @@
 .layout-footer {
     font-size: 1rem;
+    padding: 2rem;
     background-color: var(--surface-a);
     display: flex;
     align-items: center;

src/assets/styles/app/_home.scss

@@ -1,8 +1,13 @@
 /* Home Component*/
 .home {
     a {
-        color: var(--primary-color);
-        font-weight: 500;
+        text-decoration: none;
+        color: $linkColor;
+        font-weight: 600;
+
+        &:hover {
+            text-decoration: underline;
+        }
     }
     
     p {

src/views/Home.vue

@@ -119,6 +119,7 @@
                 <div class="p-col-6 p-md-2"><img alt="viacom" src="../assets/images/home/viacom.svg"/></div>
             </div>
         </div>
+
         <div class="templates">
             <h4>Premium Application Templates</h4>
             <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>
@@ -179,6 +180,7 @@
                 </div>
             </div>
         </div>
+        
         <div class="primevue-designer">
             <h4>Theme Designer</h4>
             <p>PrimeVue is a design-agnostic library and the theming system is based on the Theme Designer, the official tool to create themes for the components. Designer includes a SASS enabled infrastructure that has over 500 customizable variables, a live editor