diff --git a/apps/nextjs/package.json b/apps/nextjs/package.json
index 39886fb..f5e2f38 100644
--- a/apps/nextjs/package.json
+++ b/apps/nextjs/package.json
@@ -29,6 +29,7 @@
     "next": "^14.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-hook-form": "^7.52.1",
     "srt-parser-2": "^1.2.3",
     "superjson": "2.2.1",
     "zod": "^3.22.4"
diff --git a/apps/nextjs/src/app/_components/navbar.tsx b/apps/nextjs/src/app/_components/navbar.tsx
new file mode 100644
index 0000000..3962c29
--- /dev/null
+++ b/apps/nextjs/src/app/_components/navbar.tsx
@@ -0,0 +1,15 @@
+import { Card } from "@quotes/ui/card";
+import { SearchBar } from "./search-bar";
+import { db } from "@quotes/db";
+
+export async function Navbar(): Promise<React.ReactElement> {
+  const showData = await db.query.show.findMany()
+
+  return (
+    <Card className="rounded-none sticky top-0 flex gap-4 items-center p-4 justify-between border-0 border-b">
+      <div className="text-lg font-bold">Quotes</div>
+      <SearchBar shows={showData} />
+      <div />
+    </Card>
+  )
+}
diff --git a/apps/nextjs/src/app/_components/posts.tsx b/apps/nextjs/src/app/_components/posts.tsx
deleted file mode 100644
index f80b618..0000000
--- a/apps/nextjs/src/app/_components/posts.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-"use client";
-
-import { use } from "react";
-import { Button } from "@quotes/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@quotes/ui/card";
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormMessage,
-  useForm,
-} from "@quotes/ui/form";
-import { Input } from "@quotes/ui/input";
-import { Skeleton } from "@quotes/ui/skeleton";
-import { Textarea } from "@quotes/ui/textarea";
-import { toast } from "@quotes/ui/toast";
-import { CreatePostSchema } from "@quotes/validators";
-import { IconTrash } from "@tabler/icons-react";
-
-import { api } from "~/trpc/react";
-
-export function CreatePostForm(): React.ReactElement {
-  const form = useForm({
-    schema: CreatePostSchema,
-    defaultValues: {
-      content: "",
-      title: "",
-    },
-  });
-
-  const utils = api.useUtils();
-  const createPost = api.post.create.useMutation({
-    onSuccess: async () => {
-      form.reset();
-      await utils.post.invalidate();
-    },
-    onError: (err) => {
-      toast.error(
-        err.data?.code === "UNAUTHORIZED"
-          ? "You must be logged in to post"
-          : "Failed to create post",
-      );
-    },
-  });
-
-  function submit(data: { title: string; content: string }): void {
-    toast.promise(createPost.mutateAsync(data), {
-      loading: "Creating post...",
-      success: "Post created!",
-      error: "Failed to create post!",
-    });
-  }
-
-  return (
-    <Form {...form}>
-      <form
-        className="flex w-full max-w-2xl flex-col gap-4"
-        onSubmit={form.handleSubmit(async (data) => {
-          submit(data);
-        })}
-      >
-        <FormField
-          control={form.control}
-          name="title"
-          render={({ field }) => (
-            <FormItem>
-              <FormControl>
-                <Input {...field} placeholder="Title" />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <FormField
-          control={form.control}
-          name="content"
-          render={({ field }) => (
-            <FormItem>
-              <FormControl>
-                <Textarea {...field} placeholder="Content" />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-        <Button>Create</Button>
-      </form>
-    </Form>
-  );
-}
-
-export function PostList(props: {
-  posts: Promise<
-    {
-      id: number;
-      title: string;
-      content: string;
-      createdAt: Date;
-      updatedAt: Date | null;
-    }[]
-  >;
-}): React.ReactElement {
-  // TODO: Make `useSuspenseQuery` work without having to pass a promise from RSC
-  const initialData = use(props.posts);
-  const { data: posts } = api.post.all.useQuery(undefined, {
-    initialData,
-  });
-
-  if (posts.length === 0) {
-    return (
-      <div className="flex h-[22.625rem] w-full items-center justify-center pb-8">
-        No posts yet!
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex w-full flex-col gap-4">
-      {posts.map(
-        (p: {
-          id: number;
-          title: string;
-          content: string;
-          createdAt: Date;
-          updatedAt: Date | null;
-        }) => {
-          return <PostCard key={p.id} post={p} />;
-        },
-      )}
-    </div>
-  );
-}
-
-export function PostCard(props: {
-  post: {
-    id: number;
-    title: string;
-    content: string;
-    createdAt: Date;
-    updatedAt: Date | null;
-  };
-}): React.ReactElement {
-  const utils = api.useUtils();
-  const deletePost = api.post.delete.useMutation({
-    onSuccess: async () => {
-      await utils.post.invalidate();
-    },
-    onError: (err) => {
-      toast.error(
-        err.data?.code === "UNAUTHORIZED"
-          ? "You must be logged in to delete a post"
-          : "Failed to delete post",
-      );
-    },
-  });
-
-  return (
-    <Card>
-      <CardHeader className="p-6 pb-4">
-        <CardTitle className="flex items-center justify-between">
-          {props.post.title}
-          <Button
-            variant="secondary"
-            onClick={() => {
-              deletePost.mutate(props.post.id);
-            }}
-            size="icon"
-            icon={<IconTrash />}
-          />
-        </CardTitle>
-      </CardHeader>
-      <CardContent className="p-6 pt-0">{props.post.content}</CardContent>
-    </Card>
-  );
-}
-
-export function PostCardSkeleton(): React.ReactElement {
-  return <Skeleton className="h-[6.875rem] w-full rounded-xl" />;
-}
diff --git a/apps/nextjs/src/app/_components/quote.tsx b/apps/nextjs/src/app/_components/quote.tsx
new file mode 100644
index 0000000..fb7160e
--- /dev/null
+++ b/apps/nextjs/src/app/_components/quote.tsx
@@ -0,0 +1,17 @@
+import { Card, CardContent, CardFooter } from "@quotes/ui/card";
+
+export function Quote(quoteData: { id: number, scrollTo?: boolean, text: string, startTime: number, endTime: number, character?: string }): React.ReactElement {
+  const startDate = new Date(quoteData.startTime * 1000)
+  const endDate = new Date(quoteData.endTime * 1000)
+
+  return (
+    <Card className="overflow-hidden">
+      <CardContent className="pb-2 p-4 border-b shadow dark:bg-muted/50">
+        <span className="text-muted-foreground">{quoteData.character ? `${quoteData.character}: ` : undefined}</span>{quoteData.text}
+      </CardContent>
+      <CardFooter className="pt-1 p-4 text-muted-foreground bg-muted/50 dark:bg-card text-sm py-2">
+        {`${startDate.getUTCHours().toString().padStart(2, "0")}:${startDate.getUTCMinutes().toString().padStart(2, "0")}:${startDate.getUTCSeconds().toString().padStart(2, "0")} - ${endDate.getUTCHours().toString().padStart(2, "0")}:${endDate.getUTCMinutes().toString().padStart(2, "0")}:${endDate.getUTCSeconds().toString().padStart(2, "0")}`}
+      </CardFooter>
+    </Card>
+  )
+}
diff --git a/apps/nextjs/src/app/_components/result-card.tsx b/apps/nextjs/src/app/_components/result-card.tsx
new file mode 100644
index 0000000..4ee9f9b
--- /dev/null
+++ b/apps/nextjs/src/app/_components/result-card.tsx
@@ -0,0 +1,31 @@
+import { Button } from "@quotes/ui/button";
+import { Card, CardContent, CardHeader } from "@quotes/ui/card";
+import { Separator } from "@quotes/ui/separator";
+import { IconPlayerPlay, IconShare2 } from "@tabler/icons-react";
+import { Quote } from "./quote";
+import Link from "next/link";
+
+export function ResultCard(resultData: { title: string | null, description: string | null, number: number | null, id: number, quotes: { text: string, startTime: number, endTime: number, id: number }[] }): React.ReactElement {
+  return (
+    <Link href={`/episode/${resultData.id.toString()}`}>
+      <Card>
+        <CardHeader className="p-4">
+          <div className="flex gap-10 justify-between items-center flex-row">
+            <div className="flex flex-col">
+              <h4 className="font-bold text-lg">{resultData.title ? resultData.title : `Episode ${resultData.number?.toString() ?? "Unknown"}`}</h4>
+              <h5 className="text-muted-foreground">{resultData.description}</h5>
+            </div>
+            <div className="flex gap-2">
+              <Button size="icon" variant="outline" icon={<IconShare2 />} />
+              <Button icon={<IconPlayerPlay />}>Watch</Button>
+            </div>
+          </div>
+        </CardHeader>
+        <Separator />
+        <CardContent className="flex gap-4 flex-col p-4">
+          {resultData.quotes.map((quote) => <Quote key={quote.id} text={quote.text} startTime={quote.startTime} endTime={quote.endTime} id={quote.id} />)}
+        </CardContent>
+      </Card>
+    </Link>
+  )
+}
diff --git a/apps/nextjs/src/app/_components/search-bar.tsx b/apps/nextjs/src/app/_components/search-bar.tsx
new file mode 100644
index 0000000..5a7a270
--- /dev/null
+++ b/apps/nextjs/src/app/_components/search-bar.tsx
@@ -0,0 +1,58 @@
+"use client"
+
+import type { show } from "@quotes/db";
+import { Form, FormField } from "@quotes/ui/form";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@quotes/ui/select"
+import { usePathname, useRouter } from "next/navigation"
+import { useId } from "react"
+import { useForm } from 'react-hook-form'
+import type { SubmitHandler } from 'react-hook-form';
+import { z } from "zod";
+
+export function SearchBar({ shows }: { shows: (typeof show.$inferSelect)[] }): React.ReactElement {
+  const router = useRouter();
+  const form = useForm<z.infer<typeof formSchema>>();
+  const id = useId()
+  const pathname = usePathname();
+
+  const onSubmit: SubmitHandler<z.infer<typeof formSchema>> = (data) => {
+    console.log("Submitted search:", data)
+    const params = new URLSearchParams(pathname)
+    params.set('q', data.query)
+    if (data.filterId) params.set('f', data.filterId)
+    router.push(`/search?${params.toString()}`)
+  }
+
+  const formSchema = z.object({
+    query: z.string(),
+    filterId: z.string().optional()
+  })
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-full lg:max-w-[35rem]">
+        <label htmlFor={id} className="flex cursor-text h-9 w-full rounded-md border border-input items-center gap-2 bg-transparent px-0 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-within:border-ring disabled:cursor-not-allowed disabled:opacity-50">
+          <span className="sr-only">Search bar</span>
+          <FormField name="filterId" render={({ field }) => (
+            <Select onValueChange={field.onChange} defaultValue={field.value as string}>
+              <SelectTrigger className="w-max pr-4 bg-muted pl-2 rounded-md border-0 shadow-none flex-row-reverse ">
+                <SelectValue placeholder="Select Show" className="w-max" />
+              </SelectTrigger>
+              <SelectContent>
+                {shows.map((show) => (
+                  <SelectItem key={show.id} value={show.id.toString()}>
+                    <div className="flex gap-1 items-center w-max">
+                      <img src={show.iconUrl} alt={`Icon for ${show.title}`} className="w-5 h-5 rounded-full content-center object-cover" />
+                      {show.title}
+                    </div>
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          )} />
+          <input {...form.register("query", { required: true })} id={id} className="focus-visible:outline-none w-full py-1" placeholder="Search..." type="text" />
+        </label>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/nextjs/src/app/episode/[episodeId]/page.tsx b/apps/nextjs/src/app/episode/[episodeId]/page.tsx
new file mode 100644
index 0000000..102d30c
--- /dev/null
+++ b/apps/nextjs/src/app/episode/[episodeId]/page.tsx
@@ -0,0 +1,31 @@
+import { db, episode, eq } from "@quotes/db"
+import type { quote } from "@quotes/db";
+import { Separator } from "@quotes/ui/separator"
+import { notFound } from "next/navigation"
+import { Quote } from "~/app/_components/quote"
+
+export default async function Page({ params, searchParams }: { params: { episodeId: string }, searchParams: { qId?: string } }): Promise<React.ReactElement> {
+	const data = await db.query.episode.findFirst({
+		where: eq(episode.id, parseInt(params.episodeId)),
+		with: {
+			quote: true
+		}
+	}) as typeof episode.$inferSelect & { quote: typeof quote.$inferSelect[] } | undefined
+	if (data === undefined) notFound()
+
+	return (
+		<div className="flex items-center flex-col p-8">
+			<div className="flex flex-col gap-4 max-w-[50rem] w-full">
+				<div className="flex flex-col gap-2">
+					<h1 className="text-4xl font-bold">{data.title ? data.title : `Episode ${data.number?.toString() ?? ""}`}</h1>
+					<h2>{data.description}</h2>
+				</div>
+				<Separator className="mb-8" />
+				<div className="flex gap-4 flex-col">
+					{data.quote.map((item) => <Quote id={item.id} scrollTo={parseInt(searchParams.qId ?? "") === item.id} text={item.text} startTime={item.startTime} endTime={item.endTime} key={item.id} />)}
+				</div>
+
+			</div>
+		</div>
+	)
+}
diff --git a/apps/nextjs/src/app/layout.tsx b/apps/nextjs/src/app/layout.tsx
index 20deabd..af16bfd 100644
--- a/apps/nextjs/src/app/layout.tsx
+++ b/apps/nextjs/src/app/layout.tsx
@@ -10,6 +10,7 @@ import { env } from "~/env";
 import { TRPCReactProvider } from "~/trpc/react";
 
 import "~/app/globals.css";
+import { Navbar } from "./_components/navbar";
 
 export const metadata: Metadata = {
   metadataBase: new URL(
@@ -53,7 +54,7 @@ export default function RootLayout(props: {
       >
         <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
           <TRPCReactProvider>
-            <div className="sticky top-0 flex min-h-14 w-full items-center border-b bg-background shadow" />
+            <Navbar />
             {props.children}
           </TRPCReactProvider>
           <div className="fixed bottom-4 right-4">
diff --git a/apps/nextjs/src/app/page.tsx b/apps/nextjs/src/app/page.tsx
index 12e4e91..f91bff5 100644
--- a/apps/nextjs/src/app/page.tsx
+++ b/apps/nextjs/src/app/page.tsx
@@ -1,18 +1,13 @@
-import { Button } from "@quotes/ui/button";
-import srtParser2 from "srt-parser-2"
-import { promises as fs } from "fs"
+import { Quote } from "./_components/quote";
 
 export default async function HomePage(): Promise<React.ReactElement> {
-  const srtFile = await fs.readFile("~/Projects/quotes/apps/backend/subs.srt")
-  const parser = new srtParser2()
-  const srtData = parser.fromSrt(srtFile.toString())
 
   return (
     <main className="container h-screen py-16">
       <div className="flex flex-col items-center justify-center gap-4">
         <h1>Heading one</h1>
         <h2>Heading two</h2>
-        <Button>{srtData[0]?.text}</Button>
+        <Quote text="Hello there, my name is Jeremy Clarkson" startTime={100} endTime={100} id={123} />
       </div>
     </main>
   );
diff --git a/apps/nextjs/src/app/player/page.tsx b/apps/nextjs/src/app/player/page.tsx
index eec7f95..2d9a0f2 100644
--- a/apps/nextjs/src/app/player/page.tsx
+++ b/apps/nextjs/src/app/player/page.tsx
@@ -1,11 +1,19 @@
-import { Card, CardContent, CardTitle } from "@quotes/ui/card";
+import { Button } from "@quotes/ui/button";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@quotes/ui/dialog";
 
-export default function Page() {
+export default function Page(): React.ReactElement {
         return (
-                <Card>
-                        <CardContent>
-                                <CardTitle>Card Title Here</CardTitle>
-                        </CardContent>
-                </Card>
+                <Dialog>
+                        <DialogTrigger asChild><Button>Open Dialog</Button></DialogTrigger>
+                        <DialogContent className="gap-0 p-0">
+                                <DialogHeader className="p-4 pb-4">
+                                        <DialogTitle>Episode Title</DialogTitle>
+                                        <DialogDescription>Episode Description</DialogDescription>
+                                </DialogHeader>
+                                <div>
+                                        <img src="https://picsum.photos/1920/1080" />
+                                </div>
+                        </DialogContent>
+                </Dialog>
         );
 }
diff --git a/apps/nextjs/src/app/search/page.tsx b/apps/nextjs/src/app/search/page.tsx
new file mode 100644
index 0000000..3793433
--- /dev/null
+++ b/apps/nextjs/src/app/search/page.tsx
@@ -0,0 +1,36 @@
+import { db, desc, gt, quote, sql } from "@quotes/db"
+import type { episode } from "@quotes/db";
+import { ResultCard } from "../_components/result-card"
+import { notFound } from "next/navigation"
+
+export default async function Page({ searchParams }: { searchParams?: { q?: string } }): Promise<React.ReactElement> {
+  if (typeof searchParams?.q !== "string") notFound()
+  const data = await db.query.quote.findMany({
+    with: {
+      episode: true,
+    },
+    where: gt(sql`jaro_winkler(lower(${quote.text}), lower(${searchParams.q}))`, 0.65),
+    orderBy: desc(sql`jaro_winkler(lower(${quote.text}), lower(${searchParams.q}))`),
+    limit: 20,
+  }) as (typeof quote.$inferSelect & { episode: typeof episode.$inferSelect })[]
+  const result = data.reduce((acc: (typeof episode.$inferSelect & { quotes: typeof quote.$inferSelect[] })[], current) => {
+    const episodeIndex = acc.findIndex((episode: { id: number }) => (episode.id === current.episode.id));
+
+    if (episodeIndex === -1) {
+      acc.push({
+        ...current.episode,
+        quotes: [current],
+      });
+    } else {
+      acc[episodeIndex]?.quotes.push(current);
+    }
+
+    return acc;
+  }, []);
+
+  return (
+    <div className="flex flex-col gap-4 p-8">
+      {result.map((item) => (<ResultCard {...item} key={item.id} />))}
+    </div>
+  )
+}
diff --git a/bun.lockb b/bun.lockb
index 92d7ae3..a3eb9db 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/packages/db-generator/package.json b/packages/db-generator/package.json
index cbf87bf..1f77d64 100644
--- a/packages/db-generator/package.json
+++ b/packages/db-generator/package.json
@@ -15,8 +15,10 @@
   "dependencies": {
     "@quotes/db": "^0.1.0",
     "@types/fluent-ffmpeg": "^2.1.24",
+    "@types/uuid": "^10.0.0",
     "fluent-ffmpeg": "^2.1.3",
-    "srt-parser-2": "^1.2.3"
+    "srt-parser-2": "^1.2.3",
+    "uuid": "^10.0.0"
   },
   "devDependencies": {
     "@quotes/eslint-config": "^0.2.0",
diff --git a/packages/db-generator/src/index.ts b/packages/db-generator/src/index.ts
index d196c2f..c5d6fdf 100644
--- a/packages/db-generator/src/index.ts
+++ b/packages/db-generator/src/index.ts
@@ -1,14 +1,58 @@
 import { promises as fs } from "node:fs";
 import Ffmpeg from "fluent-ffmpeg";
 import SrtParser2 from "srt-parser-2";
+import path from "node:path"
+import { db, episode, quote, season } from "@quotes/db";
 
-import { db } from "@quotes/db";
 
-const parser = new SrtParser2();
-Ffmpeg()
-  .input("/Users/maxwiseman/Downloads/India Special 2011.mkv")
-  .output("./subs.srt")
-  .run();
+const basePath = "/Users/maxwiseman/Downloads/Top Gear"
+const showId = 1
+const srtParser = new SrtParser2()
 
-const rawSrtData = await fs.readFile("./subs.srt");
-const srtData = parser.fromSrt(rawSrtData.toString());
+async function generateSrtForDir(dirPath: string): Promise<void> {
+  const dirContents = await fs.readdir(dirPath, { withFileTypes: true })
+  for (const item of dirContents) {
+    if (item.isDirectory()) await generateSrtForDir(path.join(dirPath, item.name))
+    if (item.name.endsWith(".mkv")) {
+      generateSubs(path.join(dirPath, item.name))
+    }
+  }
+}
+
+function generateSubs(filePath: string): void {
+  Ffmpeg().input(filePath).output(filePath.replace(".mkv", ".srt")).run()
+}
+
+async function insertSubsForDir(dirPath: string, seasonId: number): Promise<void> {
+  const dirContents = await fs.readdir(dirPath, { withFileTypes: true })
+  for (const item of dirContents) {
+
+
+    if (item.isDirectory()) {
+      console.log(`Inserting season ${item.name}...`)
+      const inserted = await db.insert(season).values({ showId, title: item.name, dirName: item.name, number: parseInt(/Season [0-9]+(?= )/.exec(item.name)?.toString().replace("Season ", "") ?? "") }).returning({ insertedId: season.id })
+      if (typeof inserted[0]?.insertedId === 'number')
+        await insertSubsForDir(path.join(dirPath, item.name), inserted[0].insertedId)
+      else console.error("Didn't get ID back from database...")
+    }
+
+
+    if (item.name.endsWith(".srt")) {
+      const srtContents = await fs.readFile(path.join(dirPath, item.name))
+      const srtData = srtParser.fromSrt(srtContents.toString())
+      console.log(`Inserting episode ${item.name}...`)
+      const inserted = await db.insert(episode).values({ title: item.name.includes("Top Gear - ") ? undefined : item.name.replace(".srt", ""), number: /S[0-9]{2}E[0-9]{2}/.test(item.name) ? parseInt(/E[0-9]{2}/.exec(item.name)?.toString().replace("E", "") ?? "") : undefined, fileName: item.name.replace(".srt", ".mkv"), seasonId }).returning({ insertedId: episode.id })
+      if (typeof inserted[0]?.insertedId === "number")
+        await db.insert(quote).values(srtData.map((quoteItem) => ({
+          text: quoteItem.text.replace(/[\u{0080}-\u{10FFFF}]/gu, ""),
+          index: parseInt(quoteItem.id) - 1,
+          startTime: quoteItem.startSeconds,
+          endTime: quoteItem.endSeconds,
+          episodeId: inserted[0]?.insertedId ?? 0
+        })))
+      else console.error(`Didn't get ID back from database for episode ${item.name}...`)
+    }
+  }
+}
+
+await insertSubsForDir(basePath, 0)
diff --git a/packages/db/src/index.ts b/packages/db/src/index.ts
index 09ad55f..ce46148 100644
--- a/packages/db/src/index.ts
+++ b/packages/db/src/index.ts
@@ -2,12 +2,11 @@ import { createClient } from "@libsql/client";
 import { drizzle } from "drizzle-orm/libsql";
 
 import * as auth from "./schema/auth";
-import { show } from "./schema/show";
-import { season } from "./schema/season";
-import { quote } from "./schema/quote";
-import { episode } from "./schema/episode";
+import * as quotes from "./schema/quotes";
 
-export const schema = { ...auth, ...show, ...season, ...quote, ...episode };
+export * from "./schema/quotes";
+
+export const schema = { ...auth, ...quotes };
 
 export { sqliteTable as tableCreator } from "./schema/_table";
 
diff --git a/packages/db/src/migrations/0000_goofy_nightcrawler.sql b/packages/db/src/migrations/0000_cultured_jean_grey.sql
similarity index 62%
rename from packages/db/src/migrations/0000_goofy_nightcrawler.sql
rename to packages/db/src/migrations/0000_cultured_jean_grey.sql
index 1fc2e47..f95aa50 100644
--- a/packages/db/src/migrations/0000_goofy_nightcrawler.sql
+++ b/packages/db/src/migrations/0000_cultured_jean_grey.sql
@@ -1,4 +1,4 @@
-CREATE TABLE `quotes_account` (
+CREATE TABLE `account` (
 	`userId` text(255) NOT NULL,
 	`type` text(255) NOT NULL,
 	`provider` text(255) NOT NULL,
@@ -13,13 +13,13 @@ CREATE TABLE `quotes_account` (
 	PRIMARY KEY(`provider`, `providerAccountId`)
 );
 --> statement-breakpoint
-CREATE TABLE `quotes_session` (
+CREATE TABLE `session` (
 	`sessionToken` text(255) PRIMARY KEY NOT NULL,
 	`userId` text(255) NOT NULL,
 	`expires` integer NOT NULL
 );
 --> statement-breakpoint
-CREATE TABLE `quotes_user` (
+CREATE TABLE `user` (
 	`id` text(255) PRIMARY KEY NOT NULL,
 	`name` text(255),
 	`email` text(255) NOT NULL,
@@ -27,44 +27,54 @@ CREATE TABLE `quotes_user` (
 	`image` text(255)
 );
 --> statement-breakpoint
-CREATE TABLE `quotes_verificationToken` (
+CREATE TABLE `verificationToken` (
 	`identifier` text(255) NOT NULL,
 	`token` text(255) NOT NULL,
 	`expires` integer NOT NULL,
 	PRIMARY KEY(`identifier`, `token`)
 );
 --> statement-breakpoint
-CREATE TABLE `quotes_episode` (
+CREATE TABLE `episode` (
 	`id` integer PRIMARY KEY AUTOINCREMENT NOT NULL,
 	`season_id` integer NOT NULL,
-	`name` text NOT NULL,
+	`number` integer,
+	`name` text,
+	`file_name` text NOT NULL,
 	`description` text,
 	`release_date` integer,
-	FOREIGN KEY (`season_id`) REFERENCES `quotes_season`(`id`) ON UPDATE no action ON DELETE no action
+	FOREIGN KEY (`season_id`) REFERENCES `season`(`id`) ON UPDATE no action ON DELETE no action
 );
 --> statement-breakpoint
-CREATE TABLE `quotes_quote` (
+CREATE TABLE `quote` (
 	`id` integer PRIMARY KEY AUTOINCREMENT NOT NULL,
+	`index` integer NOT NULL,
 	`episode_id` integer NOT NULL,
 	`text` text NOT NULL,
 	`start_time` integer NOT NULL,
 	`end_time` integer NOT NULL,
-	FOREIGN KEY (`episode_id`) REFERENCES `quotes_episode`(`id`) ON UPDATE no action ON DELETE no action
+	`character` text,
+	`featured` integer,
+	FOREIGN KEY (`episode_id`) REFERENCES `episode`(`id`) ON UPDATE no action ON DELETE no action
 );
 --> statement-breakpoint
-CREATE TABLE `quotes_season` (
+CREATE TABLE `season` (
 	`id` integer PRIMARY KEY AUTOINCREMENT NOT NULL,
 	`show_id` integer NOT NULL,
 	`name` text NOT NULL,
+	`dir_name` text NOT NULL,
+	`number` integer,
 	`release_date` integer,
-	FOREIGN KEY (`show_id`) REFERENCES `quotes_show`(`id`) ON UPDATE no action ON DELETE no action
+	FOREIGN KEY (`show_id`) REFERENCES `show`(`id`) ON UPDATE no action ON DELETE no action
 );
 --> statement-breakpoint
-CREATE TABLE `quotes_show` (
+CREATE TABLE `show` (
 	`id` integer PRIMARY KEY AUTOINCREMENT NOT NULL,
 	`name` text NOT NULL,
-	`description` text
+	`dir_name` text NOT NULL,
+	`description` text,
+	`icon_url` text NOT NULL,
+	`poster_image_url` text NOT NULL
 );
 --> statement-breakpoint
-CREATE INDEX `userId_idx` ON `quotes_account` (`userId`);--> statement-breakpoint
-CREATE INDEX `userId_idx` ON `quotes_session` (`userId`);
\ No newline at end of file
+CREATE INDEX `userId_idx` ON `account` (`userId`);--> statement-breakpoint
+CREATE INDEX `userId_idx` ON `session` (`userId`);
\ No newline at end of file
diff --git a/packages/db/src/migrations/meta/0000_snapshot.json b/packages/db/src/migrations/meta/0000_snapshot.json
index 9c91be8..9825c7c 100644
--- a/packages/db/src/migrations/meta/0000_snapshot.json
+++ b/packages/db/src/migrations/meta/0000_snapshot.json
@@ -1,11 +1,11 @@
 {
   "version": "5",
   "dialect": "sqlite",
-  "id": "aa458ebe-03b3-4784-b619-370dd595e36c",
+  "id": "d02f95d2-e6ce-43ff-b8a1-8a301c2a088d",
   "prevId": "00000000-0000-0000-0000-000000000000",
   "tables": {
-    "quotes_account": {
-      "name": "quotes_account",
+    "account": {
+      "name": "account",
       "columns": {
         "userId": {
           "name": "userId",
@@ -96,18 +96,18 @@
       },
       "foreignKeys": {},
       "compositePrimaryKeys": {
-        "quotes_account_provider_providerAccountId_pk": {
+        "account_provider_providerAccountId_pk": {
           "columns": [
             "provider",
             "providerAccountId"
           ],
-          "name": "quotes_account_provider_providerAccountId_pk"
+          "name": "account_provider_providerAccountId_pk"
         }
       },
       "uniqueConstraints": {}
     },
-    "quotes_session": {
-      "name": "quotes_session",
+    "session": {
+      "name": "session",
       "columns": {
         "sessionToken": {
           "name": "sessionToken",
@@ -144,8 +144,8 @@
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "quotes_user": {
-      "name": "quotes_user",
+    "user": {
+      "name": "user",
       "columns": {
         "id": {
           "name": "id",
@@ -189,8 +189,8 @@
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "quotes_verificationToken": {
-      "name": "quotes_verificationToken",
+    "verificationToken": {
+      "name": "verificationToken",
       "columns": {
         "identifier": {
           "name": "identifier",
@@ -217,18 +217,18 @@
       "indexes": {},
       "foreignKeys": {},
       "compositePrimaryKeys": {
-        "quotes_verificationToken_identifier_token_pk": {
+        "verificationToken_identifier_token_pk": {
           "columns": [
             "identifier",
             "token"
           ],
-          "name": "quotes_verificationToken_identifier_token_pk"
+          "name": "verificationToken_identifier_token_pk"
         }
       },
       "uniqueConstraints": {}
     },
-    "quotes_episode": {
-      "name": "quotes_episode",
+    "episode": {
+      "name": "episode",
       "columns": {
         "id": {
           "name": "id",
@@ -244,10 +244,24 @@
           "notNull": true,
           "autoincrement": false
         },
+        "number": {
+          "name": "number",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
         "name": {
           "name": "name",
           "type": "text",
           "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "file_name": {
+          "name": "file_name",
+          "type": "text",
+          "primaryKey": false,
           "notNull": true,
           "autoincrement": false
         },
@@ -268,10 +282,10 @@
       },
       "indexes": {},
       "foreignKeys": {
-        "quotes_episode_season_id_quotes_season_id_fk": {
-          "name": "quotes_episode_season_id_quotes_season_id_fk",
-          "tableFrom": "quotes_episode",
-          "tableTo": "quotes_season",
+        "episode_season_id_season_id_fk": {
+          "name": "episode_season_id_season_id_fk",
+          "tableFrom": "episode",
+          "tableTo": "season",
           "columnsFrom": [
             "season_id"
           ],
@@ -285,8 +299,8 @@
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "quotes_quote": {
-      "name": "quotes_quote",
+    "quote": {
+      "name": "quote",
       "columns": {
         "id": {
           "name": "id",
@@ -295,6 +309,13 @@
           "notNull": true,
           "autoincrement": true
         },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
         "episode_id": {
           "name": "episode_id",
           "type": "integer",
@@ -322,14 +343,28 @@
           "primaryKey": false,
           "notNull": true,
           "autoincrement": false
+        },
+        "character": {
+          "name": "character",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "featured": {
+          "name": "featured",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
         }
       },
       "indexes": {},
       "foreignKeys": {
-        "quotes_quote_episode_id_quotes_episode_id_fk": {
-          "name": "quotes_quote_episode_id_quotes_episode_id_fk",
-          "tableFrom": "quotes_quote",
-          "tableTo": "quotes_episode",
+        "quote_episode_id_episode_id_fk": {
+          "name": "quote_episode_id_episode_id_fk",
+          "tableFrom": "quote",
+          "tableTo": "episode",
           "columnsFrom": [
             "episode_id"
           ],
@@ -343,8 +378,8 @@
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "quotes_season": {
-      "name": "quotes_season",
+    "season": {
+      "name": "season",
       "columns": {
         "id": {
           "name": "id",
@@ -367,6 +402,20 @@
           "notNull": true,
           "autoincrement": false
         },
+        "dir_name": {
+          "name": "dir_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "number": {
+          "name": "number",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
         "release_date": {
           "name": "release_date",
           "type": "integer",
@@ -377,10 +426,10 @@
       },
       "indexes": {},
       "foreignKeys": {
-        "quotes_season_show_id_quotes_show_id_fk": {
-          "name": "quotes_season_show_id_quotes_show_id_fk",
-          "tableFrom": "quotes_season",
-          "tableTo": "quotes_show",
+        "season_show_id_show_id_fk": {
+          "name": "season_show_id_show_id_fk",
+          "tableFrom": "season",
+          "tableTo": "show",
           "columnsFrom": [
             "show_id"
           ],
@@ -394,8 +443,8 @@
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "quotes_show": {
-      "name": "quotes_show",
+    "show": {
+      "name": "show",
       "columns": {
         "id": {
           "name": "id",
@@ -411,12 +460,33 @@
           "notNull": true,
           "autoincrement": false
         },
+        "dir_name": {
+          "name": "dir_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
         "description": {
           "name": "description",
           "type": "text",
           "primaryKey": false,
           "notNull": false,
           "autoincrement": false
+        },
+        "icon_url": {
+          "name": "icon_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "poster_image_url": {
+          "name": "poster_image_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
         }
       },
       "indexes": {},
diff --git a/packages/db/src/migrations/meta/_journal.json b/packages/db/src/migrations/meta/_journal.json
index 8a27be4..bdc909c 100644
--- a/packages/db/src/migrations/meta/_journal.json
+++ b/packages/db/src/migrations/meta/_journal.json
@@ -5,8 +5,8 @@
     {
       "idx": 0,
       "version": "5",
-      "when": 1719937531919,
-      "tag": "0000_goofy_nightcrawler",
+      "when": 1720111369949,
+      "tag": "0000_cultured_jean_grey",
       "breakpoints": true
     }
   ]
diff --git a/packages/db/src/schema/_table.ts b/packages/db/src/schema/_table.ts
index 24bc6f2..94ebb44 100644
--- a/packages/db/src/schema/_table.ts
+++ b/packages/db/src/schema/_table.ts
@@ -6,4 +6,4 @@ import { sqliteTableCreator } from "drizzle-orm/sqlite-core";
  *
  * @see https://orm.drizzle.team/docs/goodies#multi-project-schema
  */
-export const sqliteTable = sqliteTableCreator((name) => `quotes_${name}`);
+export const sqliteTable = sqliteTableCreator((name) => name);
diff --git a/packages/db/src/schema/episode.ts b/packages/db/src/schema/episode.ts
deleted file mode 100644
index 47c362a..0000000
--- a/packages/db/src/schema/episode.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { int, text } from "drizzle-orm/sqlite-core";
-
-import { sqliteTable } from "./_table";
-import { relations } from "drizzle-orm";
-import { quote } from "./quote";
-import { season } from "./season";
-
-export const episode = sqliteTable("episode", {
-  id: int("id").primaryKey({ autoIncrement: true }),
-  seasonId: int("season_id").notNull().references(() => season.id),
-  name: text("name").notNull(),
-  description: text("description"),
-  releaseDate: int("release_date", { mode: "timestamp" }),
-});
-
-export const episodeRelations = relations(episode, ({ many, one }) => ({
-  quote: many(quote),
-  season: one(season, {
-    fields: [episode.seasonId],
-    references: [season.id]
-  })
-}))
diff --git a/packages/db/src/schema/quote.ts b/packages/db/src/schema/quote.ts
deleted file mode 100644
index c477681..0000000
--- a/packages/db/src/schema/quote.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { int, text } from "drizzle-orm/sqlite-core";
-import { sqliteTable } from "./_table";
-import { relations } from "drizzle-orm";
-import { episode } from "./episode";
-
-export const quote = sqliteTable("quote", {
-  id: int("id").primaryKey({ autoIncrement: true }),
-  episodeId: int("episode_id").notNull().references(() => episode.id),
-  text: text("text").notNull(),
-  startTime: int("start_time", { mode: "timestamp" }).notNull(),
-  endTime: int("end_time", { mode: "timestamp" }).notNull(),
-});
-
-export const quoteRelations = relations(quote, ({ one }) => ({
-  episode: one(episode, {
-    fields: [quote.episodeId],
-    references: [episode.id]
-  })
-}))
diff --git a/packages/db/src/schema/quotes.ts b/packages/db/src/schema/quotes.ts
new file mode 100644
index 0000000..909b60c
--- /dev/null
+++ b/packages/db/src/schema/quotes.ts
@@ -0,0 +1,78 @@
+import { relations } from "drizzle-orm";
+import { int, text } from "drizzle-orm/sqlite-core";
+
+import { sqliteTable } from "./_table";
+
+export const episode = sqliteTable("episode", {
+  id: int("id").primaryKey({ autoIncrement: true }),
+  seasonId: int("season_id")
+    .notNull()
+    .references(() => season.id),
+  number: int("number"),
+  title: text("name"),
+  fileName: text("file_name").notNull(),
+  description: text("description"),
+  releaseDate: int("release_date", { mode: "timestamp" }),
+});
+
+export const episodeRelations = relations(episode, ({ many, one }) => ({
+  quote: many(quote),
+  season: one(season, {
+    fields: [episode.seasonId],
+    references: [season.id],
+  }),
+}));
+
+export const quote = sqliteTable("quote", {
+  id: int("id").primaryKey({ autoIncrement: true }),
+  index: int("index").notNull(),
+  episodeId: int("episode_id")
+    .notNull()
+    .references(() => episode.id),
+  text: text("text").notNull(),
+  startTime: int("start_time").notNull(),
+  endTime: int("end_time").notNull(),
+  character: text("character"),
+  featured: int("featured", { mode: "boolean" })
+});
+
+export const quoteRelations = relations(quote, ({ one }) => ({
+  episode: one(episode, {
+    fields: [quote.episodeId],
+    references: [episode.id],
+  }),
+}));
+
+export const season = sqliteTable("season", {
+  id: int("id").primaryKey({ autoIncrement: true }),
+  showId: int("show_id")
+    .notNull()
+    .references(() => show.id),
+  title: text("name").notNull(),
+  dirName: text("dir_name").notNull(),
+  number: int("number"),
+  releaseDate: int("release_date", { mode: "timestamp" }),
+  streamingLink: text("streaming_link"),
+  streamingIconUrl: text("streaming_icon_url")
+});
+
+export const seasonRelations = relations(season, ({ many, one }) => ({
+  episode: many(episode),
+  show: one(show, {
+    fields: [season.showId],
+    references: [show.id],
+  }),
+}));
+
+export const show = sqliteTable("show", {
+  id: int("id").primaryKey({ autoIncrement: true }),
+  title: text("name").notNull(),
+  dirName: text("dir_name").notNull(),
+  description: text("description"),
+  iconUrl: text("icon_url").notNull(),
+  posterImageUrl: text("poster_image_url").notNull()
+});
+
+export const showRelations = relations(show, ({ many }) => ({
+  season: many(season),
+}));
diff --git a/packages/db/src/schema/season.ts b/packages/db/src/schema/season.ts
deleted file mode 100644
index b8e2c26..0000000
--- a/packages/db/src/schema/season.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { int, text } from "drizzle-orm/sqlite-core";
-
-import { sqliteTable } from "./_table";
-import { relations } from "drizzle-orm";
-import { episode } from "./episode";
-import { show } from "./show";
-
-export const season = sqliteTable("season", {
-  id: int("id").primaryKey({ autoIncrement: true }),
-  showId: int("show_id").notNull().references(() => show.id),
-  name: text("name").notNull(),
-  number: int("number"),
-  releaseDate: int("release_date", { mode: "timestamp" }),
-});
-
-export const seasonRelations = relations(season, ({ many, one }) => ({
-  episode: many(episode),
-  show: one(show, {
-    fields: [season.showId],
-    references: [show.id]
-  })
-}))
diff --git a/packages/db/src/schema/show.ts b/packages/db/src/schema/show.ts
deleted file mode 100644
index 1607354..0000000
--- a/packages/db/src/schema/show.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { int, text } from "drizzle-orm/sqlite-core";
-
-import { sqliteTable } from "./_table";
-import { relations } from "drizzle-orm";
-import { season } from "./season";
-
-export const show = sqliteTable("show", {
-  id: int("id").primaryKey({ autoIncrement: true }),
-  name: text("name").notNull(),
-  description: text("description"),
-});
-
-export const showRelations = relations(show, ({ many }) => ({
-  season: many(season)
-}))