diff --git a/app/Controllers/Http/Api/AvatarController.ts b/app/Controllers/Http/Api/AvatarController.ts
new file mode 100644
index 0000000..9678184
--- /dev/null
+++ b/app/Controllers/Http/Api/AvatarController.ts
@@ -0,0 +1,65 @@
+import type { HttpContextContract } from '@ioc:Adonis/Core/HttpContext';
+import { StatusCodes } from 'http-status-codes';
+// import * as fs from 'fs';
+// import * as path from 'path';
+
+const prefixes = ['von', 'van'];
+
+// node ace make:controller Author
+export default class AvatarController {
+ public async generateAvatar({ request, response }: HttpContextContract) {
+ try {
+ const { name, background, textColor, size } = request.only(['name', 'background', 'textColor', 'size']);
+
+ // Generate initials
+ // const initials = name
+ // .split(' ')
+ // .map((part) => part.charAt(0).toUpperCase())
+ // .join('');
+ const initials = this.getInitials(name);
+
+ // Define SVG content with dynamic values for initials, background color, text color, and size
+ const svgContent = `
+
+ `;
+
+ // Set response headers for SVG content
+ response.header('Content-type', 'image/svg+xml');
+ response.header('Cache-Control', 'no-cache');
+ response.header('Pragma', 'no-cache');
+ response.header('Expires', '0');
+
+ return response.send(svgContent);
+ } catch (error) {
+ return response.status(StatusCodes.OK).json({ error: error.message });
+ }
+ }
+
+ private getInitials(name) {
+ const parts = name.split(' ');
+ let initials = '';
+
+ if (parts.length >= 2) {
+ const firstName = parts[0];
+ const lastName = parts[parts.length - 1];
+
+ const firstInitial = firstName.charAt(0).toUpperCase();
+ const lastInitial = lastName.charAt(0).toUpperCase();
+
+ if (prefixes.includes(lastName.toLowerCase()) && lastName === lastName.toUpperCase()) {
+ initials = firstInitial + lastName.charAt(1).toUpperCase();
+ } else {
+ initials = firstInitial + lastInitial;
+ }
+ } else if (parts.length === 1) {
+ initials = parts[0].substring(0, 2).toUpperCase();
+ }
+
+ return initials;
+ }
+}
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..d3d3eb5
Binary files /dev/null and b/public/favicon.png differ
diff --git a/resources/js/Components/FirstrunWizard/components/Card.vue b/resources/js/Components/FirstrunWizard/components/Card.vue
new file mode 100644
index 0000000..c3ecfbf
--- /dev/null
+++ b/resources/js/Components/FirstrunWizard/components/Card.vue
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+ {{ title }}
+
+
{{ subtitle }}
+
+
+
+ {{ t('firstrunwizard', 'A collaboration platform that puts you in control') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+