Files
sapiens-web3/client/src/components/Footer.tsx
kimjaehyeon0101 9a32c766a5 Enlarge and adjust logo size and position in header and footer
Increase the size of the SAPIENS logo in the header by 2x and shift it left to align with other elements. Also, double the size of the logo in the footer.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/uLfJUnK
2025-10-15 10:00:29 +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 py-4">
{/* Logo and Social Icons */}
<div className="flex items-center justify-between mb-3">
<div className="flex items-center">
<img
src="/attached_assets/sapiens_white_logo.png"
alt="SAPIENS"
className="h-16 cursor-pointer hover:opacity-80 transition-opacity"
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 pt-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>
);
}