Import source: cshare-app/src/components/Footer

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
2026-09-18 23:14:06 +03:30
parent f89c99901b
commit 42911e82b3
1 changed files with 66 additions and 0 deletions
@@ -0,0 +1,66 @@
+import { useNavigate } from 'react-router-dom';
+
+export default function Footer() {
+  const navigate = useNavigate();
+
+  const go = (path) => {
+    navigate(path);
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
+  return (
+    <footer className="site-footer">
+      <div className="site-footer-inner">
+        <div className="site-footer-brand">
+          <div
+            style={{ fontFamily: 'var(--font-heading)', fontWeight: 800, fontSize: '1.375rem', letterSpacing: '-0.04em', display: 'flex', alignItems: 'center', gap: '10px', cursor: 'pointer' }}
+            onClick={() => go('/')}
+          >
+            <div style={{ width: '32px', height: '32px', background: 'var(--accent)', borderRadius: '8px', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 800, color: '#ffffff', fontSize: '1rem' }}>
+              C
+            </div>
+            CShare
+          </div>
+          <p>Files that don't overstay their welcome. Upload, share, and let links expire on your terms.</p>
+        </div>
+
+        <div className="site-footer-col">
+          <h4>Product</h4>
+          <a onClick={() => go('/upload')}>Upload</a>
+          <a onClick={() => go('/dashboard')}>Dashboard</a>
+          <a onClick={() => go('/preview')}>Shared Files</a>
+          <a onClick={() => go('/pricing')}>Pricing</a>
+          <a onClick={() => go('/docs')}>Documentation</a>
+        </div>
+
+        <div className="site-footer-col">
+          <h4>Company</h4>
+          <a onClick={() => go('/about')}>About</a>
+          <a onClick={() => go('/blog')}>Blog</a>
+          <a onClick={() => go('/careers')}>Careers</a>
+          <a onClick={() => go('/contact')}>Contact</a>
+        </div>
+
+        <div className="site-footer-col">
+          <h4>Legal</h4>
+          <a onClick={() => go('/privacy')}>Privacy Policy</a>
+          <a onClick={() => go('/terms')}>Terms of Service</a>
+          <a onClick={() => go('/security')}>Security</a>
+          <a onClick={() => go('/gdpr')}>GDPR</a>
+        </div>
+      </div>
+
+      <div className="site-footer-bottom">
+        <p>© 2026 CShare. All rights reserved.</p>
+        <a
+          className="site-footer-designer"
+          href="https://www.asabbagh.com"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Designed by Coaxys
+        </a>
+      </div>
+    </footer>
+  );
+}