Initial Nuxt frontend import

- Complete GGZ Ecademy Nuxt.js user portal
- Learning products browser and management
- Member management interface
- User authentication and roles
- Multi-language support (NL/EN)
- Vuex store for state management
- Component-based architecture

components/Newsletter/Newsletter.vue

@@ -0,0 +1,45 @@
+<template>
+  <section id="newsletter" class="my-0">
+    <img :src="require(`@/assets/img/newsletter.jpg`)" />
+    <img :src="require(`@/assets/img/triangle_pattern.png`)" class="pattern"/>
+      <div class="row">
+        <div class="col-12 col-md-6"></div>
+        <div class="col-12 col-md-4 mx-auto text">
+          <h2>Nieuwsbrief</h2>Je ontvangt een kortingscode van €10,- bij besteding vanaf €75,-. Deze is meteen in te wisselen.
+          <v-text-field outlined label="Inschrijven" append-icon="mdi-arrow-right" class="my-4"></v-text-field>
+        </div>
+      </div>
+  </section>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped>
+#newsletter {
+  clear: both;
+  position: relative;
+  background-color: #f5f5f5;
+  margin-bottom: 20px;
+
+  img {
+    position: absolute;
+    object-fit: cover;
+    width: 50%;
+    height: 100%;
+    left: 0px;
+    // z-index: 1;
+  }
+  .pattern {
+    right: 0px;
+    left: unset;
+    width: 100%;
+  }
+  .text {
+    padding-top: 100px;
+    padding-bottom: 100px;
+    // z-index: 2;
+  }
+}
+</style>