english version telmi

This commit is contained in:
olilovedani 2025-04-15 18:39:10 +00:00
parent 1801fa0c48
commit 9d5678546a

View File

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="en-US">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Telmi - умные часы, которые говорят за вас!</title> <title>Telmi - Smartwatches That Speak For You!</title>
<meta name="description" content="Умные часы Telmi помогают людям с особенностями речи легко общаться с миром. Решение для детей и взрослых с нарушениями коммуникации."> <meta name="description" content="Telmi smartwatches help people with speech differences communicate easily with the world. A solution for children and adults with communication challenges.">
<link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head> </head>
@ -19,11 +19,11 @@
</a> </a>
<button class="mobile-menu-btn"></button> <button class="mobile-menu-btn"></button>
<div class="nav-links"> <div class="nav-links">
<a href="#how-it-works" class="nav-link">Как работает Telmi?</a> <a href="#how-it-works" class="nav-link">How It Works</a>
<a href="#who-is-it-for" class="nav-link">Кому подойдет Telmi?</a> <a href="#who-is-it-for" class="nav-link">Who It's For</a>
<a href="#why-telmi" class="nav-link">Почему Telmi?</a> <a href="#why-telmi" class="nav-link">Why Telmi</a>
<a href="#reviews" class="nav-link">Отзывы пользователей</a> <a href="#reviews" class="nav-link">Testimonials</a>
<a href="#order" class="nav-link">Где купить Telmi?</a> <a href="#order" class="nav-link">Where to Buy</a>
</div> </div>
</div> </div>
</nav> </nav>
@ -42,28 +42,28 @@
<section class="section who-section" id="who-is-it-for"> <section class="section who-section" id="who-is-it-for">
<div class="container"> <div class="container">
<div class="header-content"> <div class="header-content">
<h1>Умные часы, которые говорят за вас!</h1> <h1>Smartwatches That Speak For You!</h1>
<p>Telmi помогает людям с особенностями речи легко общаться с миром, выражать свои желания и получать поддержку.</p> <p>Telmi helps people with speech differences communicate easily with the world, express their needs, and get support.</p>
<div class="cta-buttons"> <div class="cta-buttons">
<a href="#order" class="btn btn-primary">Выбрать Telmi</a> <a href="#order" class="btn btn-primary">Choose Telmi</a>
</div></div><br><br> </div></div><br><br>
<h2 class="section-title">Кому подойдет Telmi?</h2> <h2 class="section-title">Who Is Telmi For?</h2>
<div class="user-types"> <div class="user-types">
<div class="user-card"> <div class="user-card">
<div class="user-emoji">👶</div> <div class="user-emoji">👶</div>
<h3>Детям с нарушениями речи</h3> <h3>Children with speech disorders</h3>
<p>Помогает выражать основные потребности и эмоции</p> <p>Helps express basic needs and emotions</p>
</div> </div>
<div class="user-card"> <div class="user-card">
<div class="user-emoji">🧩</div> <div class="user-emoji">🧩</div>
<h3>Людям с аутизмом</h3> <h3>People with autism</h3>
<p>Упрощает коммуникацию и снижает тревожность</p> <p>Simplifies communication and reduces anxiety</p>
</div> </div>
<div class="user-card"> <div class="user-card">
<div class="user-emoji">👵</div> <div class="user-emoji">👵</div>
<h3>Взрослым с ограниченными возможностями</h3> <h3>Adults with disabilities</h3>
<p>Дает возможность быть услышанным в любых ситуациях</p> <p>Enables being heard in any situation</p>
</div> </div>
</div> </div>
</div> </div>
@ -76,22 +76,22 @@
<!-- How It Works Section --> <!-- How It Works Section -->
<section class="section" id="how-it-works"> <section class="section" id="how-it-works">
<div class="container"> <div class="container">
<h2 class="section-title">Как работает Telmi?</h2> <h2 class="section-title">How Telmi Works</h2>
<div class="features"> <div class="features">
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon">👆</div> <div class="feature-icon">👆</div>
<h3>Выбираете иконку</h3> <h3>Select an icon</h3>
<p>Часы мгновенно озвучивают ваш запрос понятным голосом</p> <p>The watch instantly voices your request clearly</p>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon">👂</div> <div class="feature-icon">👂</div>
<h3>Получаете ответ</h3> <h3>Get response</h3>
<p>Родители, учителя или близкие сразу понимают вашу потребность</p> <p>Parents, teachers or caregivers immediately understand your needs</p>
</div> </div>
<div class="feature-card"> <div class="feature-card">
<div class="feature-icon">🎙️</div> <div class="feature-icon">🎙️</div>
<h3>Используете ассистента</h3> <h3>Use assistant</h3>
<p>Голосовой помощник выполняет команды и напоминает о важном</p> <p>Voice assistant executes commands and reminds of important things</p>
</div> </div>
</div> </div>
</div> </div>
@ -99,10 +99,10 @@
<!-- Video Block --> <!-- Video Block -->
<section class="section"> <section class="section">
<h2 class="section-title">Как использовать смарт-часы Telmi?</h2> <h2 class="section-title">How to Use Telmi Smartwatches?</h2>
<div class="video-container"> <div class="video-container">
<iframe <iframe
src="https://www.youtube.com/embed/7Ell_V8V6es?autoplay=1&mute=1&loop=1&playlist=7Ell_V8V6es&controls=0" src="https://www.youtube.com/embed/IQ6Eh4gBf7w?autoplay=1&mute=1&loop=1&playlist=IQ6Eh4gBf7w&controls=0"
frameborder="0" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope" allow="accelerometer; autoplay; encrypted-media; gyroscope"
allowfullscreen> allowfullscreen>
@ -113,61 +113,61 @@
<!-- Disease/Condition Help Table --> <!-- Disease/Condition Help Table -->
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<h2 class="section-title">Польза Telmi при конкретных нарушениях</h2> <h2 class="section-title">Telmi Benefits for Specific Conditions</h2>
<div class="disease-grid"> <div class="disease-grid">
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon">🧩</span> <span class="disease-icon">🧩</span>
<h3>Аутизм (РАС)</h3> <h3>Autism (ASD)</h3>
<p class="help-text">Помогает выражать потребности, эмоции, снижает уровень стресса</p> <p class="help-text">Helps express needs, emotions, reduces stress levels</p>
<p class="features-text">Иконки с озвучкой, простые фразы, SOS-кнопка</p> <p class="features-text">Voiced icons, simple phrases, SOS button</p>
</div> </div>
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon">🗣️</span> <span class="disease-icon">🗣️</span>
<h3>Алалия (моторная/сенсорная)</h3> <h3>Alalia (motor/sensory)</h3>
<p class="help-text">Заменяет или дополняет устную речь</p> <p class="help-text">Replaces or supplements verbal speech</p>
<p class="features-text">Иконки с действиями и предметами</p> <p class="features-text">Action and object icons</p>
</div> </div>
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon">🧠</span> <span class="disease-icon">🧠</span>
<h3>Афазия (после инсульта/ЧМТ)</h3> <h3>Aphasia (post-stroke/TBI)</h3>
<p class="help-text">Восстанавливает базовую коммуникацию</p> <p class="help-text">Restores basic communication</p>
<p class="features-text">Предустановленные фразы, персонализированные кнопки</p> <p class="features-text">Pre-set phrases, personalized buttons</p>
</div> </div>
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon"></span> <span class="disease-icon"></span>
<h3>ДЦП (с нарушением речи)</h3> <h3>Cerebral Palsy (with speech impairment)</h3>
<p class="help-text">Обеспечивает способ общения при сохранённом интеллекте</p> <p class="help-text">Provides communication method while preserving intellect</p>
<p class="features-text">Простое меню, голосовой выход, иконки</p> <p class="features-text">Simple menu, voice output, icons</p>
</div> </div>
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon">🧠</span> <span class="disease-icon">🧠</span>
<h3>Интеллектуальные нарушения</h3> <h3>Intellectual disabilities</h3>
<p class="help-text">Облегчает понимание и взаимодействие с окружающими</p> <p class="help-text">Facilitates understanding and interaction</p>
<p class="features-text">Минималистичный интерфейс, визуальная поддержка</p> <p class="features-text">Minimalist interface, visual support</p>
</div> </div>
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon">👶</span> <span class="disease-icon">👶</span>
<h3>Синдром Дауна</h3> <h3>Down Syndrome</h3>
<p class="help-text">Развивает коммуникационные навыки, помогает в социализации</p> <p class="help-text">Develops communication skills, aids socialization</p>
<p class="features-text">Речевые шаблоны, обучение простым фразам</p> <p class="features-text">Speech templates, simple phrase training</p>
</div> </div>
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon">🫁</span> <span class="disease-icon">🫁</span>
<h3>БАС / болезнь Паркинсона</h3> <h3>ALS/Parkinson's Disease</h3>
<p class="help-text">Позволяет продолжать общение на поздних стадиях заболевания</p> <p class="help-text">Enables continued communication in late stages</p>
<p class="features-text">Большие кнопки, быстрые фразы, SOS-сигнал</p> <p class="features-text">Large buttons, quick phrases, SOS signal</p>
</div> </div>
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon">👂</span> <span class="disease-icon">👂</span>
<h3>Глухонемота / тугоухость</h3> <h3>Deafness/Hard of Hearing</h3>
<p class="help-text">Служит универсальным способом общения без необходимости речи</p> <p class="help-text">Universal communication without speech</p>
<p class="features-text">Визуальные и текстовые элементы, виброотклик</p> <p class="features-text">Visual/text elements, vibration feedback</p>
</div> </div>
<div class="disease-card"> <div class="disease-card">
<span class="disease-icon">🏥</span> <span class="disease-icon">🏥</span>
<h3>Послеоперационные состояния</h3> <h3>Post-Surgical Recovery</h3>
<p class="help-text">Временная замена речи (например, после операций на гортани)</p> <p class="help-text">Temporary speech replacement (e.g. post-larynx surgery)</p>
<p class="features-text">Предустановленные фразы и простые команды</p> <p class="features-text">Pre-set phrases and simple commands</p>
</div> </div>
</div> </div>
</div> </div>
@ -176,30 +176,30 @@
<!-- Why Section --> <!-- Why Section -->
<section class="section why-section" id="why-telmi"> <section class="section why-section" id="why-telmi">
<div class="container"> <div class="container">
<h2 class="section-title">Почему Telmi?</h2> <h2 class="section-title">Why Choose Telmi?</h2>
</div> </div>
<div class="why-container"> <div class="why-container">
<button class="scroll-btn left"></button> <button class="scroll-btn left"></button>
<div class="cards-wrapper"> <div class="cards-wrapper">
<div class="benefit-card"> <div class="benefit-card">
<h3>📢 Голосовое оповещение</h3> <h3>📢 Voice Announcement</h3>
<p>Часы говорят за вас четким и понятным голосом в любой ситуации</p> <p>The watch speaks for you clearly in any situation</p>
</div> </div>
<div class="benefit-card"> <div class="benefit-card">
<h3>🎨 Интуитивные иконки</h3> <h3>🎨 Intuitive Icons</h3>
<p>Простой интерфейс с понятными изображениями для мгновенного выбора</p> <p>Simple interface with clear images for instant selection</p>
</div> </div>
<div class="benefit-card"> <div class="benefit-card">
<h3>🔔 Напоминания</h3> <h3>🔔 Reminders</h3>
<p>Важные события и расписание всегда под контролем</p> <p>Important events and schedules always managed</p>
</div> </div>
<div class="benefit-card"> <div class="benefit-card">
<h3>❤️ Мониторинг здоровья</h3> <h3>❤️ Health Monitoring</h3>
<p>Отслеживание пульса, температуры и активности</p> <p>Tracks heart rate, temperature and activity</p>
</div> </div>
<div class="benefit-card"> <div class="benefit-card">
<h3>📞 Служба поддержки</h3> <h3>📞 24/7 Support</h3>
<p>Помощь и консультации 24/7 по любым вопросам</p> <p>Help and consultations available anytime</p>
</div> </div>
</div> </div>
<button class="scroll-btn right"></button> <button class="scroll-btn right"></button>
@ -209,7 +209,7 @@
<!-- Testimonials Section --> <!-- Testimonials Section -->
<section class="section reviews-section" id="reviews"> <section class="section reviews-section" id="reviews">
<div class="container"> <div class="container">
<h2 class="section-title">Отзывы пользователей</h2> <h2 class="section-title">User Testimonials</h2>
</div> </div>
<div class="reviews-container"> <div class="reviews-container">
<button class="review-scroll-btn left"></button> <button class="review-scroll-btn left"></button>
@ -218,29 +218,29 @@
<div class="user-avatar-container"> <div class="user-avatar-container">
<img src="https://randomuser.me/api/portraits/women/43.jpg" class="user-avatar" alt="Марина"> <img src="https://randomuser.me/api/portraits/women/43.jpg" class="user-avatar" alt="Марина">
</div> </div>
<p>"Благодаря Telmi, мой ребенок теперь может сам выражать свои желания. Это изменило нашу жизнь!"</p> <p>"Thanks to Telmi, my child can now express their wishes independently. It changed our lives!"</p>
<div class="testimonial-author">- Марина, мама 8-летнего Артема</div> <div class="testimonial-author">- Marina, mother of 8-year-old Artem</div>
</div> </div>
<div class="review-card"> <div class="review-card">
<div class="user-avatar-container"> <div class="user-avatar-container">
<img src="https://randomuser.me/api/portraits/women/65.jpg" class="user-avatar" alt="Ольга"> <img src="https://randomuser.me/api/portraits/women/65.jpg" class="user-avatar" alt="Ольга">
</div> </div>
<p>"Как педагог, я вижу огромный прогресс у детей с аутизмом, использующих Telmi. Они стали более открытыми и спокойными."</p> <p>"As an educator, I see tremendous progress in children with autism using Telmi. They've become more open and calm."</p>
<div class="testimonial-author">- Ольга Сергеевна, логопед</div> <div class="testimonial-author">- Olga Sergeevna, speech therapist</div>
</div> </div>
<div class="review-card"> <div class="review-card">
<div class="user-avatar-container"> <div class="user-avatar-container">
<img src="https://randomuser.me/api/portraits/men/32.jpg" class="user-avatar" alt="Дмитрий"> <img src="https://randomuser.me/api/portraits/men/32.jpg" class="user-avatar" alt="Дмитрий">
</div> </div>
<p>"Моя бабушка после инсульта снова может общаться с нами. Telmi стал для нас настоящим спасением."</p> <p>"My grandmother can communicate with us again after her stroke. Telmi has been a lifesaver."</p>
<div class="testimonial-author">- Дмитрий, внук</div> <div class="testimonial-author">- Dmitry, grandson</div>
</div> </div>
<div class="review-card"> <div class="review-card">
<div class="user-avatar-container"> <div class="user-avatar-container">
<img src="https://randomuser.me/api/portraits/women/22.jpg" class="user-avatar" alt="Анна"> <img src="https://randomuser.me/api/portraits/women/22.jpg" class="user-avatar" alt="Анна">
</div> </div>
<p>"Простое и эффективное решение для невербальных детей. Рекомендую всем родителям!"</p> <p>"Simple yet effective solution for non-verbal children. I recommend it to all parents!"</p>
<div class="testimonial-author">- Анна, мама 6-летней Софии</div> <div class="testimonial-author">- Anna, mother of 6-year-old Sofia</div>
</div> </div>
</div> </div>
<button class="review-scroll-btn right"></button> <button class="review-scroll-btn right"></button>
@ -250,7 +250,7 @@
<!-- CTA Section --> <!-- CTA Section -->
<section class="cta-section" id="order"> <section class="cta-section" id="order">
<h2>Где купить Telmi?</h2> <h2>Where to Buy Telmi?</h2>
<div class="container"> <div class="container">
<div class="cta-content"> <div class="cta-content">
@ -271,43 +271,24 @@
</div> </div>
<div class="cta-text"> <div class="cta-text">
<div class="discount-badge">Акция: скидка 10% сегодня!</div> <div class="discount-badge">Special: 10% off today!</div>
<div class="price">14 990 <span style="text-decoration: line-through; opacity: 0.7; font-size: 1.5rem;">16 990 ₽</span></div> <div class="price">$210 <span style="text-decoration: line-through; opacity: 0.7; font-size: 1.5rem;">$230</span></div>
<div class="payment-container"> <div class="payment-container">
<iframe <script async
src="https://yoomoney.ru/quickpay/fundraise/button?billNumber=19ACK72QFDN.250330&" src="https://js.stripe.com/v3/buy-button.js">
frameborder="0" </script>
scrolling="no">
</iframe> <stripe-buy-button
buy-button-id="buy_btn_1REELEBQTq2kFhuKQfn3P8QC"
publishable-key="pk_live_51Nv50oBQTq2kFhuKvldnzLIqGINqHPmqTSEearHlpRe3EoAkHHCa9czjhM36mSJpkoAEDIxqsMBkZwxZ4sqObgU600YHQNhPK2"
>
</stripe-buy-button>
</div> </div>
<p class="urgency">Осталось 15 штук по акции<br> <p class="urgency">Only 15 units left at this price<br>
Напишите нам для уточнения делатей заказа Contact us for order details
</p> </p>
</div> </div>
<div class="social-embeds">
<h2 class="section-title">Мы в соцсетях</h2>
<div class="embeds-container">
<div class="embed-wrapper">
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/reel/DIZEZjJANOO/?utm_source=ig_web_copy_link&igsh=ZDNlZDc0MzIxNw%3D%3D" data-instgrm-version="14">
<div style="padding:16px;">
<div style="display: flex; justify-content: center;">
<div style="background-color: #F4F4F4; border-radius: 50%; height: 40px; width: 40px;"></div>
</div>
<div style="padding: 19% 0;"></div>
<div style="display:block; height:50px; margin:0 auto 12px; width:50px;"></div>
<div style="padding-top: 8px;">
<div style="color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this post on Instagram</div>
</div>
<div style="padding: 12.5% 0;"></div>
<div style="display: flex; justify-content: center;">
<div style="background-color: #F4F4F4; height: 12.5px; width: 12.5px; transform: rotate(45deg) translateX(3px) translateY(1px);"></div>
<div style="background-color: #F4F4F4; height: 12.5px; width: 12.5px; transform: rotate(-45deg) translateX(-3px) translateY(1px);"></div>
</div>
</div>
</blockquote>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
@ -323,8 +304,8 @@
<i class="fab fa-whatsapp fa-4x"></i> <i class="fab fa-whatsapp fa-4x"></i>
</a> </a>
</div> </div>
<p>© 2025 Telmi. Все права защищены.</p> <p>© 2025 Telmi. All rights reserved.</p>
<p>support@mytelmi.ru</p> <p>support@mytelmi.com</p>
</div> </div>
</footer> </footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>