Enhance audio and visual elements in the UI for improved user experience

- Added a new script in package.json to generate welcome speech audio for enhanced onboarding.
- Updated SplashScreen.vue and OnboardingWrapper.vue to use the new intro background image and poster.
- Modified Dashboard.vue and Login.vue to reflect changes in background images for consistency.
- Removed outdated background images and updated references to ensure a cohesive visual theme.
- Improved tap-to-start feature with new text and logo in SplashScreen.vue for better engagement.
- Enhanced audio playback functionality in useLoginSounds.ts to include welcome speech.

neode-ui/src/composables/useLoginSounds.ts

@@ -130,6 +130,18 @@ export function stopIntroTyping() {
   }
 }
 
+const WELCOME_SPEECH_URL = '/assets/audio/welcome-noderunner.mp3'
+
+/** Sci-fi female voice: "Welcome Noderunner" - plays when welcome text types in.
+ * Requires pre-recorded audio from ElevenLabs. Run:
+ *   ELEVENLABS_API_KEY=your_key node neode-ui/scripts/generate-welcome-speech.js
+ * Browse sci-fi voices at elevenlabs.io/voice-library and set ELEVENLABS_VOICE_ID for custom voice. */
+export function playWelcomeNoderunnerSpeech() {
+  const audio = new Audio(WELCOME_SPEECH_URL)
+  audio.volume = 0.9
+  audio.play().catch(() => {})
+}
+
 /** Typing tick - for dashboard welcome typing (typing.mp3) */
 let typingTickPool: HTMLAudioElement[] = []
 const TYPING_TICK_POOL_SIZE = 5