Version 1.0.0 - Frontend

src/components/Widget/View/Home/Motivation.vue

@@ -0,0 +1,71 @@
+<template>
+    <p>{{ welcomePhrase }}</p>
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue';
+
+const welcomePhrase = ref('');
+
+const welcomePhrases = [
+  // 🎶 Musique
+  "Prêt à faire vibrer les serveurs ? 🎧",
+  "Le beat n'attend que toi 🔊",
+  "Monte le son, baisse les soucis ! 🎶",
+  "La playlist est vide… pour l’instant 👀",
+  "Que la musique commence ! 🎵",
+
+  // 🧠 Motivantes
+  "Chaque jour est une nouvelle chanson à écrire. ✍️",
+  "Tu n’es qu’à un clic d’une bonne vibe. ⚡",
+  "Ta créativité est ton meilleur plugin. 🎛️",
+  "Aujourd’hui, tu vas casser des tympans (positivement). 💥",
+
+  // 😎 Cool & relax
+  "Toujours en retard, mais toujours stylé 😎",
+  "Connecté ? Que la fête commence. 🥳",
+  "Tu sens cette vibe ? C’est la tienne. 🌊",
+  "Encore un jour pour être incroyable. 🌟",
+
+  // 🕹️ Geek / dev
+  "Chargement de l’ambiance… 100% ✅",
+  "Console ready. Exécutez `!play` 🖥️",
+  "Ton interface préférée t’attend. 💻",
+  "Mise à jour du swag terminée. 🔄",
+
+  // 🤖 Humour IA / tech
+  "Je t’ai généré une bonne humeur en .mp3 🤖",
+  "Aucune erreur 404 aujourd’hui (je crois). 🐛",
+  "Bienvenue dans le multivers du son. 🪐",
+  "Système audio synchronisé, capitaine. 🚀",
+
+  // 🧪 Expérimental / fun
+  "Statut : chill activé 😌",
+  "Nombre de décibels autorisés : illimité. 🔊",
+  "Café : ☕ | Motivation : 🔥 | Playlists : 🆙",
+  "Pas besoin de wifi pour vibrer (enfin presque). 📡",
+
+  // 🎯 Dynamique
+  "Tu es le DJ de ta propre histoire. 🎧",
+  "Aujourd’hui, c’est toi la star. 🌟",
+  "Envie de faire bouger les choses ? Let’s go. 💃",
+  "Un bon son, une bonne journée. ☀️",
+
+  // 👨‍🎤 Personnalisées
+  "Raphix, la scène t’appelle. 🎤",
+  "Tu fais fondre les playlists 🔥",
+  "Mieux qu’un jukebox vivant. 🎚️"
+]
+
+onMounted(() => {
+  welcomePhrase.value = welcomePhrases[Math.floor(Math.random() * welcomePhrases.length)];
+})
+</script>
+<style scoped>
+p {
+    font-size: 1.2em;
+    color: var(--text-secondary);
+    text-align: center;
+    margin: 0;
+}
+</style>