add: general structure for landingpage design

app/pages/landingpage.vue

@@ -0,0 +1,24 @@
+<template>
+  <section class="Home flex-col content full">
+    <div class="home-hero">
+      <div class="text">
+        <h1>
+          Du zahlst zuviel fürs Papier?
+        </h1>
+        <Button class="cta">Preise vergleichen</Button>
+      </div>
+    </div>
+    <div class="home-text padding ">
+      <p>
+        Mit <strong>ProPapier</strong> vergleichst du schnell & unkompliziert Preise für Klo-, Küchen- und Haushaltspapier und sparst so bares Geld.
+      </p>
+    </div>
+  </section>
+</template>
+
+<script setup lang="ts">
+import Button from "~/components/Pp/Button.vue";
+definePageMeta({
+  layout: 'landingpage'
+})
+</script>