-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
266 lines (258 loc) · 15.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8' />
<link rel='icon' type='image/png' href='/images/paw.png' />
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<script defer type='module' src='/main.js'></script>
<title>PAWSOME PET SPA 🐾 Mobile dog grooming 🐶🛁</title>
<meta name='description' content='Mobile dog grooming. Wherever you are, we bring to you our groomers' />
<meta name='title' property='og:title' content='PAWSOME PET SPA 🐾 Mobile dog grooming 🐶🛁' />
<meta name='description' property='og:description'
content='Mobile dog grooming. Wherever you are, we bring to you our groomers' />
<meta property='og:url' content='NOW_URL' />
<meta name='image' property='og:image' content='https://pawsomepetspa.com/images/og-image.jpg' />
<meta property='og:image:alt' content='PAWSOME PET SPA 🐾 Mobile dog grooming 🐶🛁' />
<meta property='og:type' content='website' />
<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:title' content='PAWSOME PET SPA 🐾 Mobile dog grooming 🐶🛁' />
<meta name='twitter:description' content='Mobile dog grooming. Wherever you are, we bring to you our groomers' />
<meta name='twitter:image' content='https://pawsomepetspa.com/images/og-image.jpg' />
</head>
<body class='bg-black text-white overflow-x-hidden relative min-h-screen max-w-full last:pb-24'>
<nav class='font-bold text-white fixed bottom-5 md:top-0 md:bottom-auto w-full z-50 text-xs md:text-lg'>
<ul
class='bg-gradient-to-b from-[#ea1889] to-fuchsia-600 md:font-bold mx-5 md:mx-0 rounded-2xl md:rounded-b-2xl md:rounded-t-none flex flex-row tracking-wider text-center overflow-hidden'>
<li class='basis-1/4'><a rel='nofollow noopener noreferrer' class='scroll-to w-full py-3 inline-block'
href='#home'>Home</a></li>
<li class='basis-1/4'><a rel='nofollow noopener noreferrer' class='scroll-to w-full py-3 inline-block'
href='#about-us'>About us</a></li>
<li class='basis-1/4'><a rel='nofollow noopener noreferrer' class='scroll-to w-full py-3 inline-block'
href='#services'>Services</a></li>
<li class='basis-1/4'><a rel='nofollow noopener noreferrer' class='scroll-to w-full py-3 inline-block'
href='#contact-us'>Contact us</a></li>
</ul>
</nav>
<section id='home' class='overflow-x-hidden h-[85vh] md:h-screen flex flex-col relative justify-center'>
<div class='absolute inset-0 -z-10'>
<div id='icons'
class='relative [&>img]:p-4 [&>img]:w-32 [&>img]:h-32 md:[&>img]:w-48 md:[&>img]:h-48 [&>img]:opacity-0 [&>img]:absolute h-full'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:0.0s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:0.8s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:1.6s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:2.4s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:3.2s'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:4.0s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:0.0s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:0.8s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:1.6s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:2.4s;'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:3.2s'>
<img decoding='async' loading='lazy' class='animate-moving-background' src='/images/paw.png' alt=''
style='--delay:4.0s;'>
</div>
</div>
<h1 class='hidden'>PAWESOME PET SPA ON WHEELS</h1>
<picture class='max-w-xl mx-auto'>
<img decoding='async' loading='lazy' class='object-contain px-5' src='/images/pawesome-tagline.webp'
alt='pawesome image'>
</picture>
<picture class='w-full flex justify-center'>
<img decoding='async' loading='lazy' class='sm:max-w-lg max-w-sm object-fit px-5 absolute bottom-0'
src='/images/dog-nose.webp' alt='dog nose'>
</picture>
</section>
<section id='about-us' class='overflow-x-hidden px-5 relative'>
<h2 class='letter-gradient relative block text-center text-5xl font-bold py-10 whitespace-nowrap'
style='--start-color:#FF4D4D; --end-color:#F9CB28; --content: "About us";'>About us</h2>
<div class='container mx-auto px-3 max-w-2xl'>
<p class='text-2xl'>We are animal lovers and we know that our pets are part of our family, that is why we decided
to fit out our van with everything necessary to provide our pets with love.</p>
</div>
<h3 class='text-center text-4xl font-bold py-5 mt-5'>Wherever you are, we bring to you our groomers</h3>
<div class='my-10 w-screen relative -left-5 flex sm:flex-row flex-col items-center'>
<picture class='grow'>
<img decoding='async' loading='lazy' class='object-contain' src='/images/van-1.jpg' alt='Van profile 1'>
</picture>
<picture>
<img decoding='async' loading='lazy' class='object-contain' src='/images/van-2.jpg' alt='Van profile 1'>
</picture>
<picture class='grow'>
<img decoding='async' loading='lazy' class='object-contain' src='/images/van-3.jpg' alt='Van profile 1'>
</picture>
</div>
<div class='accordion accordion-active cursor-pointer rounded-xl border-2 container mx-auto px-3 max-w-2xl mb-6'>
<h3 class='text-center text-3xl font-bold py-5'>The importance of dog grooming?</h3>
<p class='px-4 pb-5 text-2xl'>Brushing your dog ventilates their coat, helping it grow healthy and strong, and
takes
away old and damaged hair. Also, running a brush through their coat acts as a nice massage which promotes
healthy blood circulation.</p>
<p class='px-4 pb-5 text-2xl'>Grooming also ensures that your dog's skin can breathe and keeps down the level of
grease
intheir coat. Even if your dog doesn't look scruffy, grooming particularly provides many health benefits for
them which may not be immediately obvious. Too much grease can block pores and cause irritation and all sorts of
skin problems.</p>
<p class='px-4 pb-5 text-2xl'>Grooming is a great bonding time, the more regularly you do it, the more they'll get
used
to it and it should become a soothing relaxing experience for you both.</p>
</div>
<div class='accordion accordion-active cursor-pointer rounded-xl border-2 container mx-auto px-3 max-w-2xl mb-6'>
<h3 class='text-center text-3xl font-bold py-5'>Hair cuts for health care</h3>
<p class='px-4 pb-5 text-2xl'>Some breeds of dogs have hair that grows continuously and needs to be cut at the
very
least every few months. Without a cut, this continuously growing fur can create mats that can be a breeding
ground for infectious agents on a dog's skin. Additionally, allowing for mats of hair to form will create pain
for the pet when a cut finally does occur. Lastly, a nice professional haircut always makes a pet look much more
presentable and well-taken care of.</p>
</div>
<div class='accordion accordion-active cursor-pointer rounded-xl border-2 container mx-auto px-3 max-w-2xl mb-6'>
<h3 class='text-center text-3xl font-bold py-5'>The benefits of nail nare</h3>
<p class='px-4 pb-5 text-2xl'>Pet grooming services include nail care because it is important to clip a pet's
nails
frequently. If they are neglected and grow out too long, they are at risk for getting caught in flooring or
breaking, causing pain to the animal. Additionally, frequent clipping allows for the quick (a soft nerve-filled
cuticle within the hard coating of the nail) to recede and allow for shorter nails. Lastly, allowing
professionals to trim a pet's nails ensures the safety of the pet as an expert pet groomer will know how to
handle a pet carefully and safely.</p>
</div>
</section>
<section id='services' class='overflow-x-hidden px-5'>
<h2 class='letter-gradient relative block text-center text-5xl font-bold py-10 whitespace-nowrap'
style='--start-color:#7928CA; --end-color:#FF0080; --content: "Services";'>Services</h2>
<div class='mb-10 sm:px-40 px-5 w-screen relative -left-5 grid sm:grid-cols-3 grid-cols-2 gap-7'>
<picture>
<img decoding='async' loading='lazy' class='object-contain rounded-full' src='/images/bath.jpg'
alt='Bath service image'>
<p class='py-5 text-3xl text-center font-bold'>Bath</p>
</picture>
<picture>
<img decoding='async' loading='lazy' class='object-contain rounded-full' src='/images/haircut.jpg'
alt='Hair cut service image'>
<p class='py-5 text-3xl text-center font-bold'>Hair cut</p>
</picture>
<picture>
<img decoding='async' loading='lazy' class='object-contain rounded-full' src='/images/ear-hair-removal.jpg'
alt='Ear hair removal service image'>
<p class='py-5 text-3xl text-center font-bold'>Ear hair removal</p>
</picture>
<picture>
<img decoding='async' loading='lazy' class='object-contain rounded-full' src='/images/de-shedding.jpg'
alt='De shedding service image'>
<p class='py-5 text-3xl text-center font-bold'>De shedding</p>
</picture>
<picture>
<img decoding='async' loading='lazy' class='object-contain rounded-full' src='/images/dental-cleaning.jpg'
alt='Dental cleaning service image'>
<p class='py-5 text-3xl text-center font-bold'>Dental cleaning</p>
</picture>
<picture>
<img decoding='async' loading='lazy' class='object-contain rounded-full' src='/images/nails-painting.jpg'
alt='Nails painting service image'>
<p class='py-5 text-3xl text-center font-bold'>Nails painting</p>
</picture>
</div>
<div class='accordion accordion-active cursor-pointer rounded-xl border-2 container mx-auto px-3 max-w-2xl mb-6'>
<h3 class='text-center text-3xl font-bold py-5'>What is included in a grooming session?</h3>
<p class='text-2xl pb-5'>Our grooming services covers, bath, eye and ear cleaning, hair removal (if is necessary),
gland expression, brushing, blow drying, hair cut and nails clipping.</p>
</div>
<div class='accordion accordion-active cursor-pointer rounded-xl border-2 container mx-auto px-3 max-w-2xl mb-6'>
<h3 class='text-center text-3xl font-bold py-5'>What is included in a bath session?</h3>
<p class='text-2xl pb-5'>Our bath services covers, eye and ear cleaning, gland expression, brushing, blow drying
and nails clipping.</p>
</div>
<div class='accordion accordion-active cursor-pointer rounded-xl border-2 container mx-auto px-3 max-w-2xl mb-6'>
<h3 class='text-center text-3xl font-bold py-5'>More services</h3>
<ul class='text-2xl pb-5 grid sm:grid-cols-2 grid-cols-1 gap-2'>
<li>Flea and tick bath</li>
<li>Nail clipping</li>
<li>Brushing</li>
<li>Gland expression</li>
<li>Hair painting</li>
<li>and MORE!</li>
</ul>
</div>
</section>
<section id='clients' class='overflow-x-hidden'>
<h2 class='letter-gradient relative block text-center text-5xl font-bold py-10 whitespace-nowrap'
style='--start-color:#007CF0; --end-color:#00DFD8; --content: "Dogs";'>Dogs</h2>
<div class='mx-auto px-3 max-w-4xl'>
<section class='text-center pb-5 flex flex-col md:flex-row'>
<picture class='inline-block mb-5'>
<img decoding='async' loading='lazy' class='inline-block w-2/3' src='/images/dog-1.webp'
alt='results one | before'>
<p class='text-3xl font-bold'>Before</p>
</picture>
<picture class='inline-block mb-5'>
<img decoding='async' loading='lazy' class='inline-block w-2/3' src='/images/dog-2.webp'
alt='results one | after'>
<p class='text-3xl font-bold'>After</p>
</picture>
</section>
<section class='text-center pb-5 flex flex-col md:flex-row'>
<picture class='inline-block mb-5'>
<img decoding='async' loading='lazy' class='inline-block w-2/3' src='/images/dog-7.webp'
alt='results two | before'>
<p class='text-3xl font-bold'>Before</p>
</picture>
<picture class='inline-block mb-5'>
<img decoding='async' loading='lazy' class='inline-block w-2/3' src='/images/dog-8.webp'
alt='results two | after'>
<p class='text-3xl font-bold'>After</p>
</picture>
</section>
<section class='text-center pb-5 flex flex-col md:flex-row'>
<picture class='inline-block mb-5'>
<img decoding='async' loading='lazy' class='inline-block w-2/3' src='/images/dog-5.webp'
alt='results three | before'>
<p class='text-3xl font-bold'>Before</p>
</picture>
<picture class='inline-block mb-5'>
<img decoding='async' loading='lazy' class='inline-block w-2/3' src='/images/dog-6.webp'
alt='results three | after'>
<p class='text-3xl font-bold'>After</p>
</picture>
</section>
</div>
</section>
<section id='contact-us' class='overflow-x-hidden px-5'>
<h2 class='letter-gradient relative block text-center text-5xl font-bold py-10 whitespace-nowrap'
style='--start-color:#97fd10; --end-color:#fa7217; --content: "Contact us";'>Contact us</h2>
<div class='container mx-auto px-3 max-w-2xl'>
<section class='grid sm:grid-cols-3 grid-cols-1 gap-5 text-2xl leading-normal text-center'>
<a rel='nofollow noopener noreferrer' href='https://wa.me/message/WHESBMTNE2VZH1' target='_blank'>
<i class='i-whatsapp'></i> WhatsApp
</a>
<a rel='nofollow noopener noreferrer' href='https://www.facebook.com/profile.php?id=100086689148606'
target='_blank'>
<i class='i-facebook'></i> Facebook
</a>
<a rel='nofollow noopener noreferrer' href='https://instagram.com/pawsomepetspa?igshid=YmMyMTA2M2Y='
target='_blank'>
<i class='i-instagram'></i> Instagram
</a>
<a rel='nofollow noopener noreferrer' href='tel://+13056061182/' target='_blank'>
<i class='i-phone-solid'></i> Call us
</a>
<a rel='nofollow noopener noreferrer' href='mailto:pawsomepetspa@gmail.com' target='_blank'>
<i class='i-at'></i> Email
</a>
<a rel='nofollow noopener noreferrer' href='https://booking.moego.pet/go/?name=Pawsomepetspa' target='_blank'>
<i class='i-book-solid'></i> Book now
</a>
</section>
</div>
</section>
</body>
</html>