settings and fixes

src/routes/+page.svelte

@@ -21,22 +21,28 @@
 			This is the official place to reconnect items with their owners.
 		</p>
 
-		<div class="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row">
+		<div class="mt-10 flex flex-col items-center justify-center gap-4 ">
+			<a
+				href="/items"
+				class={cn(buttonVariants({ variant: 'default', size: 'xl' }), 'text-base')}
+				aria-label="Browse lost items"
+			>
+				Browse lost items
+			</a>
+			<div class="w-40 flex items-center gap-2 h-2">
+				<div class="flex-1 h-px bg-border"></div>
+				<span class="text-muted-foreground whitespace-nowrap">Or</span>
+				<div class="flex-1 h-px bg-border"></div>
+			</div>
 			<Button
-				size="lg"
-				class="px-8"
+				size="sm"
+				variant="outline"
+				class="text-muted-foreground"
 				onclick={openCreateDialog}
 				aria-label="Submit a found item"
 			>
-				Submit a Found Item
+				Submit found item
 			</Button>
-			<a
-				href="/items"
-				class={cn(buttonVariants({ variant: 'outline', size: 'lg' }), 'px-8')}
-				aria-label="Browse lost items"
-			>
-				Browse Lost Items
-			</a>
 		</div>
 	</div>
 
@@ -66,6 +72,7 @@
 				</p>
 				<Button
 					class="mt-2 w-full"
+					variant="outline"
 					onclick={openCreateDialog}
 					aria-label="Submit a found item"
 				>
@@ -97,7 +104,7 @@
 
 		<Card>
 			<CardHeader>
-				<CardTitle id="safe-heading">Safe &amp; School-Run</CardTitle>
+				<CardTitle id="safe-heading">Safe &amp; Effective</CardTitle>
 			</CardHeader>
 			<CardContent
 				class="space-y-3 text-sm text-muted-foreground"
@@ -106,6 +113,9 @@
 				<p>
 					Managed by Waukesha West staff. Items are reviewed before being listed.
 				</p>
+				<p>
+					We've returned 120+ items back to their owners!
+				</p>
 			</CardContent>
 		</Card>
 	</div>