From 4331a58e50ac43adff5f9c36311b17e96b52da9c Mon Sep 17 00:00:00 2001
From: Starystars67 <starystars67@gmail.com>
Date: Sat, 21 Feb 2026 19:07:30 +0000
Subject: [PATCH] Update sync text, theme icons, communities link

Add responsive icons for system theme selection (Smartphone, Tablet, Monitor) in ThemeToggle.vue; add an "Explore Communities" CTA to Home.vue that links to the localized communities page. Reduce the advertised sync update rate from ~100 to ~50 times per second across multiple locale files (en, de, es, it, ru). Also update the English freeroam label/description to "Freeroam & Custom Servers" with details about custom scripts/maps/mods. Note: fr.json contains unresolved merge conflict markers for the sync description and needs manual resolution.
---
 src/components/ThemeToggle.vue | 6 ++++--
 src/locales/de.json            | 2 +-
 src/locales/en.json            | 6 +++---
 src/locales/es.json            | 2 +-
 src/locales/fr.json            | 2 +-
 src/locales/it.json            | 2 +-
 src/locales/ru.json            | 2 +-
 src/views/Home.vue             | 9 +++++++++
 8 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/ThemeToggle.vue b/src/components/ThemeToggle.vue
index 0a470ad..6ef36d0 100644
--- a/src/components/ThemeToggle.vue
+++ b/src/components/ThemeToggle.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, onMounted } from 'vue'
-import { Sun, Moon, Monitor } from 'lucide-vue-next'
+import { Sun, Moon, Monitor, Smartphone, Tablet } from 'lucide-vue-next'
 
 const theme = ref('system')
 
@@ -60,7 +60,9 @@ onMounted(() => {
       :title="$t('message.theme.system')"
       @click="setTheme('system')"
     >
-      <Monitor class="w-4 h-4" />
+      <Smartphone class="w-4 h-4 md:hidden" />
+      <Tablet class="w-4 h-4 hidden md:block lg:hidden" />
+      <Monitor class="w-4 h-4 hidden lg:block" />
     </button>
     <button
       :class="[
diff --git a/src/locales/de.json b/src/locales/de.json
index b27c4fd..099a23b 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -62,7 +62,7 @@
         },
         "sync": {
           "title": "Synchronisationsqualität",
-          "description": "BeamMP aktualisiert die Position deines Fahrzeugs ~100 Mal pro Sekunde für ein flüssiges Erlebnis."
+          "description": "BeamMP aktualisiert die Position deines Fahrzeugs ~50 Mal pro Sekunde für ein flüssiges Erlebnis."
         }
       },
       "communities": {
diff --git a/src/locales/en.json b/src/locales/en.json
index 1cef7a3..04f9a8e 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -63,7 +63,7 @@
         },
         "sync": {
           "title": "Sync Quality",
-          "description": "BeamMP updates your vehicle position ~100 times per second, allowing for a smooth overall experience."
+          "description": "BeamMP updates your vehicle position ~50 times per second, allowing for a smooth overall experience."
         }
       },
       "communities": {
@@ -82,8 +82,8 @@
           "description": "Demolition derbies and destruction-focused gameplay modes"
         },
         "freeroam": {
-          "name": "Freeroam",
-          "description": "Casual multiplayer sessions exploring maps with friends"
+          "name": "Freeroam & Custom Servers",
+          "description": "Explore open-world servers or build your own with custom scripts, maps, and mods."
         }
       },
       "find": {
diff --git a/src/locales/es.json b/src/locales/es.json
index 229a41b..7d68247 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -62,7 +62,7 @@
         },
         "sync": {
           "title": "Calidad de sincronización",
-          "description": "BeamMP actualiza la posición de tu vehículo ~100 veces por segundo, permitiendo una experiencia fluida."
+          "description": "BeamMP actualiza la posición de tu vehículo ~50 veces por segundo, permitiendo una experiencia fluida."
         }
       },
       "communities": {
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 40d22a1..524fdc3 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -62,7 +62,7 @@
         },
         "sync": {
           "title": "Qualité de synchronisation",
-          "description": "Votre véhicule est synchronisé environ 100 fois par seconde sur BeamMP, pour une expérience de jeu fluide."
+          "description": "BeamMP met à jour la position de votre véhicule ~50 fois par seconde pour une expérience fluide."
         }
       },
       "communities": {
diff --git a/src/locales/it.json b/src/locales/it.json
index b2904ec..906912b 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -62,7 +62,7 @@
         },
         "sync": {
           "title": "Qualità di sincronizzazione",
-          "description": "BeamMP aggiorna la posizione del veicolo ~100 volte al secondo, offrendo un'esperienza fluida."
+          "description": "BeamMP aggiorna la posizione del veicolo ~50 volte al secondo, offrendo un'esperienza fluida."
         }
       },
       "communities": {
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 631ba15..840db98 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -62,7 +62,7 @@
         },
         "sync": {
           "title": "Качество синхронизации",
-          "description": "BeamMP обновляет позицию вашего автомобиля ~100 раз в секунду, обеспечивая плавный игровой процесс."
+          "description": "BeamMP обновляет позицию вашего автомобиля ~50 раз в секунду, обеспечивая плавный игровой процесс."
         }
       },
       "communities": {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index c3f715b..16522be 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -277,6 +277,15 @@ const faqs = computed(() => [
             </p>
           </div>
         </div>
+        <div class="text-center mt-8">
+          <RouterLink
+            :to="`/${$i18n.locale}/communities`"
+            class="inline-flex items-center gap-2 bg-beammp-orange hover:bg-beammp-orange/90 text-white px-6 py-3 rounded-lg font-semibold transition-colors"
+          >
+            Explore Communities
+            <Globe class="w-5 h-5" />
+          </RouterLink>
+        </div>
       </div>
     </section>