Hugging Face's logo

Spaces:
sagar007
/
anycoder-76311593
Running

App Files Community
sagar007 commited on
Commit
93417b3
·
verified ·
1 Parent(s): 99d63ce

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. index.html +797 -19
index.html CHANGED
@@ -1,19 +1,797 @@
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>Raunak Fitness - Best Gym in Olavar, Gobindapur</title>
7
+
8
+ <!-- Fonts -->
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com">
11
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
12
+
13
+ <!-- Icons -->
14
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
15
+
16
+ <style>
17
+ /* --- CSS VARIABLES & RESET --- */
18
+ :root {
19
+ --primary-red: #D90429;
20
+ --secondary-red: #8D0801;
21
+ --bg-black: #111111;
22
+ --bg-dark-gray: #1a1a1a;
23
+ --text-white: #ffffff;
24
+ --text-gray: #cccccc;
25
+ --transition: all 0.3s ease;
26
+ }
27
+
28
+ * {
29
+ margin: 0;
30
+ padding: 0;
31
+ box-sizing: border-box;
32
+ }
33
+
34
+ html {
35
+ scroll-behavior: smooth;
36
+ }
37
+
38
+ body {
39
+ font-family: 'Poppins', sans-serif;
40
+ background-color: var(--bg-black);
41
+ color: var(--text-white);
42
+ line-height: 1.6;
43
+ overflow-x: hidden;
44
+ }
45
+
46
+ h1, h2, h3, h4 {
47
+ font-family: 'Montserrat', sans-serif;
48
+ text-transform: uppercase;
49
+ font-weight: 800;
50
+ }
51
+
52
+ a {
53
+ text-decoration: none;
54
+ color: inherit;
55
+ }
56
+
57
+ ul {
58
+ list-style: none;
59
+ }
60
+
61
+ img {
62
+ max-width: 100%;
63
+ display: block;
64
+ }
65
+
66
+ /* --- UTILITIES --- */
67
+ .container {
68
+ max-width: 1200px;
69
+ margin: 0 auto;
70
+ padding: 0 20px;
71
+ }
72
+
73
+ .section-title {
74
+ text-align: center;
75
+ margin-bottom: 60px;
76
+ position: relative;
77
+ }
78
+
79
+ .section-title h2 {
80
+ font-size: 3rem;
81
+ color: var(--primary-red);
82
+ letter-spacing: 2px;
83
+ display: inline-block;
84
+ border-bottom: 3px solid var(--primary-red);
85
+ padding-bottom: 10px;
86
+ }
87
+
88
+ .btn {
89
+ display: inline-block;
90
+ padding: 12px 30px;
91
+ background-color: var(--primary-red);
92
+ color: white;
93
+ font-weight: 600;
94
+ text-transform: uppercase;
95
+ letter-spacing: 1px;
96
+ border: 2px solid var(--primary-red);
97
+ transition: var(--transition);
98
+ cursor: pointer;
99
+ clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%, 0% 20%);
100
+ }
101
+
102
+ .btn:hover {
103
+ background-color: transparent;
104
+ color: var(--primary-red);
105
+ transform: translateY(-3px);
106
+ }
107
+
108
+ .btn-outline {
109
+ background-color: transparent;
110
+ border: 2px solid white;
111
+ clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%, 0% 20%);
112
+ }
113
+
114
+ .btn-outline:hover {
115
+ background-color: white;
116
+ color: black;
117
+ }
118
+
119
+ /* --- HEADER & NAV --- */
120
+ header {
121
+ position: fixed;
122
+ top: 0;
123
+ left: 0;
124
+ width: 100%;
125
+ z-index: 1000;
126
+ background: rgba(0, 0, 0, 0.8);
127
+ backdrop-filter: blur(10px);
128
+ padding: 15px 0;
129
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
130
+ }
131
+
132
+ .nav-wrapper {
133
+ display: flex;
134
+ justify-content: space-between;
135
+ align-items: center;
136
+ }
137
+
138
+ .logo {
139
+ font-size: 1.8rem;
140
+ font-weight: 900;
141
+ color: white;
142
+ letter-spacing: -1px;
143
+ }
144
+
145
+ .logo span {
146
+ color: var(--primary-red);
147
+ }
148
+
149
+ .nav-links {
150
+ display: flex;
151
+ gap: 30px;
152
+ }
153
+
154
+ .nav-links a {
155
+ font-size: 0.9rem;
156
+ font-weight: 600;
157
+ text-transform: uppercase;
158
+ transition: var(--transition);
159
+ position: relative;
160
+ }
161
+
162
+ .nav-links a::after {
163
+ content: '';
164
+ position: absolute;
165
+ width: 0;
166
+ height: 2px;
167
+ bottom: -5px;
168
+ left: 0;
169
+ background-color: var(--primary-red);
170
+ transition: var(--transition);
171
+ }
172
+
173
+ .nav-links a:hover::after {
174
+ width: 100%;
175
+ }
176
+
177
+ .mobile-toggle {
178
+ display: none;
179
+ font-size: 1.5rem;
180
+ cursor: pointer;
181
+ }
182
+
183
+ /* --- HERO SECTION --- */
184
+ #hero {
185
+ height: 100vh;
186
+ background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
187
+ url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80');
188
+ background-size: cover;
189
+ background-position: center;
190
+ display: flex;
191
+ align-items: center;
192
+ justify-content: center;
193
+ text-align: center;
194
+ position: relative;
195
+ }
196
+
197
+ .hero-content {
198
+ z-index: 2;
199
+ padding: 20px;
200
+ animation: fadeIn Up 1s ease;
201
+ }
202
+
203
+ .hero-content h1 {
204
+ font-size: 4rem;
205
+ line-height: 1.1;
206
+ margin-bottom: 20px;
207
+ color: white;
208
+ text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
209
+ }
210
+
211
+ .hero-content h1 span {
212
+ color: var(--primary-red);
213
+ }
214
+
215
+ .hero-content p {
216
+ font-size: 1.2rem;
217
+ color: var(--text-gray);
218
+ margin-bottom: 30px;
219
+ max-width: 600px;
220
+ margin-left: auto;
221
+ margin-right: auto;
222
+ }
223
+
224
+ .hero-buttons {
225
+ display: flex;
226
+ gap: 20px;
227
+ justify-content: center;
228
+ }
229
+
230
+ /* --- ABOUT SECTION --- */
231
+ #about {
232
+ padding: 100px 0;
233
+ background-color: var(--bg-black);
234
+ }
235
+
236
+ .about-grid {
237
+ display: grid;
238
+ grid-template-columns: 1fr 1fr;
239
+ gap: 50px;
240
+ align-items: center;
241
+ }
242
+
243
+ .about-img {
244
+ position: relative;
245
+ }
246
+
247
+ .about-img img {
248
+ width: 100%;
249
+ border-radius: 5px;
250
+ box-shadow: -10px 10px 0px var(--primary-red);
251
+ filter: grayscale(100%);
252
+ transition: var(--transition);
253
+ }
254
+
255
+ .about-img:hover img {
256
+ filter: grayscale(0%);
257
+ }
258
+
259
+ .about-text h3 {
260
+ font-size: 2rem;
261
+ margin-bottom: 20px;
262
+ color: white;
263
+ }
264
+
265
+ .about-text p {
266
+ color: var(--text-gray);
267
+ margin-bottom: 20px;
268
+ }
269
+
270
+ .features-list {
271
+ display: grid;
272
+ grid-template-columns: 1fr 1fr;
273
+ gap: 20px;
274
+ margin-top: 30px;
275
+ }
276
+
277
+ .feature-item {
278
+ display: flex;
279
+ align-items: center;
280
+ gap: 10px;
281
+ font-weight: 600;
282
+ }
283
+
284
+ .feature-item i {
285
+ color: var(--primary-red);
286
+ }
287
+
288
+ /* --- MEMBERSHIP PLANS --- */
289
+ #plans {
290
+ padding: 100px 0;
291
+ background-color: var(--bg-dark-gray);
292
+ background-image: radial-gradient(circle at center, #222 0%, #111 100%);
293
+ }
294
+
295
+ .plans-grid {
296
+ display: grid;
297
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
298
+ gap: 30px;
299
+ }
300
+
301
+ .plan-card {
302
+ background: var(--bg-black);
303
+ padding: 40px 30px;
304
+ border: 1px solid #333;
305
+ text-align: center;
306
+ transition: var(--transition);
307
+ position: relative;
308
+ overflow: hidden;
309
+ }
310
+
311
+ .plan-card:hover {
312
+ border-color: var(--primary-red);
313
+ transform: translateY(-10px);
314
+ }
315
+
316
+ .plan-card::before {
317
+ content: '';
318
+ position: absolute;
319
+ top: 0;
320
+ left: 0;
321
+ width: 100%;
322
+ height: 5px;
323
+ background: var(--primary-red);
324
+ }
325
+
326
+ .plan-name {
327
+ font-size: 1.5rem;
328
+ margin-bottom: 15px;
329
+ color: white;
330
+ }
331
+
332
+ .plan-price {
333
+ font-size: 2.5rem;
334
+ font-weight: 700;
335
+ color: var(--primary-red);
336
+ margin-bottom: 20px;
337
+ font-family: 'Montserrat', sans-serif;
338
+ }
339
+
340
+ .plan-price span {
341
+ font-size: 1rem;
342
+ color: var(--text-gray);
343
+ }
344
+
345
+ .plan-features {
346
+ margin-bottom: 30px;
347
+ text-align: left;
348
+ }
349
+
350
+ .plan-features li {
351
+ padding: 10px 0;
352
+ border-bottom: 1px solid #222;
353
+ color: var(--text-gray);
354
+ }
355
+
356
+ .plan-features li i {
357
+ color: var(--primary-red);
358
+ margin-right: 10px;
359
+ }
360
+
361
+ /* --- GALLERY --- */
362
+ #gallery {
363
+ padding: 100px 0;
364
+ }
365
+
366
+ .gallery-grid {
367
+ display: grid;
368
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
369
+ gap: 15px;
370
+ }
371
+
372
+ .gallery-item {
373
+ height: 300px;
374
+ overflow: hidden;
375
+ position: relative;
376
+ cursor: pointer;
377
+ }
378
+
379
+ .gallery-item img {
380
+ width: 100%;
381
+ height: 100%;
382
+ object-fit: cover;
383
+ transition: transform 0.5s ease;
384
+ }
385
+
386
+ .gallery-item:hover img {
387
+ transform: scale(1.1);
388
+ }
389
+
390
+ .overlay {
391
+ position: absolute;
392
+ top: 0;
393
+ left: 0;
394
+ width: 100%;
395
+ height: 100%;
396
+ background: rgba(217, 4, 41, 0.7);
397
+ opacity: 0;
398
+ transition: var(--transition);
399
+ display: flex;
400
+ justify-content: center;
401
+ align-items: center;
402
+ color: white;
403
+ font-weight: 700;
404
+ text-transform: uppercase;
405
+ }
406
+
407
+ .gallery-item:hover .overlay {
408
+ opacity: 1;
409
+ }
410
+
411
+ /* --- REVIEWS --- */
412
+ #reviews {
413
+ padding: 100px 0;
414
+ background-color: #000;
415
+ border-top: 1px solid #222;
416
+ }
417
+
418
+ .reviews-slider {
419
+ display: flex;
420
+ gap: 30px;
421
+ overflow-x: auto;
422
+ padding: 20px 0;
423
+ scrollbar-width: thin;
424
+ scrollbar-color: var(--primary-red) var(--bg-black);
425
+ }
426
+
427
+ .review-card {
428
+ min-width: 300px;
429
+ background: #1a1a1a;
430
+ padding: 30px;
431
+ border-left: 4px solid var(--primary-red);
432
+ }
433
+
434
+ .review-stars {
435
+ color: gold;
436
+ margin-bottom: 15px;
437
+ }
438
+
439
+ .review-text {
440
+ font-style: italic;
441
+ color: var(--text-gray);
442
+ margin-bottom: 20px;
443
+ }
444
+
445
+ .review-author {
446
+ font-weight: 700;
447
+ color: white;
448
+ text-transform: uppercase;
449
+ font-size: 0.9rem;
450
+ }
451
+
452
+ /* --- CONTACT --- */
453
+ #contact {
454
+ padding: 100px 0;
455
+ background: var(--bg-dark-gray);
456
+ }
457
+
458
+ .contact-wrapper {
459
+ display: grid;
460
+ grid-template-columns: 1fr 1fr;
461
+ gap: 50px;
462
+ }
463
+
464
+ .contact-info h3 {
465
+ margin-bottom: 20px;
466
+ font-size: 1.5rem;
467
+ }
468
+
469
+ .info-item {
470
+ margin-bottom: 20px;
471
+ display: flex;
472
+ gap: 15px;
473
+ align-items: center;
474
+ }
475
+
476
+ .info-item i {
477
+ font-size: 1.2rem;
478
+ color: var(--primary-red);
479
+ background: #222;
480
+ padding: 10px;
481
+ width: 40px;
482
+ height: 40px;
483
+ display: flex;
484
+ justify-content: center;
485
+ align-items: center;
486
+ }
487
+
488
+ .contact-form input,
489
+ .contact-form textarea {
490
+ width: 100%;
491
+ padding: 15px;
492
+ margin-bottom: 15px;
493
+ background: #111;
494
+ border: 1px solid #333;
495
+ color: white;
496
+ font-family: 'Poppins', sans-serif;
497
+ }
498
+
499
+ .contact-form input:focus,
500
+ .contact-form textarea:focus {
501
+ outline: none;
502
+ border-color: var(--primary-red);
503
+ }
504
+
505
+ .map-container {
506
+ height: 400px;
507
+ width: 100%;
508
+ background: #222;
509
+ overflow: hidden;
510
+ }
511
+
512
+ .map-container iframe {
513
+ width: 100%;
514
+ height: 100%;
515
+ border: 0;
516
+ }
517
+
518
+ /* --- FOOTER --- */
519
+ footer {
520
+ background: black;
521
+ padding: 40px 0;
522
+ text-align: center;
523
+ border-top: 5px solid var(--primary-red);
524
+ }
525
+
526
+ .social-links {
527
+ margin-bottom: 20px;
528
+ }
529
+
530
+ .social-links a {
531
+ font-size: 1.2rem;
532
+ margin: 0 10px;
533
+ color: white;
534
+ transition: var(--transition);
535
+ }
536
+
537
+ .social-links a:hover {
538
+ color: var(--primary-red);
539
+ }
540
+
541
+ .footer-text {
542
+ color: #666;
543
+ font-size: 0.8rem;
544
+ }
545
+
546
+ /* --- RESPONSIVE --- */
547
+ @media (max-width: 768px) {
548
+ .hero-content h1 {
549
+ font-size: 2.5rem;
550
+ }
551
+
552
+ .nav-links {
553
+ display: none; /* Hide for simplicity in this single file demo, usually would add toggle logic */
554
+ }
555
+
556
+ .mobile-toggle {
557
+ display: block;
558
+ }
559
+
560
+ .about-grid,
561
+ .contact-wrapper {
562
+ grid-template-columns: 1fr;
563
+ }
564
+
565
+ .hero-buttons {
566
+ flex-direction: column;
567
+ }
568
+
569
+ .section-title h2 {
570
+ font-size: 2rem;
571
+ }
572
+ }
573
+
574
+ /* Animation Keyframes */
575
+ @keyframes fadeIn {
576
+ from { opacity: 0; transform: translateY(20px); }
577
+ to { opacity: 1; transform: translateY(0); }
578
+ }
579
+ </style>
580
+ </head>
581
+ <body>
582
+
583
+ <!-- Header -->
584
+ <header>
585
+ <div class="container nav-wrapper">
586
+ <div class="logo">RAUNAK <span>FITNESS</span></div>
587
+ <nav>
588
+ <ul class="nav-links">
589
+ <li><a href="#about">About</a></li>
590
+ <li><a href="#plans">Plans</a></li>
591
+ <li><a href="#gallery">Gallery</a></li>
592
+ <li><a href="#reviews">Reviews</a></li>
593
+ <li><a href="#contact">Contact</a></li>
594
+ </ul>
595
+ </nav>
596
+ <div class="mobile-toggle">
597
+ <i class="fas fa-bars"></i>
598
+ </div>
599
+ <!-- Critical Requirement Link -->
600
+ <a href="https://huggingface.co/spaces/akhaliq/anycoder" style="position: absolute; top: -40px; right: 20px; font-size: 12px; color: #fff; background: #333; padding: 5px 10px; border-radius: 5px; opacity: 0.8;">Built with anycoder</a>
601
+ </div>
602
+ </header>
603
+
604
+ <!-- Hero Section -->
605
+ <section id="hero">
606
+ <div class="hero-content">
607
+ <h1>RAUNAK FITNESS<br><span>BEST GYM IN OLAVAR</span></h1>
608
+ <p>Transform your body and mind with the best equipment and expert trainers in Gobindapur. Join the elite today.</p>
609
+ <div class="hero-buttons">
610
+ <a href="#plans" class="btn">Join Now</a>
611
+ <a href="#about" class="btn btn-outline">Learn More</a>
612
+ </div>
613
+ </div>
614
+ </section>
615
+
616
+ <!-- About Section -->
617
+ <section id="about">
618
+ <div class="container">
619
+ <div class="section-title">
620
+ <h2>ABOUT THE GYM</h2>
621
+ </div>
622
+ <div class="about-grid">
623
+ <div class="about-text">
624
+ <h3>WE BUILD CHAMPIONS</h3>
625
+ <p>Raunak Fitness isn't just a place to lift weights; it's a community dedicated to strength, discipline, and health. Located in Olavar, Gobindapur, we provide a state-of-the-art facility designed to push your limits.</p>
626
+ <p>Whether you are a beginner looking to start your journey or a professional athlete aiming for peak performance, our equipment and coaching staff are ready to support you.</p>
627
+
628
+ <div class="features-list">
629
+ <div class="feature-item"><i class="fas fa-check-circle"></i> Modern Equipment</div>
630
+ <div class="feature-item"><i class="fas fa-check-circle"></i> Expert Trainers</div>
631
+ <div class="feature-item"><i class="fas fa-check-circle"></i> 24/7 Access</div>
632
+ <div class="feature-item"><i class="fas fa-check-circle"></i> Diet Plans</div>
633
+ </div>
634
+ </div>
635
+ <div class="about-img">
636
+ <img src="https://images.unsplash.com/photo-1571019614254-848c09137353?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Gym Interior">
637
+ </div>
638
+ </div>
639
+ </div>
640
+ </section>
641
+
642
+ <!-- Membership Plans -->
643
+ <section id="plans">
644
+ <div class="container">
645
+ <div class="section-title">
646
+ <h2>MEMBERSHIP PLANS</h2>
647
+ </div>
648
+ <div class="plans-grid">
649
+ <!-- Plan 1 -->
650
+ <div class="plan-card">
651
+ <h3 class="plan-name">BASIC</h3>
652
+ <div class="plan-price">₹1500 <span>/month</span></div>
653
+ <ul class="plan-features">
654
+ <li><i class="fas fa-check"></i> Gym Access (6 AM - 10 PM)</li>
655
+ <li><i class="fas fa-check"></i> Locker Facility</li>
656
+ <li><i class="fas fa-check"></i> Basic Trainer Support</li>
657
+ <li><i class="fas fa-times" style="color:#555"></i> Diet Plan</li>
658
+ </ul>
659
+ <a href="#contact" class="btn">Select Plan</a>
660
+ </div>
661
+
662
+ <!-- Plan 2 (Highlighted) -->
663
+ <div class="plan-card" style="border-color: var(--primary-red);">
664
+ <div style="background: var(--primary-red); color: white; padding: 5px; margin: -40px -30px 20px -30px; font-size: 0.8rem; font-weight: bold;">BEST VALUE</div>
665
+ <h3 class="plan-name">PRO</h3>
666
+ <div class="plan-price">₹2500 <span>/month</span></div>
667
+ <ul class="plan-features">
668
+ <li><i class="fas fa-check"></i> 24/7 Gym Access</li>
669
+ <li><i class="fas fa-check"></i> Personal Locker</li>
670
+ <li><i class="fas fa-check"></i> Personal Trainer</li>
671
+ <li><i class="fas fa-check"></i> Basic Diet Plan</li>
672
+ </ul>
673
+ <a href="#contact" class="btn">Select Plan</a>
674
+ </div>
675
+
676
+ <!-- Plan 3 -->
677
+ <div class="plan-card">
678
+ <h3 class="plan-name">ELITE</h3>
679
+ <div class="plan-price">₹4000 <span>/month</span></div>
680
+ <ul class="plan-features">
681
+ <li><i class="fas fa-check"></i> 24/7 Gym Access</li>
682
+ <li><i class="fas fa-check"></i> VIP Locker</li>
683
+ <li><i class="fas fa-check"></i> Head Trainer</li>
684
+ <li><i class="fas fa-check"></i> Customized Diet & Massage</li>
685
+ </ul>
686
+ <a href="#contact" class="btn">Select Plan</a>
687
+ </div>
688
+ </div>
689
+ </div>
690
+ </section>
691
+
692
+ <!-- Gallery -->
693
+ <section id="gallery">
694
+ <div class="container">
695
+ <div class="section-title">
696
+ <h2>GYM GALLERY</h2>
697
+ </div>
698
+ <div class="gallery-grid">
699
+ <div class="gallery-item">
700
+ <img src="https://images.unsplash.com/photo-1590487988256-9829f726da22?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Weights">
701
+ <div class="overlay">Weights Zone</div>
702
+ </div>
703
+ <div class="gallery-item">
704
+ <img src="https://images.unsplash.com/photo-1581009146145-b3ef0d51db18?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Training">
705
+ <div class="overlay">Training Area</div>
706
+ </div>
707
+ <div class="gallery-item">
708
+ <img src="https://images.unsplash.com/photo-1534438327276-14e5300c3a48?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Squat">
709
+ <div class="overlay">Heavy Lifting</div>
710
+ </div>
711
+ <div class="gallery-item">
712
+ <img src="https://images.unsplash.com/photo-1599058945529-4b0c922e328f?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Cardio">
713
+ <div class="overlay">Cardio Zone</div>
714
+ </div>
715
+ </div>
716
+ </div>
717
+ </section>
718
+
719
+ <!-- Reviews -->
720
+ <section id="reviews">
721
+ <div class="container">
722
+ <div class="section-title">
723
+ <h2>CLIENT REVIEWS</h2>
724
+ </div>
725
+ <div class="reviews-slider">
726
+ <div class="review-card">
727
+ <div class="review-stars">
728
+ <i class="fas fa-star"></i>
729
+ <i class="fas fa-star"></i>
730
+ <i class="fas fa-star"></i>
731
+ <i class="fas fa-star"></i>
732
+ <i class="fas fa-star"></i>
733
+ </div>
734
+ <p class="review-text">"Raunak Fitness is the best gym in Olavar. The equipment is top-notch and the trainers really know what they are doing."</p>
735
+ <div class="review-author">- Rajesh Kumar</div>
736
+ </div>
737
+ <div class="review-card">
738
+ <div class="review-stars">
739
+ <i class="fas fa-star"></i>
740
+ <i class="fas fa-star"></i>
741
+ <i class="fas fa-star"></i>
742
+ <i class="fas fa-star"></i>
743
+ <i class="fas fa-star"></i>
744
+ </div>
745
+ <p class="review-text">"Great atmosphere. I've seen amazing results in just 3 months. The Pro plan is definitely worth the money."</p>
746
+ <div class="review-author">- Amit Singh</div>
747
+ </div>
748
+ <div class="review-card">
749
+ <div class="review-stars">
750
+ <i class="fas fa-star"></i>
751
+ <i class="fas fa-star"></i>
752
+ <i class="fas fa-star"></i>
753
+ <i class="fas fa-star"></i>
754
+ <i class="fas fa-star"></i>
755
+ </div>
756
+ <p class="review-text">"Clean, professional, and motivating. This gym in Gobindapur sets the standard for fitness."</p>
757
+ <div class="review-author">- Vikram Yadav</div>
758
+ </div>
759
+ </div>
760
+ </div>
761
+ </section>
762
+
763
+ <!-- Contact Section -->
764
+ <section id="contact">
765
+ <div class="container">
766
+ <div class="section-title">
767
+ <h2>CONTACT US</h2>
768
+ </div>
769
+ <div class="contact-wrapper">
770
+ <div class="contact-info">
771
+ <h3>GET IN TOUCH</h3>
772
+ <p style="margin-bottom: 30px;">Ready to start your fitness journey? Visit us today or contact us for more details.</p>
773
+
774
+ <div class="info-item">
775
+ <i class="fas fa-map-marker-alt"></i>
776
+ <span>Main Road, Olavar, Gobindapur, Punjab</span>
777
+ </div>
778
+ <div class="info-item">
779
+ <i class="fas fa-phone-alt"></i>
780
+ <span>+91 98765 43210</span>
781
+ </div>
782
+ <div class="info-item">
783
+ <i class="fas fa-envelope"></i>
784
+ <span>contact@raunakfitness.com</span>
785
+ </div>
786
+
787
+ <form class="contact-form">
788
+ <input type="text" placeholder="Your Name">
789
+ <input type="email" placeholder="Your Email">
790
+ <textarea rows="4" placeholder="Message"></textarea>
791
+ <button type="submit" class="btn">Send Message</button>
792
+ </form>
793
+ </div>
794
+
795
+ <div class="map-container">
796
+ <!-- Placeholder Google Map iframe for Gobindapur area -->
797
+ <iframe src="https://www.google.com/maps/embed?pb=!1M18!1M12!1M3!1m2!1s0x391032636b151d75:0x1c794e747e757e7d!2m3!1v1!3m2!1i102!2i102!1h1!2h2!3h3!4h4!5h5!6h6!7h7!8h8!9h9!10h10!11h11!12h12!13h13!14h14!15h15!16h16!17h17!18h18!19h19!20h20!21h21!22h22!23h23!24h24!25h25!26h26!27h27!28h28!29h29!30h30!31h31!32h32!33h33!34h34!35h35!36h36!37h37!38h38!39h39!40h40!41h41!42h42!43h43!44h44!45h45!46h46!47h47!48h48!49h49!50h50!51h51!52h52!53h53!54h54!55h55!56h56!57h57!58h58!59h59!60h60!61h61!62h62!63h63!64h64!65h65!66h66!67h67!68h68!69h69!70h70!71h71!72h72!73h73!74h74!75h75!76h76!77h77!78h78!79h79!80h80!81h81!82h82!83h83!84h84!85h85!86h86!87h87!88h88!89h89!90h90!91h91!92h92!93h93!94h94!95h95!96h96!97h97!98h98!99h99!100h100!101h101!102h102!103h103!104h104!105h105!106h106!107h107!108h108!109h109!110h110!111h111!112h112!113h113!114h114!115h115!116h116!117h117!118h118!119h119!120h120!121h121!122h122!123h123!124h124!125h125!126h126!127h127!128h128!129h129!130h130!131h131!132h132!133h133!134h134!135h135!136h136!137h137!138h138!139h139!140h140!141h141!142h142!143h143!144h144!145h145!146h146!147h147!148h148!149h149!150h150!151h151!152h152!153h153!154h154!155h155!156h156!157h157!158h158!159h159!160h160!161h161!162h162!163h163!164h164!165h165!166h166!167h167!168h168!169h169!170h170!171h171!172h172!173h173!174h174!175h175!176h176!177h177!178h178!179h179!180h180!181h181!182h182!183h183!184h184!185h185!186h186!187h187!188h188!189h189!190h190!191h191!192h192!193h193!194h194!195h195!196h196!197h197!198h198!199h199!200h200!201h201!202h202!203h203!204h204!205h205!206h206!207h207!208h208!209h209!210h210!211h211!212h212!213h213!214h214!215h215!216h216!217h217!218h218!219h219!220h220!221h221!222h222!223h223!224h224!225h225!226h226!227h227!228h228!229h229!230h230!231h231!232h232!233h233!234h234!235h235!236h236!237h237!238h238!239h239!240h240!241h241!242h242!243h243!244h244!245h245!246h246!247h247!248h248!249h249!250h250!251h251!252h252!253h253!254h254!255h255!256h256!257h257!258h258!259h259!260h260!261h261!262h262!263h263!264h264!265h265!266h266!267h267!268h268!269h269!270h270!271h271!272h272!273h273!274h274!275h275!276h276!277h277!278h278!279h279!280h280!281h281!282h282!283h283!284h284!285h285!286h286!287h287!288h288!289h289!290h290!291h291!292h292!293h293!294h294!295h295!296h296!297