fix: style improvements

- fix style
- effect color palette
- fix navbar setup
- add borgar
- "Join" on discord button

src/components/pages/HomePage.vue

@@ -1,8 +1,11 @@
 <template>
 	<div class="min-h-screen flex flex-col">
 		<!-- Main application wrapper -->
-    <section class="section">
-      <h1 class="title has-text-black p-3">BRÅTULA VIOSSA.NET MÅDE</h1>
+    <section class="hero is-primary">
+      <div class="hero-body">
+        <div class="title">BRÅTULA VIOSSA.NET MÅDE</div>
+        <div class="subtitle">Hadjiplas per lera para Viossa – glossa fu vi</div>
+      </div>
     </section>
 
     <section class="section">

src/components/pages/ResourcesPage.vue

@@ -2,7 +2,7 @@
 	<div class="min-h-screen flex flex-col" style="gap: 4rem">
 		<!-- Main application wrapper -->
     <section class="section">
-      <h1 class="title has-text-black p-3">Learning Resources</h1>
+      <h1 class="title">Learning Resources</h1>
     </section>
 
     <section class="section">
@@ -14,6 +14,7 @@
 				:link="resource.link"
         :image="resource.image"
         :alt="resource.alt"
+        :linkText="resource.linkText"
       />
     </section>
 	</div>