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.
This commit is contained in:
@@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user