Cortex-AI commited on
Commit
2e1e324
·
verified ·
1 Parent(s): c902f9e

Write compelling and professional website copy for a modern fitness gym. The tone should be energetic, motivational, and friendly. Include a strong headline, a short introduction to the gym, a section about facilities and classes, a section about membership options, and a call to action encouraging people to join or visit. The gym focuses on strength training, cardio, group classes, and personal coaching. Target audience: adults aged 20–45 who are health-conscious and goal-oriented. - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +392 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test
3
- emoji: 👁
4
- colorFrom: red
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: test
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,392 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Elevate Fitness | Transform Your Body, Elevate Your Life</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .hero-gradient {
11
+ background: linear-gradient(135deg, rgba(30,64,175,0.9) 0%, rgba(220,38,38,0.85) 100%);
12
+ }
13
+ .pulse-animation {
14
+ animation: pulse 2s infinite;
15
+ }
16
+ @keyframes pulse {
17
+ 0% { transform: scale(1); }
18
+ 50% { transform: scale(1.05); }
19
+ 100% { transform: scale(1); }
20
+ }
21
+ </style>
22
+ </head>
23
+ <body class="font-sans bg-gray-50">
24
+ <!-- Navigation -->
25
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
26
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
27
+ <div class="flex justify-between h-16">
28
+ <div class="flex items-center">
29
+ <div class="flex-shrink-0 flex items-center">
30
+ <i class="fas fa-dumbbell text-red-600 text-2xl mr-2"></i>
31
+ <span class="text-xl font-bold text-gray-900">ELEVATE FITNESS</span>
32
+ </div>
33
+ </div>
34
+ <div class="hidden md:flex items-center space-x-8">
35
+ <a href="#about" class="text-gray-900 hover:text-red-600 px-3 py-2 font-medium">About</a>
36
+ <a href="#facilities" class="text-gray-900 hover:text-red-600 px-3 py-2 font-medium">Facilities</a>
37
+ <a href="#membership" class="text-gray-900 hover:text-red-600 px-3 py-2 font-medium">Membership</a>
38
+ <a href="#contact" class="bg-red-600 text-white px-6 py-2 rounded-full font-medium hover:bg-red-700 transition duration-300">Join Now</a>
39
+ </div>
40
+ <div class="md:hidden flex items-center">
41
+ <button class="text-gray-900">
42
+ <i class="fas fa-bars text-2xl"></i>
43
+ </button>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ </nav>
48
+
49
+ <!-- Hero Section -->
50
+ <header class="hero-gradient text-white">
51
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32">
52
+ <div class="md:flex items-center">
53
+ <div class="md:w-1/2 mb-12 md:mb-0">
54
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">YOUR STRONGEST SELF STARTS HERE</h1>
55
+ <p class="text-xl mb-8">At Elevate Fitness, we don't just change bodies - we transform lives. Our state-of-the-art facility and expert coaches are ready to help you smash your fitness goals.</p>
56
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
57
+ <a href="#membership" class="bg-white text-red-600 px-8 py-4 rounded-full font-bold text-lg text-center hover:bg-gray-100 transition duration-300 pulse-animation">JOIN TODAY</a>
58
+ <a href="#contact" class="border-2 border-white text-white px-8 py-4 rounded-full font-bold text-lg text-center hover:bg-white hover:text-red-600 transition duration-300">BOOK A TOUR</a>
59
+ </div>
60
+ </div>
61
+ <div class="md:w-1/2 flex justify-center">
62
+ <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="Fitness training" class="rounded-lg shadow-2xl max-w-md w-full">
63
+ </div>
64
+ </div>
65
+ </div>
66
+ </header>
67
+
68
+ <!-- About Section -->
69
+ <section id="about" class="py-20 bg-white">
70
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
71
+ <div class="text-center mb-16">
72
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">MORE THAN A GYM - IT'S A COMMUNITY</h2>
73
+ <div class="w-24 h-1 bg-red-600 mx-auto"></div>
74
+ </div>
75
+ <div class="md:flex items-center">
76
+ <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
77
+ <p class="text-lg text-gray-700 mb-6">Welcome to Elevate Fitness, where every workout brings you one step closer to the best version of yourself. We're not just about lifting weights - we're about lifting spirits, confidence, and potential.</p>
78
+ <p class="text-lg text-gray-700 mb-6">Founded by fitness enthusiasts who were tired of impersonal gym experiences, we've created a space where members feel supported, challenged, and celebrated. Whether you're taking your first fitness steps or training for your tenth marathon, you belong here.</p>
79
+ <p class="text-lg text-gray-700">Our philosophy is simple: sustainable results come from smart training, proper nutrition, and a positive mindset. Let us guide you on your journey.</p>
80
+ </div>
81
+ <div class="md:w-1/2">
82
+ <div class="grid grid-cols-2 gap-4">
83
+ <div class="bg-gray-100 p-6 rounded-lg">
84
+ <i class="fas fa-heartbeat text-red-600 text-4xl mb-4"></i>
85
+ <h3 class="text-xl font-bold mb-2">Proven Results</h3>
86
+ <p class="text-gray-700">90% of members report measurable progress within 8 weeks</p>
87
+ </div>
88
+ <div class="bg-gray-100 p-6 rounded-lg">
89
+ <i class="fas fa-users text-red-600 text-4xl mb-4"></i>
90
+ <h3 class="text-xl font-bold mb-2">Expert Coaches</h3>
91
+ <p class="text-gray-700">Certified professionals with 10+ years combined experience</p>
92
+ </div>
93
+ <div class="bg-gray-100 p-6 rounded-lg">
94
+ <i class="fas fa-trophy text-red-600 text-4xl mb-4"></i>
95
+ <h3 class="text-xl font-bold mb-2">Cutting-Edge</h3>
96
+ <p class="text-gray-700">Top-tier equipment from leading fitness brands</p>
97
+ </div>
98
+ <div class="bg-gray-100 p-6 rounded-lg">
99
+ <i class="fas fa-smile text-red-600 text-4xl mb-4"></i>
100
+ <h3 class="text-xl font-bold mb-2">Supportive Community</h3>
101
+ <p class="text-gray-700">Make friends, stay motivated, achieve together</p>
102
+ </div>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </section>
108
+
109
+ <!-- Facilities Section -->
110
+ <section id="facilities" class="py-20 bg-gray-100">
111
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
112
+ <div class="text-center mb-16">
113
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">WORLD-CLASS FACILITIES & CLASSES</h2>
114
+ <div class="w-24 h-1 bg-red-600 mx-auto"></div>
115
+ </div>
116
+
117
+ <div class="grid md:grid-cols-3 gap-8 mb-12">
118
+ <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
119
+ <img src="https://images.unsplash.com/photo-1571902943202-507ec2618e8f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1075&q=80" alt="Strength Training" class="w-full h-48 object-cover">
120
+ <div class="p-6">
121
+ <h3 class="text-xl font-bold mb-3">Strength Training</h3>
122
+ <p class="text-gray-700 mb-4">Build power and confidence with our comprehensive strength area featuring free weights, machines, and power racks.</p>
123
+ <ul class="space-y-2">
124
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> Olympic lifting platforms</li>
125
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> Specialty bars</li>
126
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> Personal coaching available</li>
127
+ </ul>
128
+ </div>
129
+ </div>
130
+
131
+ <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
132
+ <img src="https://images.unsplash.com/photo-1571019614242-c816c32a71d3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80" alt="Cardio Zone" class="w-full h-48 object-cover">
133
+ <div class="p-6">
134
+ <h3 class="text-xl font-bold mb-3">Cardio Zone</h3>
135
+ <p class="text-gray-700 mb-4">Burn calories and boost endurance with our premium cardio equipment featuring immersive entertainment options.</p>
136
+ <ul class="space-y-2">
137
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> Treadmills with virtual trails</li>
138
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> Stairmasters & rowers</li>
139
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> Heart rate monitoring</li>
140
+ </ul>
141
+ </div>
142
+ </div>
143
+
144
+ <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
145
+ <img src="https://images.unsplash.com/photo-1545205597-3d9d02c29597?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Group Classes" class="w-full h-48 object-cover">
146
+ <div class="p-6">
147
+ <h3 class="text-xl font-bold mb-3">Group Classes</h3>
148
+ <p class="text-gray-700 mb-4">Our high-energy classes combine fun with serious results. Something for every fitness level and interest.</p>
149
+ <ul class="space-y-2">
150
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> HIIT & Circuit Training</li>
151
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> Yoga & Mobility</li>
152
+ <li class="flex items-center"><i class="fas fa-check text-red-600 mr-2"></i> Spin & Boxing</li>
153
+ </ul>
154
+ </div>
155
+ </div>
156
+ </div>
157
+
158
+ <div class="text-center">
159
+ <a href="#contact" class="inline-block bg-red-600 text-white px-8 py-3 rounded-full font-bold hover:bg-red-700 transition duration-300">VIEW CLASS SCHEDULE</a>
160
+ </div>
161
+ </div>
162
+ </section>
163
+
164
+ <!-- Membership Section -->
165
+ <section id="membership" class="py-20 bg-white">
166
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
167
+ <div class="text-center mb-16">
168
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">FIND YOUR PERFECT MEMBERSHIP</h2>
169
+ <p class="text-xl text-gray-700 max-w-3xl mx-auto">Flexible options designed to fit your lifestyle and budget. No long-term contracts, just results.</p>
170
+ <div class="w-24 h-1 bg-red-600 mx-auto mt-4"></div>
171
+ </div>
172
+
173
+ <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
174
+ <div class="bg-gray-100 rounded-lg p-8 transform transition duration-500 hover:shadow-xl">
175
+ <h3 class="text-2xl font-bold mb-4">Basic</h3>
176
+ <p class="text-4xl font-bold mb-6">$49<span class="text-lg font-normal">/month</span></p>
177
+ <ul class="space-y-3 mb-8">
178
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Gym Access</li>
179
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Free Wi-Fi</li>
180
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Locker Room</li>
181
+ <li class="flex items-center text-gray-400"><i class="fas fa-times text-red-500 mr-2"></i> Group Classes</li>
182
+ <li class="flex items-center text-gray-400"><i class="fas fa-times text-red-500 mr-2"></i> Personal Training</li>
183
+ </ul>
184
+ <a href="#contact" class="block text-center bg-gray-300 text-gray-800 py-3 rounded-full font-medium hover:bg-gray-400 transition duration-300">GET STARTED</a>
185
+ </div>
186
+
187
+ <div class="bg-red-600 text-white rounded-lg p-8 transform transition duration-500 hover:shadow-xl relative">
188
+ <div class="absolute top-0 right-0 bg-yellow-400 text-gray-900 px-4 py-1 text-sm font-bold rounded-bl-lg">POPULAR</div>
189
+ <h3 class="text-2xl font-bold mb-4">Premium</h3>
190
+ <p class="text-4xl font-bold mb-6">$79<span class="text-lg font-normal">/month</span></p>
191
+ <ul class="space-y-3 mb-8">
192
+ <li class="flex items-center"><i class="fas fa-check text-white mr-2"></i> All Basic Benefits</li>
193
+ <li class="flex items-center"><i class="fas fa-check text-white mr-2"></i> Unlimited Classes</li>
194
+ <li class="flex items-center"><i class="fas fa-check text-white mr-2"></i> Towel Service</li>
195
+ <li class="flex items-center"><i class="fas fa-check text-white mr-2"></i> Nutrition Guide</li>
196
+ <li class="flex items-center text-gray-200"><i class="fas fa-times mr-2"></i> Personal Training</li>
197
+ </ul>
198
+ <a href="#contact" class="block text-center bg-white text-red-600 py-3 rounded-full font-medium hover:bg-gray-100 transition duration-300">GET STARTED</a>
199
+ </div>
200
+
201
+ <div class="bg-gray-100 rounded-lg p-8 transform transition duration-500 hover:shadow-xl">
202
+ <h3 class="text-2xl font-bold mb-4">VIP</h3>
203
+ <p class="text-4xl font-bold mb-6">$149<span class="text-lg font-normal">/month</span></p>
204
+ <ul class="space-y-3 mb-8">
205
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> All Premium Benefits</li>
206
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> 4 Personal Training</li>
207
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Recovery Lounge</li>
208
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Priority Booking</li>
209
+ <li class="flex items-center"><i class="fas fa-check text-green-500 mr-2"></i> Exclusive Events</li>
210
+ </ul>
211
+ <a href="#contact" class="block text-center bg-gray-300 text-gray-800 py-3 rounded-full font-medium hover:bg-gray-400 transition duration-300">GET STARTED</a>
212
+ </div>
213
+ </div>
214
+
215
+ <div class="mt-16 bg-blue-50 rounded-lg p-8 max-w-4xl mx-auto">
216
+ <div class="md:flex items-center">
217
+ <div class="md:w-2/3 mb-6 md:mb-0">
218
+ <h3 class="text-2xl font-bold text-gray-900 mb-2">Not sure which plan is right for you?</h3>
219
+ <p class="text-gray-700">Schedule a free consultation with one of our fitness experts who can assess your goals and recommend the perfect program.</p>
220
+ </div>
221
+ <div class="md:w-1/3 text-center md:text-right">
222
+ <a href="#contact" class="inline-block bg-red-600 text-white px-6 py-3 rounded-full font-medium hover:bg-red-700 transition duration-300">FREE CONSULTATION</a>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </section>
228
+
229
+ <!-- Testimonials -->
230
+ <section class="py-20 bg-gray-900 text-white">
231
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
232
+ <div class="text-center mb-16">
233
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">OUR MEMBERS SAY IT BEST</h2>
234
+ <div class="w-24 h-1 bg-red-600 mx-auto"></div>
235
+ </div>
236
+
237
+ <div class="grid md:grid-cols-3 gap-8">
238
+ <div class="bg-gray-800 p-8 rounded-lg">
239
+ <div class="flex items-center mb-4">
240
+ <div class="text-yellow-400 text-xl mr-2">
241
+ <i class="fas fa-star"></i>
242
+ <i class="fas fa-star"></i>
243
+ <i class="fas fa-star"></i>
244
+ <i class="fas fa-star"></i>
245
+ <i class="fas fa-star"></i>
246
+ </div>
247
+ </div>
248
+ <p class="text-gray-300 mb-6">"I've tried 5 different gyms in the past decade and Elevate is by far the best. The coaches actually care about your progress and the community keeps me motivated."</p>
249
+ <div class="flex items-center">
250
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah J." class="w-12 h-12 rounded-full mr-4">
251
+ <div>
252
+ <h4 class="font-bold">Sarah J.</h4>
253
+ <p class="text-sm text-gray-400">Member for 2 years</p>
254
+ </div>
255
+ </div>
256
+ </div>
257
+
258
+ <div class="bg-gray-800 p-8 rounded-lg">
259
+ <div class="flex items-center mb-4">
260
+ <div class="text-yellow-400 text-xl mr-2">
261
+ <i class="fas fa-star"></i>
262
+ <i class="fas fa-star"></i>
263
+ <i class="fas fa-star"></i>
264
+ <i class="fas fa-star"></i>
265
+ <i class="fas fa-star"></i>
266
+ </div>
267
+ </div>
268
+ <p class="text-gray-300 mb-6">"Lost 28 pounds in 4 months thanks to the amazing trainers and group classes. Never thought I'd enjoy working out this much!"</p>
269
+ <div class="flex items-center">
270
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T." class="w-12 h-12 rounded-full mr-4">
271
+ <div>
272
+ <h4 class="font-bold">Michael T.</h4>
273
+ <p class="text-sm text-gray-400">Member for 8 months</p>
274
+ </div>
275
+ </div>
276
+ </div>
277
+
278
+ <div class="bg-gray-800 p-8 rounded-lg">
279
+ <div class="flex items-center mb-4">
280
+ <div class="text-yellow-400 text-xl mr-2">
281
+ <i class="fas fa-star"></i>
282
+ <i class="fas fa-star"></i>
283
+ <i class="fas fa-star"></i>
284
+ <i class="fas fa-star"></i>
285
+ <i class="fas fa-star"></i>
286
+ </div>
287
+ </div>
288
+ <p class="text-gray-300 mb-6">"The energy here is unmatched. I've made real friends and achieved fitness goals I never thought possible. Worth every penny."</p>
289
+ <div class="flex items-center">
290
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Jessica L." class="w-12 h-12 rounded-full mr-4">
291
+ <div>
292
+ <h4 class="font-bold">Jessica L.</h4>
293
+ <p class="text-sm text-gray-400">Member for 1.5 years</p>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ </section>
300
+
301
+ <!-- CTA Section -->
302
+ <section id="contact" class="py-20 bg-red-600 text-white">
303
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
304
+ <div class="md:flex items-center justify-between">
305
+ <div class="md:w-1/2 mb-10 md:mb-0">
306
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">READY TO ELEVATE YOUR FITNESS?</h2>
307
+ <p class="text-xl mb-6">Your first workout is on us! Book a free trial session today and experience the Elevate difference.</p>
308
+ <div class="flex items-center">
309
+ <i class="fas fa-phone-alt text-2xl mr-4"></i>
310
+ <div>
311
+ <p class="text-sm">CALL US NOW</p>
312
+ <p class="text-2xl font-bold">(555) 123-4567</p>
313
+ </div>
314
+ </div>
315
+ </div>
316
+ <div class="md:w-1/2 md:pl-12">
317
+ <form class="bg-white rounded-lg p-8 shadow-xl">
318
+ <h3 class="text-2xl font-bold text-gray-900 mb-6">Get Started Today</h3>
319
+ <div class="mb-4">
320
+ <input type="text" placeholder="Your Name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-600">
321
+ </div>
322
+ <div class="mb-4">
323
+ <input type="email" placeholder="Email Address" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-600">
324
+ </div>
325
+ <div class="mb-6">
326
+ <input type="tel" placeholder="Phone Number" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-600">
327
+ </div>
328
+ <button type="submit" class="w-full bg-red-600 text-white py-3 rounded-full font-bold hover:bg-red-700 transition duration-300">CLAIM FREE TRIAL</button>
329
+ </form>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </section>
334
+
335
+ <!-- Footer -->
336
+ <footer class="bg-gray-900 text-white py-12">
337
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
338
+ <div class="grid md:grid-cols-4 gap-8">
339
+ <div>
340
+ <h3 class="text-xl font-bold mb-4 flex items-center">
341
+ <i class="fas fa-dumbbell text-red-600 text-2xl mr-2"></i>
342
+ ELEVATE FITNESS
343
+ </h3>
344
+ <p class="text-gray-400">Helping you build strength, confidence, and community since 2018.</p>
345
+ </div>
346
+ <div>
347
+ <h4 class="text-lg font-bold mb-4">Quick Links</h4>
348
+ <ul class="space-y-2">
349
+ <li><a href="#about" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li>
350
+ <li><a href="#facilities" class="text-gray-400 hover:text-white transition duration-300">Facilities</a></li>
351
+ <li><a href="#membership" class="text-gray-400 hover:text-white transition duration-300">Membership</a></li>
352
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
353
+ </ul>
354
+ </div>
355
+ <div>
356
+ <h4 class="text-lg font-bold mb-4">Hours</h4>
357
+ <ul class="space-y-2 text-gray-400">
358
+ <li class="flex justify-between"><span>Monday-Friday</span> <span>5AM - 11PM</span></li>
359
+ <li class="flex justify-between"><span>Saturday</span> <span>7AM - 9PM</span></li>
360
+ <li class="flex justify-between"><span>Sunday</span> <span>8AM - 8PM</span></li>
361
+ </ul>
362
+ </div>
363
+ <div>
364
+ <h4 class="text-lg font-bold mb-4">Connect</h4>
365
+ <div class="flex space-x-4 mb-4">
366
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-red-600 transition duration-300"><i class="fab fa-facebook-f"></i></a>
367
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-red-600 transition duration-300"><i class="fab fa-instagram"></i></a>
368
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-red-600 transition duration-300"><i class="fab fa-twitter"></i></a>
369
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-red-600 transition duration-300"><i class="fab fa-youtube"></i></a>
370
+ </div>
371
+ <p class="text-gray-400">123 Fitness Ave, Your City</p>
372
+ </div>
373
+ </div>
374
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500 text-sm">
375
+ <p>© 2023 Elevate Fitness. All rights reserved.</p>
376
+ </div>
377
+ </div>
378
+ </footer>
379
+
380
+ <script>
381
+ // Simple smooth scrolling for anchor links
382
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
383
+ anchor.addEventListener('click', function (e) {
384
+ e.preventDefault();
385
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
386
+ behavior: 'smooth'
387
+ });
388
+ });
389
+ });
390
+ </script>
391
+ <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=Cortex-AI/test" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
392
+ </html>