Hugging Face's logo

Spaces:
Tyler345
/
god
Running

App Files Community
Tyler345 commited on
Commit
f0d7810
·
verified ·
1 Parent(s): 3ad743a

give me a website for me about jesus - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +395 -18
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: God
3
- emoji: 💻
4
- colorFrom: gray
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: god
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: purple
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,396 @@
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>Jesus - The Savior</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://unpkg.com/feather-icons"></script>
12
+ <style>
13
+ .hero-gradient {
14
+ background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
15
+ }
16
+ .verse-card {
17
+ transition: all 0.3s ease;
18
+ }
19
+ .verse-card:hover {
20
+ transform: translateY(-5px);
21
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
22
+ }
23
+ .cross-icon {
24
+ stroke-dasharray: 1000;
25
+ stroke-dashoffset: 1000;
26
+ animation: draw 3s ease forwards;
27
+ }
28
+ @keyframes draw {
29
+ to {
30
+ stroke-dashoffset: 0;
31
+ }
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="font-sans bg-gray-50">
36
+ <!-- Navigation -->
37
+ <nav class="bg-white shadow-md sticky top-0 z-50">
38
+ <div class="container mx-auto px-6 py-3">
39
+ <div class="flex justify-between items-center">
40
+ <div class="flex items-center space-x-4">
41
+ <i data-feather="cross" class="text-blue-600"></i>
42
+ <span class="text-xl font-bold text-blue-600">Jesus Christ</span>
43
+ </div>
44
+ <div class="hidden md:flex items-center space-x-8">
45
+ <a href="#about" class="text-gray-700 hover:text-blue-600">About</a>
46
+ <a href="#teachings" class="text-gray-700 hover:text-blue-600">Teachings</a>
47
+ <a href="#miracles" class="text-gray-700 hover:text-blue-600">Miracles</a>
48
+ <a href="#verses" class="text-gray-700 hover:text-blue-600">Verses</a>
49
+ </div>
50
+ <button class="md:hidden focus:outline-none">
51
+ <i data-feather="menu" class="text-gray-700"></i>
52
+ </button>
53
+ </div>
54
+ </div>
55
+ </nav>
56
+
57
+ <!-- Hero Section -->
58
+ <section class="hero-gradient text-white py-20">
59
+ <div class="container mx-auto px-6 text-center">
60
+ <div class="max-w-3xl mx-auto">
61
+ <svg class="w-24 h-24 mx-auto mb-6 cross-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
62
+ <line x1="12" y1="5" x2="12" y2="19"></line>
63
+ <line x1="5" y1="12" x2="19" y2="12"></line>
64
+ </svg>
65
+ <h1 class="text-4xl md:text-5xl font-bold mb-6" data-aos="fade-up">Jesus Christ - The Way, The Truth, and The Life</h1>
66
+ <p class="text-xl mb-8" data-aos="fade-up" data-aos-delay="100">
67
+ "For God so loved the world that he gave his one and only Son, that whoever believes in him shall not perish but have eternal life." - John 3:16
68
+ </p>
69
+ <button class="bg-white text-blue-600 px-6 py-3 rounded-full font-semibold hover:bg-blue-50 transition duration-300" data-aos="fade-up" data-aos-delay="200">
70
+ Learn More
71
+ </button>
72
+ </div>
73
+ </div>
74
+ </section>
75
+
76
+ <!-- About Section -->
77
+ <section id="about" class="py-20 bg-white">
78
+ <div class="container mx-auto px-6">
79
+ <div class="max-w-4xl mx-auto text-center mb-16">
80
+ <h2 class="text-3xl font-bold text-gray-800 mb-4" data-aos="fade-up">Who is Jesus?</h2>
81
+ <div class="w-24 h-1 bg-blue-600 mx-auto mb-8" data-aos="fade-up" data-aos-delay="100"></div>
82
+ <p class="text-gray-600 text-lg" data-aos="fade-up" data-aos-delay="200">
83
+ Jesus Christ is the Son of God who came to earth to save humanity from sin. He lived a perfect life, performed miracles, taught about God's kingdom, died on the cross for our sins, and rose again on the third day.
84
+ </p>
85
+ </div>
86
+ <div class="grid md:grid-cols-3 gap-8">
87
+ <div class="bg-blue-50 p-8 rounded-lg shadow-sm" data-aos="fade-up">
88
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
89
+ <i data-feather="heart" class="text-blue-600"></i>
90
+ </div>
91
+ <h3 class="text-xl font-semibold mb-4 text-gray-800">God's Love</h3>
92
+ <p class="text-gray-600">
93
+ Jesus demonstrated God's unconditional love through His life, death, and resurrection.
94
+ </p>
95
+ </div>
96
+ <div class="bg-blue-50 p-8 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="100">
97
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
98
+ <i data-feather="shield" class="text-blue-600"></i>
99
+ </div>
100
+ <h3 class="text-xl font-semibold mb-4 text-gray-800">Our Savior</h3>
101
+ <p class="text-gray-600">
102
+ Through His sacrifice on the cross, Jesus offers salvation to all who believe in Him.
103
+ </p>
104
+ </div>
105
+ <div class="bg-blue-50 p-8 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="200">
106
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
107
+ <i data-feather="clock" class="text-blue-600"></i>
108
+ </div>
109
+ <h3 class="text-xl font-semibold mb-4 text-gray-800">Coming King</h3>
110
+ <p class="text-gray-600">
111
+ Jesus promised to return and establish His eternal kingdom where there will be no more pain or suffering.
112
+ </p>
113
+ </div>
114
+ </div>
115
+ </div>
116
+ </section>
117
+
118
+ <!-- Teachings Section -->
119
+ <section id="teachings" class="py-20 bg-gray-50">
120
+ <div class="container mx-auto px-6">
121
+ <div class="max-w-4xl mx-auto text-center mb-16">
122
+ <h2 class="text-3xl font-bold text-gray-800 mb-4" data-aos="fade-up">Teachings of Jesus</h2>
123
+ <div class="w-24 h-1 bg-blue-600 mx-auto mb-8" data-aos="fade-up" data-aos-delay="100"></div>
124
+ <p class="text-gray-600 text-lg" data-aos="fade-up" data-aos-delay="200">
125
+ Jesus' teachings revolutionized the world with messages of love, forgiveness, and redemption.
126
+ </p>
127
+ </div>
128
+ <div class="grid md:grid-cols-2 gap-8">
129
+ <div class="bg-white p-8 rounded-lg shadow-sm" data-aos="fade-right">
130
+ <h3 class="text-xl font-semibold mb-4 text-gray-800">The Sermon on the Mount</h3>
131
+ <p class="text-gray-600 mb-4">
132
+ Jesus' most famous teaching includes the Beatitudes and the Lord's Prayer.
133
+ </p>
134
+ <ul class="space-y-2">
135
+ <li class="flex items-start">
136
+ <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
137
+ <span>"Blessed are the poor in spirit, for theirs is the kingdom of heaven."</span>
138
+ </li>
139
+ <li class="flex items-start">
140
+ <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
141
+ <span>"Love your enemies and pray for those who persecute you."</span>
142
+ </li>
143
+ <li class="flex items-start">
144
+ <i data-feather="check" class="text-green-500 mr-2 mt-1"></i>
145
+ <span>"Do not store up for yourselves treasures on earth..."</span>
146
+ </li>
147
+ </ul>
148
+ </div>
149
+ <div class="bg-white p-8 rounded-lg shadow-sm" data-aos="fade-left">
150
+ <h3 class="text-xl font-semibold mb-4 text-gray-800">Parables of Jesus</h3>
151
+ <p class="text-gray-600 mb-4">
152
+ Jesus used simple stories to convey profound spiritual truths.
153
+ </p>
154
+ <div class="grid grid-cols-2 gap-4">
155
+ <div class="bg-blue-50 p-4 rounded">
156
+ <h4 class="font-medium text-blue-600">Prodigal Son</h4>
157
+ <p class="text-sm text-gray-600">God's unconditional forgiveness</p>
158
+ </div>
159
+ <div class="bg-blue-50 p-4 rounded">
160
+ <h4 class="font-medium text-blue-600">Good Samaritan</h4>
161
+ <p class="text-sm text-gray-600">Loving your neighbor</p>
162
+ </div>
163
+ <div class="bg-blue-50 p-4 rounded">
164
+ <h4 class="font-medium text-blue-600">Mustard Seed</h4>
165
+ <p class="text-sm text-gray-600">Faith's potential</p>
166
+ </div>
167
+ <div class="bg-blue-50 p-4 rounded">
168
+ <h4 class="font-medium text-blue-600">Lost Sheep</h4>
169
+ <p class="text-sm text-gray-600">God's pursuit of sinners</p>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </section>
176
+
177
+ <!-- Miracles Section -->
178
+ <section id="miracles" class="py-20 bg-white">
179
+ <div class="container mx-auto px-6">
180
+ <div class="max-w-4xl mx-auto text-center mb-16">
181
+ <h2 class="text-3xl font-bold text-gray-800 mb-4" data-aos="fade-up">Miracles of Jesus</h2>
182
+ <div class="w-24 h-1 bg-blue-600 mx-auto mb-8" data-aos="fade-up" data-aos-delay="100"></div>
183
+ <p class="text-gray-600 text-lg" data-aos="fade-up" data-aos-delay="200">
184
+ Jesus performed many miracles demonstrating His divine power and compassion.
185
+ </p>
186
+ </div>
187
+ <div class="grid md:grid-cols-3 gap-8">
188
+ <div class="bg-gray-50 rounded-lg overflow-hidden shadow-sm" data-aos="fade-up">
189
+ <div class="h-48 bg-blue-100 flex items-center justify-center">
190
+ <i data-feather="eye" class="w-16 h-16 text-blue-600"></i>
191
+ </div>
192
+ <div class="p-6">
193
+ <h3 class="text-xl font-semibold mb-2">Healing the Blind</h3>
194
+ <p class="text-gray-600">
195
+ Jesus restored sight to the blind, showing His power over physical and spiritual blindness.
196
+ </p>
197
+ </div>
198
+ </div>
199
+ <div class="bg-gray-50 rounded-lg overflow-hidden shadow-sm" data-aos="fade-up" data-aos-delay="100">
200
+ <div class="h-48 bg-blue-100 flex items-center justify-center">
201
+ <i data-feather="wind" class="w-16 h-16 text-blue-600"></i>
202
+ </div>
203
+ <div class="p-6">
204
+ <h3 class="text-xl font-semibold mb-2">Calming the Storm</h3>
205
+ <p class="text-gray-600">
206
+ Jesus commanded the winds and waves, demonstrating His authority over nature.
207
+ </p>
208
+ </div>
209
+ </div>
210
+ <div class="bg-gray-50 rounded-lg overflow-hidden shadow-sm" data-aos="fade-up" data-aos-delay="200">
211
+ <div class="h-48 bg-blue-100 flex items-center justify-center">
212
+ <i data-feather="users" class="w-16 h-16 text-blue-600"></i>
213
+ </div>
214
+ <div class="p-6">
215
+ <h3 class="text-xl font-semibold mb-2">Feeding the 5000</h3>
216
+ <p class="text-gray-600">
217
+ With five loaves and two fish, Jesus fed a multitude, showing His provision.
218
+ </p>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </section>
224
+
225
+ <!-- Bible Verses Section -->
226
+ <section id="verses" class="py-20 bg-gray-50">
227
+ <div class="container mx-auto px-6">
228
+ <div class="max-w-4xl mx-auto text-center mb-16">
229
+ <h2 class="text-3xl font-bold text-gray-800 mb-4" data-aos="fade-up">Powerful Bible Verses</h2>
230
+ <div class="w-24 h-1 bg-blue-600 mx-auto mb-8" data-aos="fade-up" data-aos-delay="100"></div>
231
+ <p class="text-gray-600 text-lg" data-aos="fade-up" data-aos-delay="200">
232
+ Words of life, hope, and truth from Jesus and about Jesus.
233
+ </p>
234
+ </div>
235
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
236
+ <div class="verse-card bg-white p-6 rounded-lg shadow-sm hover:shadow-md" data-aos="fade-up">
237
+ <div class="text-blue-600 mb-4">
238
+ <i data-feather="book-open" class="inline mr-2"></i>
239
+ <span class="font-medium">John 14:6</span>
240
+ </div>
241
+ <p class="text-gray-700 italic mb-4">
242
+ "Jesus answered, 'I am the way and the truth and the life. No one comes to the Father except through me.'"
243
+ </p>
244
+ <div class="text-sm text-gray-500">Words of Jesus</div>
245
+ </div>
246
+ <div class="verse-card bg-white p-6 rounded-lg shadow-sm hover:shadow-md" data-aos="fade-up" data-aos-delay="100">
247
+ <div class="text-blue-600 mb-4">
248
+ <i data-feather="book-open" class="inline mr-2"></i>
249
+ <span class="font-medium">Matthew 11:28</span>
250
+ </div>
251
+ <p class="text-gray-700 italic mb-4">
252
+ "Come to me, all you who are weary and burdened, and I will give you rest."
253
+ </p>
254
+ <div class="text-sm text-gray-500">Invitation of Jesus</div>
255
+ </div>
256
+ <div class="verse-card bg-white p-6 rounded-lg shadow-sm hover:shadow-md" data-aos="fade-up" data-aos-delay="200">
257
+ <div class="text-blue-600 mb-4">
258
+ <i data-feather="book-open" class="inline mr-2"></i>
259
+ <span class="font-medium">Romans 5:8</span>
260
+ </div>
261
+ <p class="text-gray-700 italic mb-4">
262
+ "But God demonstrates his own love for us in this: While we were still sinners, Christ died for us."
263
+ </p>
264
+ <div class="text-sm text-gray-500">Paul's Letter</div>
265
+ </div>
266
+ <div class="verse-card bg-white p-6 rounded-lg shadow-sm hover:shadow-md" data-aos="fade-up">
267
+ <div class="text-blue-600 mb-4">
268
+ <i data-feather="book-open" class="inline mr-2"></i>
269
+ <span class="font-medium">Philippians 2:9-11</span>
270
+ </div>
271
+ <p class="text-gray-700 italic mb-4">
272
+ "Therefore God exalted him to the highest place and gave him the name that is above every name..."
273
+ </p>
274
+ <div class="text-sm text-gray-500">Christ's Exaltation</div>
275
+ </div>
276
+ <div class="verse-card bg-white p-6 rounded-lg shadow-sm hover:shadow-md" data-aos="fade-up" data-aos-delay="100">
277
+ <div class="text-blue-600 mb-4">
278
+ <i data-feather="book-open" class="inline mr-2"></i>
279
+ <span class="font-medium">John 1:1,14</span>
280
+ </div>
281
+ <p class="text-gray-700 italic mb-4">
282
+ "In the beginning was the Word, and the Word was with God, and the Word was God... The Word became flesh and made his dwelling among us."
283
+ </p>
284
+ <div class="text-sm text-gray-500">The Incarnation</div>
285
+ </div>
286
+ <div class="verse-card bg-white p-6 rounded-lg shadow-sm hover:shadow-md" data-aos="fade-up" data-aos-delay="200">
287
+ <div class="text-blue-600 mb-4">
288
+ <i data-feather="book-open" class="inline mr-2"></i>
289
+ <span class="font-medium">Revelation 22:12-13</span>
290
+ </div>
291
+ <p class="text-gray-700 italic mb-4">
292
+ "Look, I am coming soon! My reward is with me, and I will give to each person according to what they have done. I am the Alpha and the Omega..."
293
+ </p>
294
+ <div class="text-sm text-gray-500">Christ's Return</div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </section>
299
+
300
+ <!-- Call to Action -->
301
+ <section class="py-20 hero-gradient text-white">
302
+ <div class="container mx-auto px-6 text-center">
303
+ <div class="max-w-2xl mx-auto">
304
+ <h2 class="text-3xl font-bold mb-6" data-aos="fade-up">Do You Know Jesus?</h2>
305
+ <p class="text-xl mb-8" data-aos="fade-up" data-aos-delay="100">
306
+ Jesus offers forgiveness, purpose, and eternal life to all who believe in Him.
307
+ </p>
308
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
309
+ <button class="bg-white text-blue-600 px-6 py-3 rounded-full font-semibold hover:bg-blue-50 transition duration-300" data-aos="fade-up" data-aos-delay="200">
310
+ Accept Jesus Today
311
+ </button>
312
+ <button class="border-2 border-white text-white px-6 py-3 rounded-full font-semibold hover:bg-white hover:text-blue-600 transition duration-300" data-aos="fade-up" data-aos-delay="300">
313
+ Learn How to Follow Him
314
+ </button>
315
+ </div>
316
+ </div>
317
+ </div>
318
+ </section>
319
+
320
+ <!-- Footer -->
321
+ <footer class="bg-gray-800 text-white py-12">
322
+ <div class="container mx-auto px-6">
323
+ <div class="grid md:grid-cols-4 gap-8">
324
+ <div>
325
+ <div class="flex items-center space-x-2 mb-4">
326
+ <i data-feather="cross" class="text-blue-400"></i>
327
+ <span class="text-xl font-bold">Jesus Christ</span>
328
+ </div>
329
+ <p class="text-gray-400">
330
+ Sharing the love and truth of Jesus Christ with the world.
331
+ </p>
332
+ </div>
333
+ <div>
334
+ <h4 class="text-lg font-semibold mb-4">Quick Links</h4>
335
+ <ul class="space-y-2">
336
+ <li><a href="#about" class="text-gray-400 hover:text-white">About Jesus</a></li>
337
+ <li><a href="#teachings" class="text-gray-400 hover:text-white">His Teachings</a></li>
338
+ <li><a href="#miracles" class="text-gray-400 hover:text-white">Miracles</a></li>
339
+ <li><a href="#verses" class="text-gray-400 hover:text-white">Bible Verses</a></li>
340
+ </ul>
341
+ </div>
342
+ <div>
343
+ <h4 class="text-lg font-semibold mb-4">Resources</h4>
344
+ <ul class="space-y-2">
345
+ <li><a href="#" class="text-gray-400 hover:text-white">Bible Study Tools</a></li>
346
+ <li><a href="#" class="text-gray-400 hover:text-white">Prayer Guide</a></li>
347
+ <li><a href="#" class="text-gray-400 hover:text-white">Christian Living</a></li>
348
+ <li><a href="#" class="text-gray-400 hover:text-white">Church Finder</a></li>
349
+ </ul>
350
+ </div>
351
+ <div>
352
+ <h4 class="text-lg font-semibold mb-4">Connect</h4>
353
+ <div class="flex space-x-4 mb-4">
354
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
355
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
356
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
357
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="youtube"></i></a>
358
+ </div>
359
+ <p class="text-gray-400">
360
+ Subscribe to our newsletter for updates
361
+ </p>
362
+ </div>
363
+ </div>
364
+ <div class="border-t border-gray-700 mt-12 pt-8 text-center text-gray-400">
365
+ <p>© 2023 Jesus Christ - All rights reserved.</p>
366
+ </div>
367
+ </div>
368
+ </footer>
369
+
370
+ <script>AOS.init();</script>
371
+ <script>feather.replace();</script>
372
+ <script>
373
+ // Simple animation for verse cards
374
+ document.querySelectorAll('.verse-card').forEach((card, index) => {
375
+ card.addEventListener('mouseenter', () => {
376
+ anime({
377
+ targets: card,
378
+ scale: 1.02,
379
+ duration: 300,
380
+ easing: 'easeInOutQuad'
381
+ });
382
+ });
383
+ card.addEventListener('mouseleave', () => {
384
+ anime({
385
+ targets: card,
386
+ scale: 1,
387
+ duration: 300,
388
+ easing: 'easeInOutQuad'
389
+ });
390
+ });
391
+ });
392
+
393
+ // Mobile menu toggle would go here
394
+ </script>
395
+ </body>
396
  </html>