changes

app/mailboxes/page.tsx

@@ -40,16 +40,25 @@ export default function Mailboxes() {
   if (error) return <div className="min-h-screen flex items-center justify-center bg-gray-100 text-red-500">{error}</div>;
 
   return (
-    <div className="min-h-screen bg-gray-100 p-8">
-      <h1 className="text-3xl font-bold mb-6 text-center">Mailboxes for {bucket}</h1>
-      <ul className="max-w-md mx-auto bg-white rounded-lg shadow-md divide-y divide-gray-200">
+    <div className="min-h-screen bg-gradient-to-b from-blue-50 to-gray-100 p-8">
+      <nav className="max-w-4xl mx-auto mb-6 bg-white p-4 rounded-lg shadow-sm">
+        <ol className="flex flex-wrap space-x-2 text-sm text-gray-500">
+          <li><Link href="/" className="hover:text-blue-600">Home</Link></li>
+          <li className="mx-1">/</li>
+          <li><Link href="/domains" className="hover:text-blue-600">Domains</Link></li>
+          <li className="mx-1">/</li>
+          <li className="font-semibold text-gray-700">Mailboxes</li>
+        </ol>
+      </nav>
+      <h1 className="text-4xl font-bold mb-8 text-center text-gray-800">Mailboxes for {bucket}</h1>
+      <ul className="max-w-md mx-auto grid gap-4">
         {mailboxes.length === 0 ? (
-          <li className="p-4 text-center text-gray-500">No mailboxes found</li>
+          <li className="p-6 text-center text-gray-500 bg-white rounded-lg shadow-md">No mailboxes found</li>
         ) : (
           mailboxes.map((m: string) => (
-            <li key={m} className="p-4 hover:bg-gray-50 transition">
-              <Link href={`/emails?bucket=${bucket}&mailbox=${encodeURIComponent(m)}`} className="text-blue-500 hover:underline">
-                {m}
+            <li key={m}>
+              <Link href={`/emails?bucket=${bucket}&mailbox=${encodeURIComponent(m)}`} className="block p-6 bg-white rounded-lg shadow-md hover:shadow-lg transition hover:bg-blue-50">
+                <span className="text-lg font-medium text-blue-600">{m}</span>
               </Link>
             </li>
           ))