<template>
  <section class="Home flex-col content full">
    <div class="home-hero">
      <div class="text">
        <h1>
          Du zahlst zuviel fürs Papier?
        </h1>
        <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 ">
      <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">
definePageMeta({
  layout: 'landingpage'
})
</script>