INIT

components/Intro/Intro.vue

@@ -0,0 +1,34 @@
+<style scoped src="./Intro.css"/>
+
+<template>
+  <section class="Intro content">
+    <div class="intro-text">
+      <h2>
+        <span class="greeting">Moin.</span>
+        <span class="my-name-wrapper">Ich bin <span class="highlight">Fiona</span>.</span>
+      </h2>
+      <h3>
+        Component <span class="highlight">&</span> API Entwicklerin
+      </h3>
+      <p class="fulltext">
+        Ich helfe Unternehmen dabei, ihre Daten so richtig nice aufzubereiten
+        und in wunderschöne Komponenten zu gießen.
+      </p>
+      <p class="fulltext">
+        Mit über 20 Jahren Erfahrung in der Webentwicklung habe ich
+        inzwischen so ziemlich jeden Stuff miterlebt.
+      </p>
+      <p class="fulltext">
+        Du brauchst großartige Komponenten und saubere Schnittstellen?
+      </p>
+      <Button class="cta" label="Lass mal reden" />
+    </div>
+    <div class="intro-img">
+      <img src="/profile.webp" alt="Bild von mir" />
+    </div>
+  </section>
+</template>
+
+<script setup lang="ts">
+
+</script>