first commit

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>