| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>RUN A RACE | Assessoria de Corrida e Inscrição em Provas em BH</title> |
| <meta name="description" content="Corra provas incríveis em BH ou treine com nossa assessoria personalizada de corrida. Inscrições para provas e treinos especializados para mulheres."> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet"> |
| <style> |
| :root { |
| --primary: #8A2BE2; |
| --secondary: #4B0082; |
| --accent: #FF1493; |
| } |
| |
| body { |
| font-family: 'Open Sans', sans-serif; |
| background-color: #f9fafb; |
| } |
| |
| h1, h2, h3, h4, h5, h6 { |
| font-family: 'Montserrat', sans-serif; |
| font-weight: 600; |
| } |
| |
| .gradient-bg { |
| background: linear-gradient(135deg, var(--primary), var(--secondary), var(--accent)); |
| } |
| |
| .gradient-text { |
| background: linear-gradient(135deg, var(--primary), var(--accent)); |
| -webkit-background-clip: text; |
| background-clip: text; |
| color: transparent; |
| display: inline-block; |
| } |
| |
| @media (max-width: 768px) { |
| .container { |
| padding-left: 1rem; |
| padding-right: 1rem; |
| } |
| .hero-title { |
| font-size: 2rem; |
| } |
| } |
| |
| .rounded-card { |
| border-radius: 20px; |
| } |
| |
| .btn-primary { |
| background: linear-gradient(90deg, var(--primary), var(--accent)); |
| transition: all 0.3s ease; |
| } |
| |
| .btn-primary:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); |
| } |
| |
| .running-icon { |
| animation: run 2s infinite alternate; |
| } |
| |
| @keyframes run { |
| 0% { transform: translateX(0); } |
| 100% { transform: translateX(5px); } |
| } |
| |
| .testimonial-card { |
| box-shadow: 0 10px 30px -10px rgba(138, 43, 226, 0.3); |
| } |
| |
| .race-card:hover { |
| transform: translateY(-5px); |
| transition: all 0.3s ease; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <header class="sticky top-0 z-50 bg-white shadow-md"> |
| <div class="w-full px-4 sm:px-6 py-4"> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center"> |
| <div class="mr-2 w-40"> |
| <img src="https://runarace.com.br/wp-content/uploads/elementor/thumbs/Logo_RUNARACE-02-qqevxw3yrxz6f70390zmwqi090biwl9vlyrl2sfadq.png" |
| alt="RUN A RACE Logo" |
| class="w-full max-w-full"> |
| </div> |
| </div> |
| |
| <nav class="hidden md:flex space-x-8"> |
| <a href="https://runarace.com.br/" class="text-gray-800 hover:text-purple-600 font-semibold">Início</a> |
| <a href="https://runarace.com.br/provas" class="text-gray-800 hover:text-purple-600 font-semibold">Provas</a> |
| <a href="https://wa.me/message/XCCW7QADJVADP1" class="text-gray-800 hover:text-purple-600 font-semibold">Assessoria</a> |
| <a href="#contato" class="text-gray-800 hover:text-purple-600 font-semibold">Contato</a> |
| </nav> |
| |
| <div class="md:hidden ml-4"> |
| <button class="text-gray-800 focus:outline-none p-2"> |
| <i class="fas fa-bars text-2xl"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| </header> |
|
|
| |
| <section class="gradient-bg text-white py-20 md:py-28"> |
| <div class="w-full px-6 flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-10 md:mb-0"> |
| <h1 class="text-3xl sm:text-4xl md:text-5xl font-bold mb-4 hero-title text-white">Transforme sua corrida com a RUN A RACE®</h1> |
| <p class="text-xl mb-8">Alcance seus objetivos com treinos personalizados e participe das melhores provas de BH.</p> |
| <div class="flex flex-col sm:flex-row gap-4"> |
| <a href="https://runarace.com.br/provas/" class="btn-primary text-white font-bold py-3 px-6 rounded-full text-center"> |
| <i class="fas fa-ticket-alt mr-2"></i> Ver provas em BH |
| </a> |
| <a href="/assessoria" class="bg-white text-purple-600 font-bold py-3 px-6 rounded-full text-center hover:bg-gray-100 transition"> |
| <i class="fas fa-dumbbell mr-2"></i> Conheça a Assessoria |
| </a> |
| </div> |
| </div> |
| <div class="md:w-1/2 flex justify-center"> |
| <img src="https://images.unsplash.com/photo-1552674605-db6ffd4facb5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" |
| alt="Grupo de pessoas correndo felizes" |
| class="rounded-card w-full max-w-lg shadow-2xl"> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="w-full px-4 sm:px-6"> |
| <h2 class="text-3xl font-bold text-center mb-12 gradient-text">Nossos Serviços</h2> |
| |
| <div class="grid md:grid-cols-2 gap-10 max-w-5xl mx-auto"> |
| |
| <div class="bg-gray-50 rounded-card p-10 shadow-lg hover:shadow-xl transition"> |
| <div class="gradient-text text-4xl mb-4"> |
| <i class="fas fa-medal"></i> |
| </div> |
| <h3 class="text-2xl font-bold mb-3 text-gray-800">Provas em BH</h3> |
| <p class="text-gray-600 mb-4">Venda de inscrições com suporte por WhatsApp e curadoria dos melhores eventos de corrida em Belo Horizonte.</p> |
| <a href="https://runarace.com.br/provas/" class="text-purple-600 font-semibold hover:text-purple-800 flex items-center"> |
| Saiba mais <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| |
| |
| <div class="bg-gray-50 rounded-card p-8 shadow-lg hover:shadow-xl transition"> |
| <div class="gradient-text text-4xl mb-4"> |
| <i class="fas fa-chart-line"></i> |
| </div> |
| <h3 class="text-2xl font-bold mb-3 text-gray-800">Assessoria de Corrida</h3> |
| <p class="text-gray-600 mb-4">Treinos personalizados com acompanhamento humano, baseado em ciência para garantir seus melhores resultados.</p> |
| <a href="/assessoria" class="text-purple-600 font-semibold hover:text-purple-800 flex items-center"> |
| Saiba mais <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-gray-50"> |
| <div class="w-full px-4"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/3 mb-8 md:mb-0 flex justify-center"> |
| <img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" |
| alt="Treinador Igor Arruda" |
| class="rounded-card w-full max-w-xs shadow-lg"> |
| </div> |
| <div class="md:w-2/3 md:pl-12"> |
| <h2 class="text-3xl font-bold mb-6 gradient-text">Sobre a Assessoria de Corrida</h2> |
| <p class="text-gray-700 mb-6 text-lg">Conheça Igor Arruda, o profissional por trás da RUN A RACE:</p> |
| |
| <div class="mb-6"> |
| <p class="text-gray-600 mb-4">Igor é educador físico com CREF 038718 G/MG, formado pela faculdade Pitágoras e especialista em Biomecânica, Cinesiologia (Estácio) e Sistemas de Treinamento (UFMG).</p> |
| <p class="text-gray-600 mb-4">É autor de artigo científico publicado em parceria com o LACEF sobre treinamento de atletas amadores. Atua com foco em corrida de rua, estética feminina, ergonomia e prevenção de lesões.</p> |
| <a href="#" class="text-purple-600 font-semibold hover:text-purple-800 flex items-center"> |
| <i class="fas fa-book-open mr-2"></i> Leia o artigo científico aqui |
| </a> |
| </div> |
| |
| <a href="/assessoria" class="btn-primary text-white font-bold py-3 px-6 rounded-full inline-block"> |
| <i class="fas fa-user-tie mr-2"></i> Conheça nosso método |
| </a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="w-full px-4"> |
| <h2 class="text-3xl font-bold text-center mb-12 gradient-text">Nossos Planos de Treino</h2> |
| |
| <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto"> |
| |
| <div class="bg-gradient-to-br from-purple-50 to-pink-50 rounded-card p-8 shadow-lg border border-purple-100"> |
| <div class="text-center mb-6"> |
| <h3 class="text-2xl font-bold text-gray-800">Plano Mensal</h3> |
| <div class="mt-4"> |
| <span class="text-4xl font-bold gradient-text">R$109,90</span> |
| <span class="text-gray-500">/mês</span> |
| </div> |
| </div> |
| <ul class="space-y-3 mb-8"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span class="text-gray-700">Treino personalizado</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span class="text-gray-700">Acompanhamento semanal</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span class="text-gray-700">Suporte via WhatsApp</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span class="text-gray-700">Planilha de evolução</span> |
| </li> |
| </ul> |
| <a href="https://wa.me/message/XCCW7QADJVADP1" class="btn-primary text-white font-bold py-3 px-6 rounded-full w-full text-center block"> |
| Assinar Plano |
| </a> |
| </div> |
| |
| |
| <div class="bg-gradient-to-br from-blue-50 to-purple-50 rounded-card p-8 shadow-lg border border-blue-100 relative"> |
| <div class="absolute top-0 right-0 bg-pink-500 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg"> |
| MAIS ECONÔMICO |
| </div> |
| <div class="text-center mb-6"> |
| <h3 class="text-2xl font-bold text-gray-800">Plano Trimestral</h3> |
| <div class="mt-4"> |
| <span class="text-4xl font-bold gradient-text">R$99,90</span> |
| <span class="text-gray-500">/mês</span> |
| </div> |
| <p class="text-sm text-gray-500 mt-1">(Cobrado trimestralmente: R$299,70)</p> |
| </div> |
| <ul class="space-y-3 mb-8"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span class="text-gray-700">Todos os benefícios do mensal</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span class="text-gray-700">Economia de R$30</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span class="text-gray-700">Avaliação física inicial</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span class="text-gray-700">Prioridade no atendimento</span> |
| </li> |
| </ul> |
| <a href="https://wa.me/message/XCCW7QADJVADP1" class="btn-primary text-white font-bold py-3 px-6 rounded-full w-full text-center block"> |
| Assinar Plano |
| </a> |
| </div> |
| </div> |
| |
| <div class="text-center mt-12"> |
| <a href="/assessoria" class="text-purple-600 font-semibold hover:text-purple-800 flex items-center justify-center"> |
| <i class="fas fa-info-circle mr-2"></i> Veja todos os detalhes da assessoria |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-gray-50"> |
| <div class="w-full px-4"> |
| <h2 class="text-3xl font-bold text-center mb-6 gradient-text">Provas de Corrida em BH</h2> |
| <p class="text-xl text-center text-gray-600 mb-12">As melhores corridas de rua de Belo Horizonte</p> |
| |
| <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6"> |
| |
| <div class="bg-white rounded-card p-6 shadow-md race-card hover:shadow-lg transition"> |
| <div class="h-40 bg-purple-100 rounded-lg mb-4 overflow-hidden"> |
| <img src="https://runarace.com.br/wp-content/uploads/2025/07/WhatsApp-Image-2025-06-30-at-21.31.02.jpeg" |
| alt="Corrida Itatiaia" |
| class="w-full h-full object-cover"> |
| </div> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Corrida Itatiaia</h3> |
| <p class="text-gray-600 mb-2">DOMINGO - 3 de Agosto de 2025</p> |
| <p class="text-gray-600 mb-2">PRAÇA NOVA - Pampulha</p> |
| <p class="text-gray-600 mb-4">Kit Completo - R$100,00</p> |
| <div class="flex justify-between items-center"> |
| <a href="https://loja.infinitepay.io/runarace" class="text-purple-600 font-semibold hover:text-purple-800"> |
| 💳PAGUE COM CARTÃO EM ATÉ 12X OU PIX |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-card p-6 shadow-md race-card hover:shadow-lg transition"> |
| <div class="h-40 bg-blue-100 rounded-lg mb-4 overflow-hidden"> |
| <img src="https://runarace.com.br/wp-content/uploads/2025/06/WhatsApp-Image-2025-06-25-at-23.22.56.jpeg" |
| alt="Corrida do Galo" |
| class="w-full h-full object-cover object-top"> |
| </div> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Corrida do Galo</h3> |
| <p class="text-gray-600 mb-4">5km, 10km, caminhada e kids</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-purple-600 font-bold">Kit R$140 / Kit+corta-vento R$249,90</span> |
| <a href="https://loja.infinitepay.io/runarace" class="text-white bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded-full text-sm font-semibold"> |
| Inscreva-se |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-card p-6 shadow-md race-card hover:shadow-lg transition"> |
| <div class="h-40 bg-pink-100 rounded-lg mb-4 overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1519861531473-9200262188bf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80" |
| alt="Kids Run" |
| class="w-full h-full object-cover"> |
| </div> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Kids Run</h3> |
| <p class="text-gray-600 mb-4">Para crianças de 2012 a 2021</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-purple-600 font-bold">Inscrições abertas</span> |
| <a href="https://wa.me/5531999923531" class="text-white bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded-full text-sm font-semibold"> |
| WhatsApp |
| </a> |
| </div> |
| </div> |
| </div> |
| |
| <div class="text-center mt-12"> |
| <a href="/provas" class="btn-primary text-white font-bold py-3 px-8 rounded-full inline-block"> |
| <i class="fas fa-list-ul mr-2"></i> Ver todas as provas |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="w-full px-4"> |
| <h2 class="text-3xl font-bold text-center mb-12 gradient-text">Nossa Comunidade</h2> |
| |
| <div class="grid md:grid-cols-3 gap-8"> |
| |
| <div class="bg-gray-50 rounded-card p-6 testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" |
| alt="Ana Clara" |
| class="w-12 h-12 rounded-full object-cover mr-4"> |
| <div> |
| <h4 class="font-bold text-gray-800">Ana Clara</h4> |
| <p class="text-sm text-gray-500">Aluna há 8 meses</p> |
| </div> |
| </div> |
| <p class="text-gray-700 italic mb-4">"Com a assessoria da RUN A RACE consegui melhorar meu tempo na corrida e me sentir mais confiante. O Igor é super atencioso!"</p> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| |
| |
| <div class="bg-gray-50 rounded-card p-6 testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <img src="https://randomuser.me/api/portraits/women/32.jpg" |
| alt="Juliana" |
| class="w-12 h-12 rounded-full object-cover mr-4"> |
| <div> |
| <h4 class="font-bold text-gray-800">Juliana</h4> |
| <p class="text-sm text-gray-500">Aluna há 1 ano</p> |
| </div> |
| </div> |
| <p class="text-gray-700 italic mb-4">"Nunca imaginei que conseguiria correr 10km! A metodologia deles é perfeita para quem está começando. Recomendo demais!"</p> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| |
| |
| <div class="bg-gray-50 rounded-card p-6 testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <img src="https://randomuser.me/api/portraits/men/22.jpg" |
| alt="Ricardo" |
| class="w-12 h-12 rounded-full object-cover mr-4"> |
| <div> |
| <h4 class="font-bold text-gray-800">Ricardo</h4> |
| <p class="text-sm text-gray-500">Aluno há 6 meses</p> |
| </div> |
| </div> |
| <p class="text-gray-700 italic mb-4">"Depois de várias tentativas frustradas, finalmente encontrei uma assessoria que entende minhas limitações e me ajuda a superá-las."</p> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star-half-alt"></i> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-12 text-center"> |
| <a href="#" class="text-purple-600 font-semibold hover:text-purple-800 flex items-center justify-center"> |
| <i class="fab fa-instagram mr-2"></i> Veja mais depoimentos no nosso Instagram |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 gradient-bg text-white"> |
| <div class="w-full px-4 text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Vamos correr juntes?</h2> |
| <p class="text-xl mb-8 max-w-2xl mx-auto">Junte-se à nossa comunidade de corredores e alcance seus objetivos com acompanhamento profissional.</p> |
| <a href="https://wa.me/message/XCCW7QADJVADP1" class="btn-primary text-white font-bold py-4 px-12 rounded-full inline-block text-lg hover:shadow-xl"> |
| <i class="fas fa-running mr-2"></i> Quero começar agora |
| </a> |
| </div> |
| </section> |
|
|
| |
| <section id="contato" class="py-20 bg-white"> |
| <div class="w-full px-8"> |
| <h2 class="text-3xl font-bold text-center mb-12 gradient-text">Fale Conosco</h2> |
| |
| <div class="grid md:grid-cols-2 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold text-gray-800 mb-4">Informações de Contato</h3> |
| <div class="space-y-4"> |
| <div class="flex items-start"> |
| <i class="fas fa-map-marker-alt text-purple-600 mt-1 mr-3"></i> |
| <div> |
| <h4 class="font-semibold text-gray-800">Endereço</h4> |
| <p class="text-gray-600">Belo Horizonte, MG</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <i class="fas fa-envelope text-purple-600 mt-1 mr-3"></i> |
| <div> |
| <h4 class="font-semibold text-gray-800">Email</h4> |
| <p class="text-gray-600">contato@runarace.com.br</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <i class="fab fa-whatsapp text-purple-600 mt-1 mr-3"></i> |
| <div> |
| <h4 class="font-semibold text-gray-800">WhatsApp</h4> |
| <p class="text-gray-600">(31) 98765-4321</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-8"> |
| <h3 class="text-xl font-bold text-gray-800 mb-4">Siga-nos</h3> |
| <div class="flex space-x-4"> |
| <a href="#" class="bg-purple-100 text-purple-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-purple-200 transition"> |
| <i class="fab fa-instagram"></i> |
| </a> |
| <a href="#" class="bg-purple-100 text-purple-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-purple-200 transition"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| <a href="#" class="bg-purple-100 text-purple-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-purple-200 transition"> |
| <i class="fab fa-youtube"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| |
| <div> |
| <form class="space-y-4"> |
| <div> |
| <label for="name" class="block text-gray-700 font-medium mb-1">Nome</label> |
| <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 outline-none transition"> |
| </div> |
| <div> |
| <label for="email" class="block text-gray-700 font-medium mb-1">Email</label> |
| <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 outline-none transition"> |
| </div> |
| <div> |
| <label for="phone" class="block text-gray-700 font-medium mb-1">Telefone</label> |
| <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 outline-none transition"> |
| </div> |
| <div> |
| <label for="message" class="block text-gray-700 font-medium mb-1">Mensagem</label> |
| <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 outline-none transition"></textarea> |
| </div> |
| <button type="submit" class="btn-primary text-white font-bold py-3 px-6 rounded-full w-full"> |
| Enviar Mensagem |
| </button> |
| </form> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white py-12"> |
| <div class="w-full px-8"> |
| <div class="flex flex-col md:flex-row justify-between items-center"> |
| <div class="mb-6 md:mb-0"> |
| <div class="mb-2 w-40"> |
| <img src="https://runarace.com.br/wp-content/uploads/elementor/thumbs/Logo_RUNARACE-02-qqevxw3yrxz6f70390zmwqi090biwl9vlyrl2sfadq.png" |
| alt="RUN A RACE Logo" |
| class="w-full max-w-full"> |
| </div> |
| <p class="text-gray-400">Assessoria de corrida e inscrição em provas em BH</p> |
| </div> |
| |
| <div class="flex flex-col items-center md:items-end"> |
| <div class="flex space-x-6 mb-4"> |
| <a href="#" class="text-gray-400 hover:text-white transition"> |
| <i class="fab fa-instagram"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white transition"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white transition"> |
| <i class="fab fa-whatsapp"></i> |
| </a> |
| </div> |
| <p class="text-gray-400 text-sm">@runarace_assessoria</p> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500 text-sm"> |
| <p>© 2025 RUN A RACE®. Todos os direitos reservados.</p> |
| <p class="mt-2">Desenvolvido com <i class="fas fa-heart text-pink-500"></i> para corredores de BH</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| const mobileMenuButton = document.querySelector('.md\\:hidden button'); |
| const mobileMenu = document.createElement('div'); |
| mobileMenu.className = 'hidden bg-white w-full py-4 px-4 shadow-lg'; |
| mobileMenu.innerHTML = ` |
| <div class="flex flex-col space-y-4"> |
| <a href="https://runarace.com.br/" class="text-gray-800 hover:text-purple-600 font-semibold">Início</a> |
| <a href="https://runarace.com.br/provas/" class="text-gray-800 hover:text-purple-600 font-semibold">Provas</a> |
| <a href="https://wa.me/message/XCCW7QADJVADP1" class="text-gray-800 hover:text-purple-600 font-semibold">Assessoria</a> |
| <a href="#contato" class="text-gray-800 hover:text-purple-600 font-semibold">Contato</a> |
| </div> |
| `; |
| |
| mobileMenuButton.parentNode.appendChild(mobileMenu); |
| |
| mobileMenuButton.addEventListener('click', function() { |
| const isHidden = mobileMenu.classList.contains('hidden'); |
| if (isHidden) { |
| mobileMenu.classList.remove('hidden'); |
| mobileMenu.classList.add('block'); |
| } else { |
| mobileMenu.classList.add('hidden'); |
| mobileMenu.classList.remove('block'); |
| } |
| }); |
| |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| |
| const targetId = this.getAttribute('href'); |
| if (targetId === '#') return; |
| |
| const targetElement = document.querySelector(targetId); |
| if (targetElement) { |
| targetElement.scrollIntoView({ |
| behavior: 'smooth' |
| }); |
| } |
| }); |
| }); |
| }); |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=runarace/runarace1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
