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
|
<script>
import { setImageUrl } from '$lib/utils';
import { Navigation, Pagination, Scrollbar, A11y, Autoplay } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/svelte';
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
import 'swiper/css/scrollbar';
import 'swiper/css/autoplay';
const images = [
{ image: 'Plaza-Logo-Door.jpeg', alt: 'Picture of the glass office door with the Misty Mountains Therapy logo in the center.' },
{ image: 'Entry-Way.jpeg', alt: 'The entry hall to the Misty Mountains Suite room, showing a bench for waiting patients to sit. The vibes are inviting.' },
{ image: 'office-1-1.jpeg', alt: 'An office room with a rustic lamp and comfy looking couch.' },
{ image: 'Inside-Office.jpeg', alt: 'A second office room with good vibes.' },
{ image: 'mountains.png', alt: 'Cloudy mountains in a light sky' },
].map(setImageUrl);
</script>
<div class="row align-items-center py-2">
<div class="col-md-7">
<Swiper
modules={[Navigation, Pagination, Scrollbar, A11y, Autoplay]}
class="rounded shadow"
spaceBetween={50}
slidesPerView={1}
autoHeight={true}
loop={true}
navigation
pagination={{ clickable: true }}
autoplay={true}
speed={1000}
on:slideChange={() => console.log('slide change')}
on:swiper={(e) => console.log(e.detail[0])}
>
{#each images as { image, alt } (image)}
<SwiperSlide>
<img class="image-fluid" style="width:100%" src={image} {alt} />
</SwiperSlide>
{/each}
</Swiper>
</div>
<div class="col-md-5 my-2">
<h2>Helping you conquer Mount Doom.</h2>
<p><a href="/contact" class="btn btn-success shadow">FREE 15 Minute Consultation</a></p>
</div>
</div>
<div class="bg-light rounded p-3 shadow">
<div class="d-flex justify-content-center">
<div class="col-md-8 mt-2 border-bottom">
<h3>
"Darkness must pass, a new day will come, and when the sun shines, it will shine out the
clearer."
</h3>
<div class="d-flex justify-content-end">- Samwise Gamgee</div>
<br />
<p>
Misty Mountains Therapy is a privately owned, high quality, specialty therapy clinic,
founded in January 2020 by Jefferson Hunt. We are dedicated to providing comprehensive
therapy evaluation and treatment services to children and adults for a wide variety of
disorders in the most efficient and effective manner possible in the Rexburg area. We
believe that therapy should be fun, engaging, and most importantly, useful to our clients.
</p>
<p>
We are currently accepting new clients and offer a variety of services to <strong>help you live the
life you desire</strong>. To find the right fit for you, schedule a <a href="/contact"
>free 15-minute consultation</a
>.
</p>
</div>
</div>
<div class="d-flex justify-content-center">
<div class="col-md-8 mt-2">
<div>
We do not have a crisis line. If you or someone you know is in danger please call 911, visit
your nearest emergency room, call the National Suicide Prevention Lifeline for free crisis
counseling at <a href="tel:18002738255">(800)273-TALK</a> (8255), or text HELLO to 741-741.
</div>
</div>
</div>
<br />
</div>
|
