Hugging Face's logo

Spaces:
victor
/
paws-relax-premium-dog-sitting-services
Running

App Files Community
victor HF Staff commited on
Commit
3c8873e
·
verified ·
1 Parent(s): 390e89b

dog sitting service landing page

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +414 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Paws Relax Premium Dog Sitting Services
3
- emoji: 🏆
4
- colorFrom: yellow
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: Paws & Relax - Premium Dog Sitting Services 🐾
3
+ colorFrom: gray
 
4
  colorTo: blue
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,415 @@
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>Paws & Relax - Premium Dog Sitting Services</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://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
12
+ <style>
13
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
14
+ body {
15
+ font-family: 'Poppins', sans-serif;
16
+ }
17
+ .gradient-bg {
18
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
19
+ }
20
+ .service-card:hover {
21
+ transform: translateY(-10px);
22
+ transition: all 0.3s ease;
23
+ }
24
+ .floating {
25
+ animation: floating 3s ease-in-out infinite;
26
+ }
27
+ @keyframes floating {
28
+ 0% { transform: translate(0, 0px); }
29
+ 50% { transform: translate(0, -15px); }
30
+ 100% { transform: translate(0, -0px); }
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="bg-gray-50">
35
+ <!-- Navigation -->
36
+ <nav class="bg-white shadow-lg fixed w-full z-50">
37
+ <div class="max-w-7xl mx-auto px-4">
38
+ <div class="flex justify-between items-center py-4">
39
+ <div class="flex items-center">
40
+ <i data-feather="heart" class="text-purple-600 w-8 h-8 mr-2"></i>
41
+ <span class="text-xl font-bold text-gray-800">Paws & Relax</span>
42
+ </div>
43
+ <div class="hidden md:flex space-x-8">
44
+ <a href="#home" class="text-gray-600 hover:text-purple-600 transition duration-300">Home</a>
45
+ <a href="#services" class="text-gray-600 hover:text-purple-600 transition duration-300">Services</a>
46
+ <a href="#about" class="text-gray-600 hover:text-purple-600 transition duration-300">About</a>
47
+ <a href="#testimonials" class="text-gray-600 hover:text-purple-600 transition duration-300">Reviews</a>
48
+ <a href="#contact" class="text-gray-600 hover:text-purple-600 transition duration-300">Contact</a>
49
+ </div>
50
+ <button class="bg-purple-600 text-white px-6 py-2 rounded-full hover:bg-purple-700 transition duration-300">
51
+ Book Now
52
+ </button>
53
+ </div>
54
+ </div>
55
+ </nav>
56
+
57
+ <!-- Hero Section -->
58
+ <section id="home" class="gradient-bg min-h-screen flex items-center pt-20">
59
+ <div class="max-w-7xl mx-auto px-4 py-20">
60
+ <div class="grid md:grid-cols-2 gap-12 items-center">
61
+ <div class="text-white">
62
+ <h1 class="text-5xl md:text-6xl font-bold mb-6 leading-tight">
63
+ Your Best Friend's<br>
64
+ <span class="text-yellow-300">Second Home</span>
65
+ </h1>
66
+ <p class="text-xl mb-8 text-purple-100">
67
+ Professional dog sitting services with love, care, and lots of tail wags.
68
+ Your furry family members deserve the best while you're away.
69
+ </p>
70
+ <div class="flex flex-col sm:flex-row gap-4">
71
+ <button class="bg-yellow-400 text-purple-900 px-8 py-4 rounded-full font-semibold hover:bg-yellow-300 transition duration-300 text-lg">
72
+ Book a Sitter
73
+ </button>
74
+ <button class="border-2 border-white text-white px-8 py-4 rounded-full font-semibold hover:bg-white hover:text-purple-900 transition duration-300 text-lg">
75
+ Learn More
76
+ </button>
77
+ </div>
78
+ </div>
79
+ <div class="relative">
80
+ <div class="floating">
81
+ <img src="http://static.photos/pets/1200x630/1" alt="Happy Dog" class="rounded-3xl shadow-2xl">
82
+ </div>
83
+ <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-2xl shadow-lg">
84
+ <div class="flex items-center">
85
+ <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mr-3">
86
+ <i data-feather="check" class="text-green-600 w-6 h-6"></i>
87
+ </div>
88
+ <div>
89
+ <p class="text-sm text-gray-600">Trusted by</p>
90
+ <p class="font-bold text-gray-800">500+ Happy Paws</p>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </section>
98
+
99
+ <!-- Services Section -->
100
+ <section id="services" class="py-20 bg-white">
101
+ <div class="max-w-7xl mx-auto px-4">
102
+ <div class="text-center mb-16">
103
+ <h2 class="text-4xl font-bold text-gray-800 mb-4">Our Paw-some Services</h2>
104
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
105
+ From daily walks to overnight stays, we've got everything your furry friend needs
106
+ </p>
107
+ </div>
108
+ <div class="grid md:grid-cols-3 gap-8">
109
+ <!-- Service 1 -->
110
+ <div class="service-card bg-gradient-to-br from-purple-50 to-pink-50 p-8 rounded-3xl shadow-lg border border-purple-100">
111
+ <div class="w-16 h-16 bg-purple-600 rounded-2xl flex items-center justify-center mb-6">
112
+ <i data-feather="home" class="text-white w-8 h-8"></i>
113
+ </div>
114
+ <h3 class="text-2xl font-bold text-gray-800 mb-4">In-Home Sitting</h3>
115
+ <p class="text-gray-600 mb-6">
116
+ Your dog stays in their familiar environment with all the comforts of home
117
+ </p>
118
+ <ul class="space-y-2 mb-6">
119
+ <li class="flex items-center text-gray-700">
120
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
121
+ 24/7 supervision
122
+ </li>
123
+ <li class="flex items-center text-gray-700">
124
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
125
+ Regular photo updates
126
+ </li>
127
+ <li class="flex items-center text-gray-700">
128
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
129
+ Medication administration
130
+ </li>
131
+ </ul>
132
+ <div class="text-3xl font-bold text-purple-600">$45<span class="text-lg text-gray-600">/day</span></div>
133
+ </div>
134
+
135
+ <!-- Service 2 -->
136
+ <div class="service-card bg-gradient-to-br from-blue-50 to-cyan-50 p-8 rounded-3xl shadow-lg border border-blue-100 transform scale-105">
137
+ <div class="w-16 h-16 bg-blue-600 rounded-2xl flex items-center justify-center mb-6">
138
+ <i data-feather="sun" class="text-white w-8 h-8"></i>
139
+ </div>
140
+ <h3 class="text-2xl font-bold text-gray-800 mb-4">Day Care</h3>
141
+ <p class="text-gray-600 mb-6">
142
+ Perfect for working pet parents who want their dogs to socialize and play
143
+ </p>
144
+ <ul class="space-y-2 mb-6">
145
+ <li class="flex items-center text-gray-700">
146
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
147
+ Group play sessions
148
+ </li>
149
+ <li class="flex items-center text-gray-700">
150
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
151
+ Individual attention
152
+ </li>
153
+ <li class="flex items-center text-gray-700">
154
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
155
+ Nap time included
156
+ </li>
157
+ </ul>
158
+ <div class="text-3xl font-bold text-blue-600">$35<span class="text-lg text-gray-600">/day</span></div>
159
+ </div>
160
+
161
+ <!-- Service 3 -->
162
+ <div class="service-card bg-gradient-to-br from-green-50 to-emerald-50 p-8 rounded-3xl shadow-lg border border-green-100">
163
+ <div class="w-16 h-16 bg-green-600 rounded-2xl flex items-center justify-center mb-6">
164
+ <i data-feather="map-pin" class="text-white w-8 h-8"></i>
165
+ </div>
166
+ <h3 class="text-2xl font-bold text-gray-800 mb-4">Dog Walking</h3>
167
+ <p class="text-gray-600 mb-6">
168
+ Regular exercise and potty breaks to keep your dog happy and healthy
169
+ </p>
170
+ <ul class="space-y-2 mb-6">
171
+ <li class="flex items-center text-gray-700">
172
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
173
+ 30-60 minute walks
174
+ </li>
175
+ <li class="flex items-center text-gray-700">
176
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
177
+ GPS tracked routes
178
+ </li>
179
+ <li class="flex items-center text-gray-700">
180
+ <i data-feather="check" class="w-4 h-4 text-green-500 mr-2"></i>
181
+ Fresh water provided
182
+ </li>
183
+ </ul>
184
+ <div class="text-3xl font-bold text-green-600">$20<span class="text-lg text-gray-600">/walk</span></div>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </section>
189
+
190
+ <!-- About Section -->
191
+ <section id="about" class="py-20 bg-gray-50">
192
+ <div class="max-w-7xl mx-auto px-4">
193
+ <div class="grid md:grid-cols-2 gap-12 items-center">
194
+ <div>
195
+ <h2 class="text-4xl font-bold text-gray-800 mb-6">Why Choose Paws & Relax?</h2>
196
+ <p class="text-lg text-gray-600 mb-8">
197
+ We're not just dog sitters - we're passionate animal lovers dedicated to providing
198
+ the highest quality care for your furry family members.
199
+ </p>
200
+ <div class="space-y-6">
201
+ <div class="flex items-start">
202
+ <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mr-4 mt-1">
203
+ <i data-feather="shield" class="text-purple-600 w-6 h-6"></i>
204
+ </div>
205
+ <div>
206
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Fully Vetted & Insured</h3>
207
+ <p class="text-gray-600">All our sitters undergo thorough background checks and are fully insured.</p>
208
+ </div>
209
+ </div>
210
+ <div class="flex items-start">
211
+ <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4 mt-1">
212
+ <i data-feather="award" class="text-blue-600 w-6 h-6"></i>
213
+ </div>
214
+ <div>
215
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Certified Professionals</h3>
216
+ <p class="text-gray-600">Our team includes certified dog trainers and pet first aid specialists.</p>
217
+ </div>
218
+ </div>
219
+ <div class="flex items-start">
220
+ <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mr-4 mt-1">
221
+ <i data-feather="heart" class="text-green-600 w-6 h-6"></i>
222
+ </div>
223
+ <div>
224
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Personalized Care</h3>
225
+ <p class="text-gray-600">We tailor our services to meet your dog's unique needs and personality.</p>
226
+ </div>
227
+ </div>
228
+ </div>
229
+ </div>
230
+ <div class="grid grid-cols-2 gap-4">
231
+ <img src="http://static.photos/pets/640x360/2" alt="Dog playing" class="rounded-2xl shadow-lg">
232
+ <img src="http://static.photos/pets/640x360/3" alt="Dog cuddling" class="rounded-2xl shadow-lg mt-8">
233
+ <img src="http://static.photos/pets/640x360/4" alt="Dog walking" class="rounded-2xl shadow-lg">
234
+ <img src="http://static.photos/pets/640x360/5" alt="Happy dog" class="rounded-2xl shadow-lg mt-8">
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </section>
239
+
240
+ <!-- Testimonials Section -->
241
+ <section id="testimonials" class="py-20 bg-white">
242
+ <div class="max-w-7xl mx-auto px-4">
243
+ <div class="text-center mb-16">
244
+ <h2 class="text-4xl font-bold text-gray-800 mb-4">Happy Tails & Reviews</h2>
245
+ <p class="text-xl text-gray-600">See what other pet parents are saying about our services</p>
246
+ </div>
247
+ <div class="grid md:grid-cols-3 gap-8">
248
+ <!-- Testimonial 1 -->
249
+ <div class="bg-gray-50 p-8 rounded-3xl border border-gray-200">
250
+ <div class="flex items-center mb-6">
251
+ <img src="http://static.photos/people/200x200/1" alt="Sarah M." class="w-12 h-12 rounded-full mr-4">
252
+ <div>
253
+ <h4 class="font-semibold text-gray-800">Sarah M.</h4>
254
+ <div class="flex text-yellow-400">
255
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
256
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
257
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
258
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
259
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ <p class="text-gray-600 italic">
264
+ "I was so nervous leaving my golden retriever for the first time, but Paws & Relax made it so easy!
265
+ The daily photo updates and videos showed me how much fun he was having. Will definitely book again!"
266
+ </p>
267
+ </div>
268
+
269
+ <!-- Testimonial 2 -->
270
+ <div class="bg-gray-50 p-8 rounded-3xl border border-gray-200">
271
+ <div class="flex items-center mb-6">
272
+ <img src="http://static.photos/people/200x200/2" alt="Mike R." class="w-12 h-12 rounded-full mr-4">
273
+ <div>
274
+ <h4 class="font-semibold text-gray-800">Mike R.</h4>
275
+ <div class="flex text-yellow-400">
276
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
277
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
278
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
279
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
280
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
281
+ </div>
282
+ </div>
283
+ </div>
284
+ <p class="text-gray-600 italic">
285
+ "Our anxious rescue dog usually struggles with new people, but she warmed up to her sitter immediately.
286
+ The care and patience shown was exceptional. Highly recommend!"
287
+ </p>
288
+ </div>
289
+
290
+ <!-- Testimonial 3 -->
291
+ <div class="bg-gray-50 p-8 rounded-3xl border border-gray-200">
292
+ <div class="flex items-center mb-6">
293
+ <img src="http://static.photos/people/200x200/3" alt="Jessica L." class="w-12 h-12 rounded-full mr-4">
294
+ <div>
295
+ <h4 class="font-semibold text-gray-800">Jessica L.</h4>
296
+ <div class="flex text-yellow-400">
297
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
298
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
299
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
300
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
301
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
302
+ </div>
303
+ </div>
304
+ </div>
305
+ <p class="text-gray-600 italic">
306
+ "Professional, reliable, and so loving with our two dogs. The detailed reports after each visit
307
+ showed us exactly how their day went. Couldn't be happier with the service!"
308
+ </p>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ </section>
313
+
314
+ <!-- CTA Section -->
315
+ <section class="gradient-bg py-20">
316
+ <div class="max-w-4xl mx-auto text-center px-4">
317
+ <h2 class="text-4xl font-bold text-white mb-6">Ready to Give Your Dog the Best Care?</h2>
318
+ <p class="text-xl text-purple-100 mb-8">
319
+ Join hundreds of satisfied pet parents who trust us with their furry family members
320
+ </p>
321
+ <div class="flex flex-col sm:flex-row gap-4 justify-center">
322
+ <button class="bg-yellow-400 text-purple-900 px-8 py-4 rounded-full font-semibold hover:bg-yellow-300 transition duration-300 text-lg">
323
+ Get Started Today
324
+ </button>
325
+ <button class="border-2 border-white text-white px-8 py-4 rounded-full font-semibold hover:bg-white hover:text-purple-900 transition duration-300 text-lg">
326
+ Call Us: (555) 123-PAWS
327
+ </button>
328
+ </div>
329
+ </div>
330
+ </section>
331
+
332
+ <!-- Footer -->
333
+ <footer class="bg-gray-900 text-white py-12">
334
+ <div class="max-w-7xl mx-auto px-4">
335
+ <div class="grid md:grid-cols-4 gap-8">
336
+ <div>
337
+ <div class="flex items-center mb-4">
338
+ <i data-feather="heart" class="text-purple-400 w-6 h-6 mr-2"></i>
339
+ <span class="text-xl font-bold">Paws & Relax</span>
340
+ </div>
341
+ <p class="text-gray-400">
342
+ Premium dog sitting services with love, care, and professional expertise.
343
+ </p>
344
+ </div>
345
+ <div>
346
+ <h3 class="font-semibold text-lg mb-4">Services</h3>
347
+ <ul class="space-y-2 text-gray-400">
348
+ <li><a href="#" class="hover:text-white transition duration-300">In-Home Sitting</a></li>
349
+ <li><a href="#" class="hover:text-white transition duration-300">Day Care</a></li>
350
+ <li><a href="#" class="hover:text-white transition duration-300">Dog Walking</a></li>
351
+ <li><a href="#" class="hover:text-white transition duration-300">Pet Taxi</a></li>
352
+ </ul>
353
+ </div>
354
+ <div>
355
+ <h3 class="font-semibold text-lg mb-4">Company</h3>
356
+ <ul class="space-y-2 text-gray-400">
357
+ <li><a href="#" class="hover:text-white transition duration-300">About Us</a></li>
358
+ <li><a href="#" class="hover:text-white transition duration-300">Careers</a></li>
359
+ <li><a href="#" class="hover:text-white transition duration-300">Blog</a></li>
360
+ <li><a href="#" class="hover:text-white transition duration-300">Press</a></li>
361
+ </ul>
362
+ </div>
363
+ <div>
364
+ <h3 class="font-semibold text-lg mb-4">Contact</h3>
365
+ <ul class="space-y-2 text-gray-400">
366
+ <li class="flex items-center">
367
+ <i data-feather="mail" class="w-4 h-4 mr-2"></i>
368
+ <span>[email protected]</span>
369
+ </li>
370
+ <li class="flex items-center">
371
+ <i data-feather="phone" class="w-4 h-4 mr-2"></i>
372
+ <span>(555) 123-PAWS</span>
373
+ </li>
374
+ <li class="flex items-center">
375
+ <i data-feather="map-pin" class="w-4 h-4 mr-2"></i>
376
+ <span>123 Dog Street, Petville</span>
377
+ </li>
378
+ </ul>
379
+ </div>
380
+ </div>
381
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
382
+ <p>&copy; 2024 Paws & Relax. All rights reserved. Made with ❤️ for dogs everywhere.</p>
383
+ </div>
384
+ </footer>
385
+
386
+ <script>
387
+ // Initialize Vanta.js background
388
+ VANTA.NET({
389
+ el: "#home",
390
+ mouseControls: true,
391
+ touchControls: true,
392
+ gyroControls: false,
393
+ minHeight: 200.00,
394
+ minWidth: 200.00,
395
+ scale: 1.00,
396
+ scaleMobile: 1.00,
397
+ color: 0x764ba2,
398
+ backgroundColor: 0x667eea,
399
+ points: 12.00,
400
+ maxDistance: 22.00,
401
+ spacing: 18.00
402
+ });
403
+
404
+ // Smooth scrolling for navigation links
405
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
406
+ anchor.addEventListener('click', function (e) {
407
+ e.preventDefault();
408
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
409
+ behavior: 'smooth'
410
+ });
411
+ });
412
+ </script>
413
+ <script>feather.replace();</script>
414
+ </body>
415
  </html>