Massive refactor courtesy of 5 dollars of AI tokens

1 files changed, 44 insertions, 0 deletions

diff --git a/src/routes/services/+page.svelte b/src/routes/services/+page.svelte
new file mode 100644
index 0000000..222e2ff
--- /dev/null
+++ b/src/routes/services/+page.svelte
@@ -0,0 +1,44 @@
+<script>
+  import DirectionCard from '../../components/DirectionCard.svelte';
+  import { servicesImages } from '$lib/data/images';
+</script>
+
+<div>
+  <h1 class="text-center">Our Services.</h1>
+  <DirectionCard direction="left" imageSpec={{image: servicesImages.girl, alt: "Girl looking at camera"}}>
+    <h2>Therapy</h2>
+    <em>We provide personalized, unassuming, and nonjudgemental guidance in the following:</em>
+    <ul>
+      <li>Addiction</li>
+      <li>Adolescents</li>
+      <li>ADHD</li>
+      <li>Depression</li>
+      <li>Anxiety</li>
+      <li>Autism Spectrum</li>
+      <li>LGBTQ+ Identity</li>
+      <li>Gender Identity</li>
+      <li>Couples</li>
+      <li>Families</li>
+      <li>Human Sexuality</li>
+      <li>Individuals</li>
+      <li>Friends / Roomates</li>
+      <li><em>And more</em></li>
+    </ul>
+  </DirectionCard>
+  <DirectionCard direction="right" imageSpec={{image: servicesImages.guy, alt: "Boy smiling to left"}}>
+    <h2>Screeners</h2>
+    <em>We perform high quality screening for:</em>
+    <ul>
+      <li>ADHD</li>
+      <li>Anxiety</li>
+      <li>Autism</li>
+      <li>Depression</li>
+      <li>Intimacy Anorexia</li>
+      <li>Obsessive Compulsive Disorder (OCD)</li>
+      <li>Post Traumatic Stress Disorder (PTSD)</li>
+      <li>Sex Addiction</li>
+      <li>Sexual Anorexia</li>
+      <li>Suicidal Ideation</li>
+    </ul>
+  </DirectionCard>
+</div>