modified: src/views/Home.vue

add phone click to action call and telegram message link

begushiybashkir/bbvue/src/views/Home.vue

@@ -10,7 +10,7 @@
               <span class="title-sub">в беговом клубе "Бегущий Башкир"</span>
             </h1>
             <p class="hero-description">
-              Присоединяйся к самому дружному беговому сообществу Уфы. 
+              Присоединяйся к самому дружному беговому сообществу Уфы.
               Начни свой путь к здоровью, новым достижениям и знакомствам с единомышленниками.
             </p>
             <div class="hero-actions">
@@ -23,7 +23,7 @@
             </div>
             <div class="hero-stats">
               <div class="stat">
-                <div class="stat-number">150+</div>
+                <div class="stat-number">80+</div>
                 <div class="stat-label">Участников</div>
               </div>
               <div class="stat">
@@ -76,18 +76,18 @@
         <div class="events-grid">
           <div class="event-card">
             <div class="event-date">
-              <span class="date-day">15</span>
+              <span class="date-day">Пн</span>
               <span class="date-month">Янв</span>
             </div>
             <div class="event-info">
               <h3>Открытая тренировка для новичков</h3>
-              <p>🏞️ Парк Якутова • 19:30</p>
+              <p>🏞️ Набережная (ост. Монумент) • 19:30</p>
               <span class="event-tag free">Бесплатно</span>
             </div>
           </div>
           <div class="event-card">
             <div class="event-date">
-              <span class="date-day">18</span>
+              <span class="date-day">Ср</span>
               <span class="date-month">Янв</span>
             </div>
             <div class="event-info">
@@ -98,13 +98,13 @@
           </div>
           <div class="event-card">
             <div class="event-date">
-              <span class="date-day">20</span>
+              <span class="date-day">Суб</span>
               <span class="date-month">Янв</span>
             </div>
             <div class="event-info">
               <h3>Воскресный длительный кросс</h3>
               <p>🌲 Лесопарковая зона • 10:00</p>
-              <span class="event-tag long">15-20 км</span>
+              <span class="event-tag long">5 - 10 км</span>
             </div>
           </div>
         </div>
@@ -126,7 +126,8 @@
             <div class="story-content">
               <h3>Сергей</h3>
               <p class="story-achievement">Первый марафон за 3:27</p>
-              <p class="story-text">"Пришел в клуб с нуля, через год пробежал свой первый марафон. Спасибо тренеру и команде за поддержку!"</p>
+              <p class="story-text">"Пришел в клуб с нуля, через год пробежал свой первый марафон. Спасибо тренеру и
+                команде за поддержку!"</p>
             </div>
           </div>
           <div class="story-card">
@@ -134,7 +135,8 @@
             <div class="story-content">
               <h3>Данил</h3>
               <p class="story-achievement">Ультрамарафон 120 км</p>
-              <p class="story-text">"Никогда не думал, что смогу пробежать 120 км. В клубе нашел не только тренера, но и верных друзей."</p>
+              <p class="story-text">"Никогда не думал, что смогу пробежать 120 км. В клубе нашел не только тренера, но и
+                верных друзей."</p>
             </div>
           </div>
           <div class="story-card">
@@ -142,7 +144,8 @@
             <div class="story-content">
               <h3>Анна</h3>
               <p class="story-achievement">Похудение на 15 кг</p>
-              <p class="story-text">"Бег изменил мою жизнь! Сбросила вес, нашла новых друзей и полюбила активный образ жизни."</p>
+              <p class="story-text">"Бег изменил мою жизнь! Сбросила вес, нашла новых друзей и полюбила активный образ
+                жизни."</p>
             </div>
           </div>
         </div>
@@ -154,7 +157,7 @@
       <div class="container">
         <div class="cta-content">
           <h2>Готовы изменить свою жизнь?</h2>
-          <p>Присоединяйся к 150+ участникам, которые уже начали свой беговой путь</p>
+          <p>Присоединяйся к 80+ участникам, которые уже начали свой беговой путь</p>
           <div class="cta-features">
             <div class="cta-feature">✅ Первая пробная тренировка бесплатно</div>
             <div class="cta-feature">✅ Подбор программы под ваш уровень</div>
@@ -167,8 +170,11 @@
             <div class="cta-contacts">
               <p>Или напиши нам:</p>
               <div class="contact-links">
-                <a href="https://t.me/begushiybashkir" class="contact-link">📱 Telegram</a>
+                <a href="https://t.me/zagir_aminev" class="contact-link">📱 Telegram</a>
-                <a href="tel:+79273093095" class="contact-link">📞 +7 (927) 30-93-095</a>
+                <a href="tel:+79273093095" class="contact-link" aria-label="Позвонить по номеру +7 (927) 30-93-095"
+                  tabindex="0">
+                  📞 Связаться
+                </a>
               </div>
             </div>
           </div>
@@ -222,7 +228,7 @@ export default {
 /* Герой-секция */
 .hero-section {
   background: linear-gradient(135deg, rgba(46, 139, 87, 0.9) 0%, rgba(38, 115, 74, 0.9) 100%),
-              url('../assets/images/Roshim2025_3.png') center/cover no-repeat;
+    url('../assets/images/Roshim2025_3.png') center/cover no-repeat;
   color: white;
   padding: 120px 0 80px;
   position: relative;
@@ -381,7 +387,7 @@ export default {
   padding: 2.5rem 2rem;
   border-radius: 15px;
   text-align: center;
-  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
+  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease;
 }
 
@@ -422,7 +428,7 @@ export default {
   background: white;
   border-radius: 12px;
   overflow: hidden;
-  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
 }
 
@@ -510,7 +516,7 @@ export default {
   background: white;
   padding: 2rem;
   border-radius: 15px;
-  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
+  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
   display: flex;
   gap: 1.5rem;
   align-items: flex-start;
@@ -560,7 +566,7 @@ export default {
   margin-bottom: 1rem;
 }
 
-.cta-content > p {
+.cta-content>p {
   font-size: 1.2rem;
   margin-bottom: 2rem;
   opacity: 0.9;
@@ -631,7 +637,7 @@ export default {
   text-align: center;
   text-decoration: none;
   color: inherit;
-  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
+  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
   transition: all 0.3s ease;
   border: 2px solid transparent;
 }
@@ -663,52 +669,52 @@ export default {
   .hero-section {
     padding: 80px 0 60px;
   }
-  
+
   .title-main {
     font-size: 2.2rem;
   }
-  
+
   .title-sub {
     font-size: 1.2rem;
   }
-  
+
   .hero-actions {
     flex-direction: column;
     align-items: center;
   }
-  
+
   .btn-large {
     width: 100%;
     max-width: 300px;
   }
-  
+
   .hero-stats {
     gap: 2rem;
   }
-  
+
   .stat-number {
     font-size: 2rem;
   }
-  
+
   .section-title {
     font-size: 2rem;
   }
-  
+
   .event-card {
     flex-direction: column;
   }
-  
+
   .event-date {
     flex-direction: row;
     gap: 1rem;
     justify-content: center;
   }
-  
+
   .story-card {
     flex-direction: column;
     text-align: center;
   }
-  
+
   .contact-links {
     flex-direction: column;
     gap: 1rem;
@@ -719,14 +725,14 @@ export default {
   .title-main {
     font-size: 1.8rem;
   }
-  
+
   .benefits-grid,
   .events-grid,
   .success-stories,
   .quick-links-grid {
     grid-template-columns: 1fr;
   }
-  
+
   .container {
     padding: 0 15px;
   }