Files
sapiens-web3/client/src/components/Footer.tsx
kimjaehyeon0101 5922197323 Adjust footer logo spacing to match contact us section
Update Footer.tsx to adjust vertical padding and margin for the SAPIENS logo in the footer component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 930e9607-8d85-4ad9-8702-a48ff4cef074
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/930e9607-8d85-4ad9-8702-a48ff4cef074/sEk2LIT
2025-10-15 11:49:33 +00:00

44 lines
2.0 KiB
TypeScript

import { useLocation } from "wouter";
export default function Footer() {
const [, setLocation] = useLocation();
return (
<footer className="fixed bottom-0 left-0 right-0 bg-gray-900 border-t border-gray-700 z-40">
<div className="max-w-7xl mx-auto px-4">
{/* Logo and Social Icons */}
<div className="flex items-center justify-between py-2">
<div className="flex items-center">
<img
src="/attached_assets/sapiens_white_logo.png?v=2"
alt="SAPIENS"
className="h-16 cursor-pointer hover:opacity-80 transition-opacity -mr-3 -mb-2 -mt-2"
data-testid="footer-logo"
onClick={() => setLocation("/")}
/>
</div>
<div className="flex items-center">
<a href="#" className="text-xs text-gray-400 hover:text-white cursor-pointer" data-testid="contact-us-link">
Contact Us
</a>
</div>
</div>
{/* Copyright, Partnership and Links */}
<div className="flex flex-col md:flex-row justify-between items-start md:items-center py-3 border-t border-gray-700">
<p className="text-xs text-gray-400 mb-2 md:mb-0" data-testid="copyright-text">
© 2025 - SAPIENS AI Limited. All Rights Reserved.
</p>
<p className="text-xs text-gray-500 mb-2 md:mb-0" data-testid="partnership-text">
In partnership with Nostra
</p>
<div className="flex space-x-3">
<a href="#" className="text-xs text-gray-400 hover:text-white" data-testid="link-terms">Terms And Conditions</a>
<a href="#" className="text-xs text-gray-400 hover:text-white" data-testid="link-privacy">Privacy Policy</a>
<a href="#" className="text-xs text-gray-400 hover:text-white" data-testid="link-risk">Risk Warning</a>
</div>
</div>
</div>
</footer>
);
}