329c58f70f
Update Footer component to use 'fixed bottom-0 left-0 right-0' CSS classes to ensure it remains fixed at the bottom of the viewport. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/0fb68265-c270-4198-9584-3d9be9bddb41/rOJiPGe
41 lines
1.8 KiB
TypeScript
41 lines
1.8 KiB
TypeScript
import logoWhite from "@assets/logo_white_1759167910147.png";
|
|
|
|
export default function Footer() {
|
|
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={logoWhite}
|
|
alt="SAPIENS"
|
|
className="h-5"
|
|
data-testid="footer-logo"
|
|
/>
|
|
</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>
|
|
);
|
|
} |