Hugging Face's logo

Spaces:
Avija2
/
jeevit-jal-elixir
Running

App Files Community
Avija2 commited on
Commit
cf4d7a1
·
verified ·
1 Parent(s): c894c3c

Welcome to Jeevit Jal – The Ayurvedic Living Water 🌿

Browse files

Discover the power of ancient Ayurveda in every drop of Jeevit Jal. This is not just water – it’s a life-transforming elixir designed to heal, energize, and protect your body naturally.

✨ Benefits of Drinking Jeevit Jal:

Helps eliminate the root causes of kidney & dialysis-related problems.

Boosts the production of White Blood Cells, preventing weakness and blood deficiency.

Strengthens your immune system, keeping diseases away.

Restores natural vitality, leaving you healthy, active, and full of life.

💧 One sip of Jeevit Jal is a step towards a disease-free, energetic, and blissful life.

👉 Experience Ayurveda. Experience Healing. Experience Jeevit Jal.

Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +280 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Jeevit Jal Elixir
3
- emoji: 🐠
4
- colorFrom: red
5
- colorTo: blue
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: Jeevit Jal Elixir 🌊
3
+ colorFrom: yellow
4
+ colorTo: red
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,281 @@
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>Jeevit Jal | Ayurvedic Living Water</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>
12
+ <style>
13
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
14
+ body {
15
+ font-family: 'Poppins', sans-serif;
16
+ }
17
+ .hero-gradient {
18
+ background: linear-gradient(135deg, #f0fff4 0%, #c6f6d5 100%);
19
+ }
20
+ .ayurvedic-leaf {
21
+ background-image: url('http://static.photos/nature/640x360/42');
22
+ background-size: cover;
23
+ background-position: center;
24
+ }
25
+ </style>
26
+ </head>
27
+ <body class="bg-green-50">
28
+ <!-- Navbar -->
29
+ <nav class="bg-white shadow-md">
30
+ <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
31
+ <div class="flex justify-between h-16 items-center">
32
+ <div class="flex-shrink-0 flex items-center">
33
+ <i data-feather="droplet" class="text-green-600 h-8 w-8"></i>
34
+ <span class="ml-2 text-xl font-bold text-green-800">Jeevit Jal</span>
35
+ </div>
36
+ <div class="hidden md:block">
37
+ <div class="ml-10 flex items-center space-x-4">
38
+ <a href="#" class="text-green-700 px-3 py-2 rounded-md text-sm font-medium hover:bg-green-100">Home</a>
39
+ <a href="#" class="text-gray-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-green-100">Benefits</a>
40
+ <a href="#" class="text-gray-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-green-100">Science</a>
41
+ <a href="#" class="text-gray-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-green-100">Testimonials</a>
42
+ <a href="#" class="bg-green-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-green-700">Order Now</a>
43
+ </div>
44
+ </div>
45
+ <div class="md:hidden">
46
+ <button class="text-gray-600 hover:text-gray-900">
47
+ <i data-feather="menu"></i>
48
+ </button>
49
+ </div>
50
+ </div>
51
+ </div>
52
+ </nav>
53
+
54
+ <!-- Hero Section -->
55
+ <div id="vanta-waves" class="hero-gradient min-h-screen flex items-center justify-center relative overflow-hidden">
56
+ <div class="absolute inset-0 bg-black opacity-10"></div>
57
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 relative z-10">
58
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center">
59
+ <div class="mb-8 lg:mb-0">
60
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-green-900 leading-tight mb-6">
61
+ The Ayurvedic <span class="text-green-600">Living Water</span>
62
+ </h1>
63
+ <p class="text-lg md:text-xl text-gray-700 mb-8">
64
+ A life-transforming elixir crafted to heal, energize, and protect your body naturally.
65
+ </p>
66
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
67
+ <a href="#" class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg text-center font-medium transition duration-300">
68
+ Discover Benefits
69
+ </a>
70
+ <a href="#" class="border-2 border-green-600 text-green-600 hover:bg-green-50 px-6 py-3 rounded-lg text-center font-medium transition duration-300">
71
+ Watch Video <i data-feather="play" class="inline ml-2"></i>
72
+ </a>
73
+ </div>
74
+ </div>
75
+ <div class="relative">
76
+ <div class="ayurvedic-leaf rounded-2xl shadow-2xl h-80 lg:h-96 w-full"></div>
77
+ <div class="absolute -bottom-6 -right-6 bg-white p-4 rounded-lg shadow-lg">
78
+ <div class="flex items-center">
79
+ <div class="bg-green-100 p-3 rounded-full mr-3">
80
+ <i data-feather="check-circle" class="text-green-600"></i>
81
+ </div>
82
+ <div>
83
+ <p class="text-xs text-gray-500">Certified Organic</p>
84
+ <p class="font-bold text-green-700">100% Ayurvedic</p>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ </div>
92
+
93
+ <!-- Benefits Section -->
94
+ <section class="py-16 bg-white">
95
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
96
+ <div class="text-center mb-12">
97
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
98
+ The Healing Power of Jeevit Jal
99
+ </h2>
100
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
101
+ Ancient wisdom meets modern wellness
102
+ </p>
103
+ </div>
104
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
105
+ <div class="bg-green-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
106
+ <div class="bg-green-100 h-12 w-12 rounded-full flex items-center justify-center mb-4">
107
+ <i data-feather="heart" class="text-green-600"></i>
108
+ </div>
109
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Kidney Health</h3>
110
+ <p class="text-gray-600">Supports renal function and prevents dialysis-related issues naturally.</p>
111
+ </div>
112
+ <div class="bg-green-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
113
+ <div class="bg-green-100 h-12 w-12 rounded-full flex items-center justify-center mb-4">
114
+ <i data-feather="zap" class="text-green-600"></i>
115
+ </div>
116
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Energy Boost</h3>
117
+ <p class="text-gray-600">Revitalizes your body and mind with sustained natural energy.</p>
118
+ </div>
119
+ <div class="bg-green-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
120
+ <div class="bg-green-100 h-12 w-12 rounded-full flex items-center justify-center mb-4">
121
+ <i data-feather="shield" class="text-green-600"></i>
122
+ </div>
123
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Immunity Shield</h3>
124
+ <p class="text-gray-600">Potent Ayurvedic herbs strengthen your body's defense system.</p>
125
+ </div>
126
+ <div class="bg-green-50 p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
127
+ <div class="bg-green-100 h-12 w-12 rounded-full flex items-center justify-center mb-4">
128
+ <i data-feather="activity" class="text-green-600"></i>
129
+ </div>
130
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Blood Health</h3>
131
+ <p class="text-gray-600">Enhances WBC production and combats blood deficiencies.</p>
132
+ </div>
133
+ </div>
134
+ </div>
135
+ </section>
136
+
137
+ <!-- Testimonial Section -->
138
+ <section class="py-16 bg-green-800 text-white">
139
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
140
+ <div class="text-center mb-12">
141
+ <h2 class="text-3xl font-extrabold sm:text-4xl">
142
+ Stories of Transformation
143
+ </h2>
144
+ <p class="mt-4 max-w-2xl text-xl text-green-200 mx-auto">
145
+ Hear from those who have experienced the Jeevit Jal difference
146
+ </p>
147
+ </div>
148
+ <div class="grid md:grid-cols-3 gap-8">
149
+ <div class="bg-green-700 p-6 rounded-lg">
150
+ <div class="flex items-center mb-4">
151
+ <div class="h-12 w-12 rounded-full bg-green-600 flex items-center justify-center mr-4">
152
+ <i data-feather="user" class="text-white"></i>
153
+ </div>
154
+ <div>
155
+ <h4 class="font-bold">Ramesh K.</h4>
156
+ <p class="text-green-300 text-sm">Kidney Patient</p>
157
+ </div>
158
+ </div>
159
+ <p class="text-green-100">"After 3 months of Jeevit Jal, my creatinine levels normalized. My doctor was amazed!"</p>
160
+ </div>
161
+ <div class="bg-green-700 p-6 rounded-lg">
162
+ <div class="flex items-center mb-4">
163
+ <div class="h-12 w-12 rounded-full bg-green-600 flex items-center justify-center mr-4">
164
+ <i data-feather="user" class="text-white"></i>
165
+ </div>
166
+ <div>
167
+ <h4 class="font-bold">Priya S.</h4>
168
+ <p class="text-green-300 text-sm">Working Professional</p>
169
+ </div>
170
+ </div>
171
+ <p class="text-green-100">"My energy levels have doubled. No more afternoon crashes since I started drinking Jeevit Jal."</p>
172
+ </div>
173
+ <div class="bg-green-700 p-6 rounded-lg">
174
+ <div class="flex items-center mb-4">
175
+ <div class="h-12 w-12 rounded-full bg-green-600 flex items-center justify-center mr-4">
176
+ <i data-feather="user" class="text-white"></i>
177
+ </div>
178
+ <div>
179
+ <h4 class="font-bold">Dr. Amit P.</h4>
180
+ <p class="text-green-300 text-sm">Ayurvedic Doctor</p>
181
+ </div>
182
+ </div>
183
+ <p class="text-green-100">"I recommend Jeevit Jal to all my patients. The herbal formulation is scientifically remarkable."</p>
184
+ </div>
185
+ </div>
186
+ </div>
187
+ </section>
188
+
189
+ <!-- CTA Section -->
190
+ <section class="py-16 bg-white">
191
+ <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
192
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6">
193
+ Ready to Transform Your Health?
194
+ </h2>
195
+ <p class="text-xl text-gray-600 mb-8">
196
+ Join thousands who have discovered the power of Ayurvedic living water.
197
+ </p>
198
+ <a href="#" class="inline-flex items-center justify-center px-8 py-4 border border-transparent text-base font-medium rounded-md text-white bg-green-600 hover:bg-green-700 md:py-4 md:text-lg md:px-10 transition duration-300">
199
+ Order Jeevit Jal Now
200
+ <i data-feather="arrow-right" class="ml-2"></i>
201
+ </a>
202
+ </div>
203
+ </section>
204
+
205
+ <!-- Footer -->
206
+ <footer class="bg-gray-900 text-white">
207
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
208
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
209
+ <div>
210
+ <h3 class="text-lg font-bold mb-4">Jeevit Jal</h3>
211
+ <p class="text-gray-400 text-sm">The Ayurvedic Living Water for holistic health and vitality.</p>
212
+ </div>
213
+ <div>
214
+ <h3 class="text-lg font-bold mb-4">Quick Links</h3>
215
+ <ul class="space-y-2 text-gray-400">
216
+ <li><a href="#" class="hover:text-green-400 transition">About Us</a></li>
217
+ <li><a href="#" class="hover:text-green-400 transition">Science & Research</a></li>
218
+ <li><a href="#" class="hover:text-green-400 transition">FAQs</a></li>
219
+ <li><a href="#" class="hover:text-green-400 transition">Contact</a></li>
220
+ </ul>
221
+ </div>
222
+ <div>
223
+ <h3 class="text-lg font-bold mb-4">Legal</h3>
224
+ <ul class="space-y-2 text-gray-400">
225
+ <li><a href="#" class="hover:text-green-400 transition">Privacy Policy</a></li>
226
+ <li><a href="#" class="hover:text-green-400 transition">Terms of Service</a></li>
227
+ <li><a href="#" class="hover:text-green-400 transition">Shipping Policy</a></li>
228
+ <li><a href="#" class="hover:text-green-400 transition">Returns</a></li>
229
+ </ul>
230
+ </div>
231
+ <div>
232
+ <h3 class="text-lg font-bold mb-4">Connect</h3>
233
+ <div class="flex space-x-4">
234
+ <a href="#" class="text-gray-400 hover:text-green-400 transition">
235
+ <i data-feather="facebook"></i>
236
+ </a>
237
+ <a href="#" class="text-gray-400 hover:text-green-400 transition">
238
+ <i data-feather="instagram"></i>
239
+ </a>
240
+ <a href="#" class="text-gray-400 hover:text-green-400 transition">
241
+ <i data-feather="twitter"></i>
242
+ </a>
243
+ <a href="#" class="text-gray-400 hover:text-green-400 transition">
244
+ <i data-feather="youtube"></i>
245
+ </a>
246
+ </div>
247
+ <p class="text-gray-400 text-sm mt-4">Subscribe to our newsletter</p>
248
+ <div class="mt-2 flex">
249
+ <input type="email" placeholder="Your email" class="px-3 py-2 bg-gray-800 text-white rounded-l-md focus:outline-none focus:ring-2 focus:ring-green-500 w-full">
250
+ <button class="bg-green-600 hover:bg-green-700 px-4 py-2 rounded-r-md transition duration-300">
251
+ <i data-feather="send"></i>
252
+ </button>
253
+ </div>
254
+ </div>
255
+ </div>
256
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
257
+ <p class="text-gray-400 text-sm">© 2023 Jeevit Jal. All rights reserved.</p>
258
+ <div class="flex space-x-6 mt-4 md:mt-0">
259
+ <img src="https://via.placeholder.com/100x30?text=AYUSH" alt="AYUSH Certified" class="h-8">
260
+ <img src="https://via.placeholder.com/100x30?text=Organic" alt="Organic Certified" class="h-8">
261
+ </div>
262
+ </div>
263
+ </div>
264
+ </footer>
265
+
266
+ <script>
267
+ // Initialize Vanta.js waves background
268
+ VANTA.WAVES({
269
+ el: "#vanta-waves",
270
+ color: 0x88c399,
271
+ waveHeight: 20,
272
+ shininess: 50,
273
+ waveSpeed: 0.5,
274
+ zoom: 0.8
275
+ });
276
+
277
+ // Initialize feather icons
278
+ feather.replace();
279
+ </script>
280
+ </body>
281
  </html>