modified: begushiybashkir/bbvue/src/views/About.vue

about add getUrl method

begushiybashkir/bbvue/src/views/About.vue

@@ -22,12 +22,14 @@
             <div class="mission-vision">
               <div class="mission-card">
                 <h3>🎯 Наша миссия</h3>
-                <p>Сделать бег доступным и enjoyable для каждого жителя Уфы, независимо от возраста и уровня подготовки.</p>
+                <p>Сделать бег доступным и enjoyable для каждого жителя Уфы, независимо от возраста и уровня подготовки.
+                </p>
               </div>
 
               <div class="mission-card">
                 <h3>👁️ Наше видение</h3>
-                <p>Стать крупнейшим беговым сообществом в Башкортостане, которое вдохновляет на здоровый образ жизни.</p>
+                <p>Стать крупнейшим беговым сообществом в Башкортостане, которое вдохновляет на здоровый образ жизни.
+                </p>
               </div>
             </div>
 
@@ -52,11 +54,7 @@
           </div>
 
           <div class="info-image">
-            <img 
+            <img src="../../public/images/UMM2025.png" alt="Команда бегового клуба Бегущий Башкир" class="club-image">
-              src="../assets/images/UMM2025.png" 
-              alt="Команда бегового клуба Бегущий Башкир"
-              class="club-image"
-            >
           </div>
         </div>
       </div>
@@ -101,11 +99,8 @@
 
         <div class="coach-profile">
           <div class="coach-image">
-            <img 
+            <img :src="getImageUrl('/images/ZagirTrainer3.jpg')" alt="Аминев Загир - тренер бегового клуба Бегущий Башкир"
-              src="../assets/images/ZagirTrainer3.jpg" 
+              class="coach-photo">
-              alt="Аминев Загир - тренер бегового клуба Бегущий Башкир"
-              class="coach-photo"
-            >
             <div class="coach-badges">
               <span class="badge">Мастер спорта</span>
               <span class="badge">КМС</span>
@@ -164,10 +159,8 @@
         <div class="locations-grid">
           <div class="location-card">
             <div class="location-image">
-              <img 
+              <img src="../assets/images/UfaWhiteRiver.jpg"
-                src="../assets/images/UfaWhiteRiver.jpg" 
+                alt="Уфимская набережная (ост. Монумент) - основная тренировочная площадка">
-                alt="Уфимская набережная (ост. Монумент) - основная тренировочная площадка"
-              >
             </div>
             <div class="location-info">
               <h3>🏞️ Набережная </h3>
@@ -183,10 +176,7 @@
 
           <div class="location-card">
             <div class="location-image">
-              <img 
+              <img src="../assets/images/dinamo.jpg" alt="Стадион Динамо - для интервальных тренировок">
-                src="../assets/images/dinamo.jpg" 
-                alt="Стадион Динамо - для интервальных тренировок"
-              >
             </div>
             <div class="location-info">
               <h3>🏟️ Стадион "Динамо"</h3>
@@ -202,10 +192,7 @@
 
           <div class="location-card">
             <div class="location-image">
-              <img 
+              <img src="../assets/images/i.webp" alt="Лесопарковая зона - для длительных кроссов. Уфимское ожерелье">
-                src="../assets/images/i.webp" 
-                alt="Лесопарковая зона - для длительных кроссов. Уфимское ожерелье"
-              >
             </div>
             <div class="location-info">
               <h3>🌲 Лесопарковая зона</h3>
@@ -274,7 +261,8 @@
               <a href="https://www.instagram.com/begushiybashkir/" target="_blank" class="social-btn instagram">
                 📷 Instagram
               </a>
-              <a href="https://www.youtube.com/channel/UCV45f8q172917848k05q6gA" target="_blank" class="social-btn youtube">
+              <a href="https://www.youtube.com/channel/UCV45f8q172917848k05q6gA" target="_blank"
+                class="social-btn youtube">
                 🎥 YouTube
               </a>
               <a href="https://t.me/begushiybashkir" target="_blank" class="social-btn telegram">
@@ -304,6 +292,15 @@ export default {
         content: 'беговой клуб Уфа, тренер по бегу Уфа, Аминев Загир, тренировки бег Уфа, марафон Уфа, бег в Башкортостане'
       }
     ]
+  },
+  methods: {
+    getImageUrl(path) {
+      // В продакшене замените на правильный путь
+      const baseUrl = import.meta.env.BASE_URL
+      // Путь от корня public/
+      console.log(`${baseUrl}images/${path}`)
+      return `${baseUrl}images/${path}`
+    },
   }
 }
 </script>
@@ -380,7 +377,7 @@ export default {
   background: white;
   padding: 1.5rem;
   border-radius: 10px;
-  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   border-left: 4px solid #2e8b57;
 }
 
@@ -416,7 +413,7 @@ export default {
 .club-image {
   width: 100%;
   border-radius: 15px;
-  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
 }
 
 /* Ценности */
@@ -431,7 +428,7 @@ export default {
   padding: 2rem;
   border-radius: 15px;
   text-align: center;
-  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
 }
 
@@ -468,7 +465,7 @@ export default {
 .coach-photo {
   width: 100%;
   border-radius: 15px;
-  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
 }
 
 .coach-badges {
@@ -487,7 +484,7 @@ export default {
   border-radius: 20px;
   font-size: 0.8rem;
   font-weight: bold;
-  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
 
 .coach-details h3 {
@@ -546,7 +543,7 @@ blockquote {
   padding: 1rem;
   background: white;
   border-radius: 10px;
-  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
 }
 
 .stat-value {
@@ -571,7 +568,7 @@ blockquote {
   background: white;
   border-radius: 15px;
   overflow: hidden;
-  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
 }
 
@@ -721,9 +718,17 @@ blockquote {
   transform: translateY(-2px);
 }
 
-.instagram { background: #E4405F; }
+.instagram {
-.youtube { background: #CD201F; }
+  background: #E4405F;
-.telegram { background: #0088cc; }
+}
+
+.youtube {
+  background: #CD201F;
+}
+
+.telegram {
+  background: #0088cc;
+}
 
 /* Адаптивность */
 @media (max-width: 768px) {