4 files changed, 16 insertions, 27 deletions
diff --git a/src/routes/approach/index.svelte b/src/routes/approach/index.svelte
index 90a0863..3a4e963 100644
--- a/src/routes/approach/index.svelte
+++ b/src/routes/approach/index.svelte
@@ -1,10 +1,14 @@
+<script>
+  import { approachImage } from '$lib/data/images';
+</script>
+
 <main>
   <h1 class="text-center">Our Approach.</h1>
   <div class="bg-light rounded p-4 shadow">
     <div class="row justify-content-center">
       <div class="col-sm-10">
         <div style="text-align:center">
-          <img class="shadow" src="https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/boats.jpg" alt="boats in water" style="width:60%;border-radius: 0.25em;">
+          <img class="shadow" src={approachImage} alt="boats in water" style="width:60%;border-radius: 0.25em;">
         </div>
         <br>
         <p>We meet each client where they are at and customize their therapeutic journey to best fit their personality and issues. Some of the approaches we use most are listed below:</p>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index ece7b9b..1a701c7 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { setImageUrl } from '$lib/utils';
+	import { carouselImages } from '$lib/data/images';
 	import { Navigation, Pagination, Scrollbar, A11y, Autoplay } from 'swiper';
 	import { Swiper, SwiperSlide } from 'swiper/svelte';
 	import 'swiper/css';
@@ -9,12 +9,12 @@
 	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);
+		{ image: carouselImages[0], alt: 'Picture of the glass office door with the Misty Mountains Therapy logo in the center.' },
+		{ image: carouselImages[1], alt: 'The entry hall to the Misty Mountains Suite room, showing a bench for waiting patients to sit. The vibes are inviting.' },
+		{ image: carouselImages[2], alt: 'An office room with a rustic lamp and comfy looking couch.' },
+		{ image: carouselImages[3], alt: 'A second office room with good vibes.' },
+		{ image: carouselImages[4], alt: 'Cloudy mountains in a light sky' },
+	];
 </script>
 
 <div class="row align-items-center py-2">
diff --git a/src/routes/services/index.svelte b/src/routes/services/index.svelte
index e6ac4de..1a02120 100644
--- a/src/routes/services/index.svelte
+++ b/src/routes/services/index.svelte
@@ -1,10 +1,11 @@
 <script>
   import DirectionCard from '../../components/DirectionCard.svelte';
+  import { servicesImages } from '$lib/data/images';
 </script>
 
 <main>
   <h1 class="text-center">Our Services.</h1>
-  <DirectionCard direction="left" imageSpec={{image: "https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/girl.jpg", alt: "Girl looking at camera"}}>
+  <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>
@@ -24,7 +25,7 @@
       <li><em>And more</em></li>
     </ul>
   </DirectionCard>
-  <DirectionCard direction="right" imageSpec={{image: "https://ztxoywaazhxdeiftmsiy.supabase.co/storage/v1/object/public/mistymountains/guy.jpg", alt: "Boy smiling to left"}}>
+  <DirectionCard direction="right" imageSpec={{image: servicesImages.guy, alt: "Boy smiling to left"}}>
     <h2>Screeners</h2>
     <em>We perform high quality screening for:</em>
     <ul>
diff --git a/src/routes/team/index.svelte b/src/routes/team/index.svelte
index 8e29249..631645b 100644
--- a/src/routes/team/index.svelte
+++ b/src/routes/team/index.svelte
@@ -1,22 +1,6 @@
 <script>
 	import DirectionCard from '../../components/DirectionCard.svelte';
-
-	import { onMount } from 'svelte';
-	import { supabase } from '$lib/supabase';
-	import { setImageUrl } from '$lib/utils';
-
-	const getPeople = async () => {
-		const { data, error } = await supabase.from('people').select().order('id');
-		if (!error) {
-			return data;
-		}
-		return [];
-	};
-
-	let people = [];
-	onMount(async () => {
-		people = await getPeople().then((people) => people.map(setImageUrl));
-	});
+	import { people } from '$lib/data/people';
 </script>
 
 <main>