From 42911e82b38f7943bac7483052f5c4d36e01514b Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:14:06 +0330
Subject: [PATCH] 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.
---
 cshare-app/src/components/Footer.jsx | 66 ++++++++++++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 cshare-app/src/components/Footer.jsx

diff --git a/cshare-app/src/components/Footer.jsx b/cshare-app/src/components/Footer.jsx
new file mode 100644
index 0000000..61458ea
--- /dev/null
+++ b/cshare-app/src/components/Footer.jsx
@@ -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>
+  );
+}