start implementing login

MusicPlayerV2-GUI/src/views/HomeView.vue

@@ -1,10 +1,32 @@
 <template>
-    <div>
-        <h1>Hello World</h1>
-        <div class="player-panel-link"></div>
+    <div class="home-view">
+        <img src="https://github.com/simplePCBuilding/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer Logo" class="logo">
+        <h1>MusicPlayer</h1>
+        <button @click="login()" class="fancy-button">Log in</button>
     </div>
 </template>
 
 <script setup lang="ts">
+import router from '@/router';
 
-</script>
+    const login = () => {
+        alert( 'Logging in...' );
+        // TODO: Actually implement with sdk, then check if user has subscription for product, if so, have them proceed to /app
+        // else: proceed to /purchase where they get linked to https://store.janishutz.com/product/com.janishutz.MusicPlayer
+        router.push( '/app' );
+    }
+</script>
+
+<style scoped>
+    .home-view {
+        height: 100vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+    }
+
+    .logo {
+        height: 50vh;
+    }
+</style>