first commit

src/routes/+layout.svelte

@@ -0,0 +1,7 @@
+<script>
+	import '../app.pcss';
+</script>
+
+<div class="max-w-xl mx-auto p-8 h-screen">
+	<slot />
+</div>

src/routes/+page.svelte

@@ -0,0 +1,32 @@
+<script>
+	// @ts-nocheck
+	import { Label } from '$lib/components/ui/label';
+	import { Button } from '$lib/components/ui/button';
+</script>
+
+<div>
+	<Label>Your Latest Podcast</Label>
+	<Button class="flex w-full flex-row justify-start rounded text-left" variant="secondary">
+		<div class="items-center justify-center rounded-lg p-2">
+			<img src="/icons/play.svg" width={16} height={16} alt="" />
+		</div>
+		<div>
+			<h3 class="text-md">Your Daily Pod</h3>
+			<p class="text-sm text-muted-foreground">January 18th, 2024</p>
+		</div>
+	</Button>
+	<Label>Your Newsletters</Label>
+	<div class="overflow-scroll">
+		{#each [5, 4, 3, 2, 1] as _}
+			<Button class="flex w-full flex-row justify-start rounded text-left mt-4" variant="secondary">
+				<div class="items-center justify-center rounded-lg p-2">
+					<img src="/icons/play.svg" width={16} height={16} alt="" />
+				</div>
+				<div>
+					<h3 class="text-md">Your Daily Pod</h3>
+					<p class="text-sm text-muted-foreground">January 18th, 2024</p>
+				</div>
+			</Button>
+		{/each}
+	</div>
+</div>

src/routes/auth/+page.svelte

@@ -0,0 +1,16 @@
+<script>
+	import { Button } from "$lib/components/ui/button";
+
+</script>
+
+<div class="text-center h-full">
+    <img src="/icons/logo.svg" class="mx-auto max-w-xs w-full" alt="">
+    <h2 class="font-epica text-3xl mt-16">Welcome to VocalCast</h2>
+    
+    <p>Turn all your favorite newsletters <br/>into a daily podcast.</p>
+
+    <div class="mt-[100%]">
+        <Button class="w-full">Sign up</Button>
+        <Button class="w-full mt-4" variant="ghost">Log in</Button>
+    </div>
+</div>