Browse Source

✨ feat(homepage): add admin entry button and optimize footer links

- add prominent admin entry button with icon in main content area
- remove admin link from footer to improve UI hierarchy
- add hover effect and transition animation to admin button for better user experience
yourname 4 tháng trước cách đây
mục cha
commit
c61af1c194
1 tập tin đã thay đổi với 11 bổ sung2 xóa
  1. 11 2
      src/client/home/pages/HomePage.tsx

+ 11 - 2
src/client/home/pages/HomePage.tsx

@@ -50,6 +50,17 @@ const HomePage: React.FC = () => {
             一站式客户管理解决方案,帮助您高效管理客户资源、跟踪销售机会,
             提升转化率和客户满意度。
           </p>
+          <div className="mb-8">
+            <a
+              href="/admin"
+              className="inline-flex items-center px-5 py-2.5 rounded-md text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 transition-colors duration-200 shadow-sm"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 7a4 4 0 11-8 0 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
+              </svg>
+              管理后台入口
+            </a>
+          </div>
           
           <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8">
             <div className="bg-blue-50 p-6 rounded-lg text-center shadow-sm transition-all duration-300 hover:shadow-md hover:-translate-y-1">
@@ -90,8 +101,6 @@ const HomePage: React.FC = () => {
         <div className="container mx-auto px-4 text-center text-gray-500 text-sm">
           网站模板 ©{new Date().getFullYear()} Created with React & Tailwind CSS
           <div className="mt-2 space-x-4">
-            <a href="/admin" className="text-blue-600 hover:underline">管理后台</a>
-            <span className="text-gray-300">|</span>
             <a href="/ui" className="text-blue-600 hover:underline">Api</a>
           </div>
         </div>