Academiavip commited on
Commit
76fc192
·
verified ·
1 Parent(s): 9fc5b88

crie mais alguns blocos de quem somos nós por exemplo e outro a importancia de fazer exercicio fisico e com acompanhamento de profissionais. http://static.photos/technology/640x360/5 substituir esta imagem por esta https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSjbV8pt10zJJOwCqOddSxCK8TraaNcWClHsA&s . e muda o nome para Academia Tech.

Browse files
Files changed (1) hide show
  1. index.html +80 -11
index.html CHANGED
@@ -73,10 +73,10 @@
73
  <!-- Header -->
74
  <header class="py-6 px-4 sm:px-8 lg:px-12">
75
  <div class="container mx-auto flex justify-between items-center">
76
- <div class="flex items-center">
77
- <i data-feather="activity" class="text-cyan-400 w-8 h-8 mr-2"></i>
78
- <h1 class="text-2xl sm:text-3xl font-bold neon-text font-orbitron">NEON<span class="text-pink-500">FIT</span></h1>
79
- </div>
80
  <nav class="hidden md:flex space-x-8">
81
  <a href="#" class="text-lg hover:text-cyan-400 transition">Início</a>
82
  <a href="#" class="text-lg hover:text-cyan-400 transition">Treinos</a>
@@ -102,16 +102,85 @@
102
  </div>
103
  <div class="relative">
104
  <div class="neon-box rounded-2xl p-1">
105
- <img src="http://static.photos/technology/640x360/5" alt="Academia futurista" class="rounded-2xl w-full h-auto">
106
- </div>
107
  <div class="absolute -bottom-6 -left-6 w-32 h-32 bg-pink-500 rounded-full filter blur-xl opacity-30"></div>
108
  <div class="absolute -top-6 -right-6 w-32 h-32 bg-cyan-400 rounded-full filter blur-xl opacity-30"></div>
109
  </div>
110
  </div>
111
  </section>
112
-
113
- <!-- Features -->
114
  <section class="py-16 px-4 sm:px-8 lg:px-12 bg-black bg-opacity-70 backdrop-blur-sm">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
115
  <div class="container mx-auto">
116
  <h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center neon-text font-orbitron">NOSSA <span class="text-pink-500">TECNOLOGIA</span></h2>
117
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@@ -196,9 +265,9 @@
196
  <div class="container mx-auto">
197
  <div class="flex flex-col md:flex-row justify-between items-center">
198
  <div class="flex items-center mb-4 md:mb-0">
199
- <i data-feather="activity" class="text-cyan-400 w-6 h-6 mr-2"></i>
200
- <h1 class="text-xl font-bold neon-text font-orbitron">NEON<span class="text-pink-500">FIT</span></h1>
201
- </div>
202
  <div class="flex space-x-4">
203
  <a href="#" class="w-10 h-10 rounded-full border border-cyan-400 flex items-center justify-center text-cyan-400 hover:bg-cyan-400 hover:bg-opacity-10 transition">
204
  <i data-feather="instagram"></i>
 
73
  <!-- Header -->
74
  <header class="py-6 px-4 sm:px-8 lg:px-12">
75
  <div class="container mx-auto flex justify-between items-center">
76
+ <div class="flex items-center">
77
+ <i data-feather="cpu" class="text-cyan-400 w-8 h-8 mr-2"></i>
78
+ <h1 class="text-2xl sm:text-3xl font-bold neon-text font-orbitron">ACADEMIA <span class="text-pink-500">TECH</span></h1>
79
+ </div>
80
  <nav class="hidden md:flex space-x-8">
81
  <a href="#" class="text-lg hover:text-cyan-400 transition">Início</a>
82
  <a href="#" class="text-lg hover:text-cyan-400 transition">Treinos</a>
 
102
  </div>
103
  <div class="relative">
104
  <div class="neon-box rounded-2xl p-1">
105
+ <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSjbV8pt10zJJOwCqOddSxCK8TraaNcWClHsA&s" alt="Academia futurista" class="rounded-2xl w-full h-auto">
106
+ </div>
107
  <div class="absolute -bottom-6 -left-6 w-32 h-32 bg-pink-500 rounded-full filter blur-xl opacity-30"></div>
108
  <div class="absolute -top-6 -right-6 w-32 h-32 bg-cyan-400 rounded-full filter blur-xl opacity-30"></div>
109
  </div>
110
  </div>
111
  </section>
112
+ <!-- About Us -->
 
113
  <section class="py-16 px-4 sm:px-8 lg:px-12 bg-black bg-opacity-70 backdrop-blur-sm">
