add: lp and navigation

Added... a lot of stuff

app/app.vue

@@ -8,7 +8,7 @@
 <style>
 .page-enter-active,
 .page-leave-active {
-  transition: all 2000ms;
+  transition: all 200ms;
 }
 .page-enter-from,
 .page-leave-to {

app/assets/styles/landingpage.css

@@ -1,5 +1,5 @@
 .home-hero {
-    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("/img/hero-image.webp"); /* single color gradient for dark layer over image */
+    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), url("/img/hero-image.webp"); /* single color gradient for dark layer over image */
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
@@ -11,7 +11,7 @@
     align-items: center;
 
     button {
-        margin: var(--padding-xxl) auto 0;
+        margin: var(--padding-xxl) auto;
     }
 
     .text {

app/pages/index.vue

@@ -8,6 +8,9 @@
         <NuxtLink to="/rechner">
           <PpButton class="cta">Preise vergleichen</PpButton>
         </NuxtLink>
+        <h2>
+          Mit Propapier Preise vergleichen und sparen.
+        </h2>
       </div>
     </div>
     <div class="home-text padding ">

app/pages/rechner.vue

@@ -13,9 +13,6 @@
           @update="updateCard()"
       />
       <section class="content flex-col">
-        <div class="content-text">
-          <h1>Mit ProPapier Preise vergleichen und sparen</h1>
-        </div>
         <aside class="filter-bar">
           <button v-for="(button, index) in filterButtons" @click="() => sort(index)" :class="{ 'active': button.active }">
             {{ button.label }}

package.json

@@ -7,7 +7,7 @@
     "dev": "nuxt dev",
     "dev:expose": "nuxt dev --host",
     "generate": "nuxt generate",
-    "preview": "nuxt preview",
+    "preview": "npx serve .output/public",
     "prepare": "nuxt prepare",
     "postinstall": "nuxt prepare"
   },