feat (examples): style svelte demo (vercel#5420)

Author: archiewood

examples/sveltekit-openai/src/routes/+page.svelte

@@ -1,3 +1,29 @@
-<a href="/chat">Chat</a>
-<a href="/completion">Completion</a>
-<a href="/structured-object">Structured Object</a>
+<main>
+  <header class="text-center my-8">
+    <h1 class="text-4xl font-bold mb-4">OpenAI + SvelteKit Demo</h1>
+    <p class="text-gray-600">
+      Select a demo to explore different OpenAI integration examples:
+    </p>
+  </header>
+
+  <nav class="flex flex-col items-center gap-4 m-4">
+    <a
+      href="/chat"
+      class="w-full max-w-sm py-3 px-6 bg-gray-100 hover:bg-gray-200 rounded-lg text-center transition-colors duration-200"
+    >
+      Chat Demo
+    </a>
+    <a
+      href="/completion"
+      class="w-full max-w-sm py-3 px-6 bg-gray-100 hover:bg-gray-200 rounded-lg text-center transition-colors duration-200"
+    >
+      Completion Demo
+    </a>
+    <a
+      href="/structured-object"
+      class="w-full max-w-sm py-3 px-6 bg-gray-100 hover:bg-gray-200 rounded-lg text-center transition-colors duration-200"
+    >
+      Structured Object Demo
+    </a>
+  </nav>
+</main>