114
+ <div class="container mx-auto">
115
+ <h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center neon-text font-orbitron">QUEM <span class="text-pink-500">SOMOS</span></h2>
116
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
117
+ <div>
118
+ <div class="neon-box rounded-2xl overflow-hidden">
119
+ <img src="http://static.photos/people/640x360/7" alt="Nossa equipe" class="w-full h-auto">
120
+ </div>
121
+ </div>
122
+ <div>
123
+ <h3 class="text-2xl font-bold mb-4 text-cyan-400">A REVOLUÇÃO DO FITNESS TECNOLÓGICO</h3>
124
+ <p class="mb-4">Na Academia Tech, unimos paixão por fitness com inovação tecnológica para criar a melhor experiência de treino possível.</p>
125
+ <p class="mb-6">Nossa equipe é composta por profissionais altamente qualificados, incluindo educadores físicos, fisioterapeutas e especialistas em tecnologia esportiva.</p>
126
+ <div class="grid grid-cols-2 gap-4">
127
+ <div class="neon-box rounded-lg p-4">
128
+ <div class="flex items-center mb-2">
129
+ <i data-feather="award" class="text-pink-500 w-5 h-5 mr-2"></i>
130
+ <span class="font-bold">10+ Anos</span>
131
+ </div>
132
+ <p class="text-sm">De experiência no mercado</p>
133
+ </div>
134
+ <div class="neon-box rounded-lg p-4">
135
+ <div class="flex items-center mb-2">
136
+ <i data-feather="users" class="text-cyan-400 w-5 h-5 mr-2"></i>
137
+ <span class="font-bold">5000+</span>
138
+ </div>
139
+ <p class="text-sm">Alunos transformados</p>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ </section>
146
+
147
+ <!-- Importance of Exercise -->
148
+ <section class="py-16 px-4 sm:px-8 lg:px-12">
149
+ <div class="container mx-auto">
150
+ <h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center neon-text font-orbitron">A IMPORTÂNCIA DO <span class="text-pink-500">EXERCÍCIO FÍSICO</span></h2>
151
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
152
+ <div>
153
+ <h3 class="text-2xl font-bold mb-4 text-cyan-400">POR QUE TREINAR COM PROFISSIONAIS?</h3>
154
+ <ul class="space-y-4">
155
+ <li class="flex items-start">
156
+ <i data-feather="check-circle" class="text-pink-500 w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
157
+ <span>Prevenção de lesões através da execução correta dos movimentos</span>
158
+ </li>
159
+ <li class="flex items-start">
160
+ <i data-feather="check-circle" class="text-pink-500 w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
161
+ <span>Planos de treino personalizados de acordo com seus objetivos</span>
162
+ </li>
163
+ <li class="flex items-start">
164
+ <i data-feather="check-circle" class="text-pink-500 w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
165
+ <span>Acompanhamento nutricional integrado ao programa de treinos</span>
166
+ </li>
167
+ <li class="flex items-start">
168
+ <i data-feather="check-circle" class="text-pink-500 w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
169
+ <span>Monitoramento constante da evolução e ajustes periódicos</span>
170
+ </li>
171
+ </ul>
172
+ </div>
173
+ <div>
174
+ <div class="neon-box rounded-2xl overflow-hidden">
175
+ <img src="http://static.photos/sport/640x360/3" alt="Treino profissional" class="w-full h-auto">
176
+ </div>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </section>
181
+
182
+ <!-- Features -->
183
+ <section class="py-16 px-4 sm:px-8 lg:px-12 bg-black bg-opacity-70 backdrop-blur-sm">
184
  <div class="container mx-auto">
185
  <h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center neon-text font-orbitron">NOSSA <span class="text-pink-500">TECNOLOGIA</span></h2>
186
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
 
265
  <div class="container mx-auto">
266
  <div class="flex flex-col md:flex-row justify-between items-center">
267
  <div class="flex items-center mb-4 md:mb-0">
268
+ <i data-feather="cpu" class="text-cyan-400 w-6 h-6 mr-2"></i>
269
+ <h1 class="text-xl font-bold neon-text font-orbitron">ACADEMIA <span class="text-pink-500">TECH</span></h1>
270
+ </div>
271
  <div class="flex space-x-4">
272
  <a href="#" class="w-10 h-10 rounded-full border border-cyan-400 flex items-center justify-center text-cyan-400 hover:bg-cyan-400 hover:bg-opacity-10 transition">
273
  <i data-feather="instagram"></i>