linkedin

apps/frontend/src/i18n/locales/en.ts

@@ -87,6 +87,10 @@ export default {
       desc: 'Follow us on Facebook for the latest news and updates.',
       link: 'Visit Facebook Page',
     },
+    linkedin: {
+      desc: 'Follow our team on LinkedIn for professional updates.',
+      link: 'Visit LinkedIn Page',
+    },
     spotify: {
       desc: 'Listen to our community playlist while coding or gaming!',
       link: 'Open Playlist',

apps/frontend/src/i18n/locales/hu.ts

@@ -87,6 +87,10 @@ export default {
       desc: 'Kövess minket Facebookon a legfrissebb hírekért és frissítésekért.',
       link: 'Facebook oldal megtekintése',
     },
+    linkedin: {
+      desc: 'Kövesd a csapatunkat LinkedIn-en a szakmai hírekért.',
+      link: 'LinkedIn oldal megtekintése',
+    },
     spotify: {
       desc: 'Hallgasd a közösségi playlist-ünket fejlesztés vagy játék közben!',
       link: 'Playlist megnyitása',

apps/frontend/src/page/contact/ContactPage.vue

@@ -65,7 +65,7 @@
         </h2>
         <p class="contact-card-desc">{{ t('contact.socialDesc') }}</p>
 
-        <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
+        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
           <div class="community-section border-red-600">
             <h3 class="community-section-title text-red-600">YouTube</h3>
             <p class="community-section-desc">{{ t('contact.youtube.desc') }}</p>
@@ -82,6 +82,14 @@
             </a>
           </div>
 
+          <div class="community-section border-[#0A66C2]">
+            <h3 class="community-section-title text-[#0A66C2]">LinkedIn</h3>
+            <p class="community-section-desc">{{ t('contact.linkedin.desc') }}</p>
+            <a href="https://www.linkedin.com/company/teletypegames/" target="_blank" class="community-link-linkedin">
+              {{ t('contact.linkedin.link') }} <span>→</span>
+            </a>
+          </div>
+
           <div class="community-section border-[#1DB954]">
             <h3 class="community-section-title text-[#1DB954]">Spotify</h3>
             <p class="community-section-desc">{{ t('contact.spotify.desc') }}</p>
@@ -169,6 +177,9 @@ function openEmail() {
 .community-link-facebook {
   @apply text-[#1877F2] font-bold hover:underline inline-flex items-center gap-1;
 }
+.community-link-linkedin {
+  @apply text-[#0A66C2] font-bold hover:underline inline-flex items-center gap-1;
+}
 .community-link-spotify {
   @apply text-[#1DB954] font-bold hover:underline inline-flex items-center gap-1;
 }

apps/frontend/src/styles/retro.css

@@ -922,6 +922,7 @@
 .retro-mode .community-link-discord { color: #00ffff !important; text-decoration: underline !important; }
 .retro-mode .community-link-youtube { color: #a80000 !important; text-decoration: underline !important; }
 .retro-mode .community-link-facebook { color: #00a8a8 !important; text-decoration: underline !important; }
+.retro-mode .community-link-linkedin { color: #0000a8 !important; text-decoration: underline !important; }
 .retro-mode .community-link-spotify { color: #00a800 !important; text-decoration: underline !important; }
 
 /* tui-divider */