diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7b05abd..422ef4f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,156 +1,32 @@
-
-
+
+
Continue Watching
-
-
-
-
-
-
-
-
-
-
- {#each $popular.data.results.movies.splice(0, 5) as item (item.id)}
-
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
new file mode 100644
index 0000000..e9d9f08
--- /dev/null
+++ b/src/routes/+page.ts
@@ -0,0 +1,12 @@
+import type { PageLoad } from './$types';
+import { radarrApi } from '$lib/servarr-api';
+import { fetchMovieDetails, TmdbApi } from '$lib/tmdb-api';
+
+export const load = (async () => {
+ const movies = await TmdbApi.get('/movie/popular').then((res) => res.data.results.slice(0, 5));
+
+ console.log('movies', movies);
+ const showcases = await Promise.all(movies.map((m: any) => fetchMovieDetails(m.id)));
+ console.log('showcases: ', showcases);
+ return { showcases };
+}) satisfies PageLoad;
diff --git a/src/routes/Navbar.svelte b/src/routes/Navbar.svelte
index 05ed058..8181440 100644
--- a/src/routes/Navbar.svelte
+++ b/src/routes/Navbar.svelte
@@ -1,11 +1,16 @@
+
+
+
+ {#if video.key}
+ VIDEO
+ {/if}
+
+
+
+
+
+
+ {monthNames[releaseDate.getMonth()]}
+ {releaseDate.getFullYear()}
+
+
+
+ {remoteResource.original_title}
+
+
+
+
+
{remoteResource.tagline}
+
+ {remoteResource.overview}
+
+
+
+
+
(focusTrailer = true)}
+ on:mouseleave={() => (focusTrailer = false)}
+ on:click={openTrailer}
+ class="border-2 border-white cursor-pointer transition-colors px-8 py-3.5 uppercase tracking-widest font-semibold text-xs hover:bg-white hover:text-black opacity-100"
+ >Watch Trailer
+
+
+
+
Details
+
+
Starring
+
+ {#each remoteResource.credits.slice(0, 5) as a}
+
+ {/each}
+
+
+
+
+
+
+
diff --git a/src/routes/ResourceDetailsControls.svelte b/src/routes/ResourceDetailsControls.svelte
new file mode 100644
index 0000000..6a1d705
--- /dev/null
+++ b/src/routes/ResourceDetailsControls.svelte
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/routes/SmallPoster.svelte b/src/routes/SmallPoster.svelte
index d7ecc13..620ffa4 100644
--- a/src/routes/SmallPoster.svelte
+++ b/src/routes/SmallPoster.svelte
@@ -60,9 +60,10 @@
class="bg-white border-2 border-white hover:bg-amber-400 hover:border-amber-400 transition-colors text-zinc-900 px-8 py-2.5 uppercase tracking-widest font-extrabold cursor-pointer text-xs"
>Stream
-
Details Details
diff --git a/src/routes/discover/+page.svelte b/src/routes/discover/+page.svelte
new file mode 100644
index 0000000..cf94a9a
--- /dev/null
+++ b/src/routes/discover/+page.svelte
@@ -0,0 +1,9 @@
+
+ Does not contain any of the titles in library.
+
Discover
+
For You
+
Popular Movies
+
Popular TV Shows
+
Networks
+
Categories
+
diff --git a/src/routes/library/+page.svelte b/src/routes/library/+page.svelte
new file mode 100644
index 0000000..178802b
--- /dev/null
+++ b/src/routes/library/+page.svelte
@@ -0,0 +1,6 @@
+
+ Contains all the titles available locally, the ones already watched previously (greyed out at the
+ bottom), and the ones that are in some sort of watchlist and available via any source.
+
+
Library
+
diff --git a/src/routes/movie/[id]/+page.svelte b/src/routes/movie/[id]/+page.svelte
new file mode 100644
index 0000000..2b0393c
--- /dev/null
+++ b/src/routes/movie/[id]/+page.svelte
@@ -0,0 +1,9 @@
+
+
+
diff --git a/src/routes/movie/[id]/+page.ts b/src/routes/movie/[id]/+page.ts
new file mode 100644
index 0000000..7bb830b
--- /dev/null
+++ b/src/routes/movie/[id]/+page.ts
@@ -0,0 +1,18 @@
+import type { PageLoad } from './$types';
+import { radarrApi } from '$lib/servarr-api';
+import { fetchMovieDetails, TmdbApi } from '$lib/tmdb-api';
+
+export const load = (async ({ params }) => {
+ return {
+ movie: await radarrApi
+ .get('/api/v3/movie', {
+ params: {
+ query: {
+ tmdbId: Number(params.id)
+ }
+ }
+ })
+ .then((res) => res.data?.[0]),
+ remoteMovie: fetchMovieDetails(params.id)
+ };
+}) satisfies PageLoad;
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
new file mode 100644
index 0000000..f798432
--- /dev/null
+++ b/src/routes/settings/+page.svelte
@@ -0,0 +1 @@
+
Settings
diff --git a/src/routes/show/[id]/+page.svelte b/src/routes/show/[id]/+page.svelte
new file mode 100644
index 0000000..1dacaf2
--- /dev/null
+++ b/src/routes/show/[id]/+page.svelte
@@ -0,0 +1,6 @@
+
+
+
TV Show of {data.tmdbId}
diff --git a/src/routes/show/[id]/+page.ts b/src/routes/show/[id]/+page.ts
new file mode 100644
index 0000000..1d56513
--- /dev/null
+++ b/src/routes/show/[id]/+page.ts
@@ -0,0 +1,3 @@
+import type { PageLoad } from './$types';
+
+export const load = (({ params }) => ({ tmdbId: params.id })) satisfies PageLoad;
diff --git a/src/routes/sources/+page.svelte b/src/routes/sources/+page.svelte
new file mode 100644
index 0000000..fa4eaec
--- /dev/null
+++ b/src/routes/sources/+page.svelte
@@ -0,0 +1,11 @@
+
+
Sources
+
Streaming services
+
(P2P network?)
+
Configure Sonarr
+
Configure Radarr
+
(Configure Plex)
+
(Configure Jellyfinn)
+
(Configure IMDB)
+
(Configure TMDB)
+