manual save(2026-01-27 15:58)

src/components/Footer.tsx

@@ -2,12 +2,19 @@ import React from 'react'
 
 export const Footer: React.FC = () => {
   return (
-    <footer className="bg-gray-50 border-t border-gray-200 py-8 mt-12">
-      <div className="container mx-auto px-4 text-center text-gray-600">
-        <p>Powered by TenantCMS</p>
-        <p className="text-sm mt-2">
-          Using X-Tenant-Slug for multi-tenant authentication
-        </p>
+    <footer className="mt-10 pb-10">
+      <div className="container mx-auto px-4">
+        <div className="surface rounded-2xl px-6 py-6 text-white">
+          <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
+            <div>
+              <div className="font-display text-lg">书架</div>
+              <div className="text-white/70 text-sm mt-1">挑一本书，翻开阅读。</div>
+            </div>
+            <div className="text-white/60 text-xs">
+              Demo UI · 2026-01-01
+            </div>
+          </div>
+        </div>
       </div>
     </footer>
   )