提交修改

src/components/Layout.tsx

@@ -8,6 +8,22 @@ interface LayoutProps {
   children: ReactNode;
 }
 
+const XIcon = ({ className }: { className?: string }) => (
+    <svg
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        className={className}
+    >
+      <path d="M4 4l11.733 16h4.267l-11.733 -16z" />
+      <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
+    </svg>
+);
+
+
 export default function Layout({ children }: LayoutProps) {
   const location = useLocation();
   const { language, setLanguage, t } = useLanguage();
@@ -103,6 +119,19 @@ export default function Layout({ children }: LayoutProps) {
               <p className="text-gray-300 mb-4">
                 {t('footer.description')}
               </p>
+              <div className="flex flex-col space-y-4 mb-8">
+                <div className="flex flex-wrap gap-4">
+                  <a
+                      href="https://x.com/HiFastVPN"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="flex items-center space-x-3 px-4 py-2 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-blue-400/50 rounded-full transition-all group"
+                  >
+                    <XIcon className="h-4 w-4 text-white" />
+                    <span className="text-gray-300 group-hover:text-white text-sm font-medium">Follow us on X</span>
+                  </a>
+                </div>
+              </div>
               <div className="flex space-x-4">
                 <div className="flex items-center space-x-2 text-gray-300">
                   <Globe className="h-5 w-5" />