aimond/sapiens-web3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update footer to use white logo and adjust text colors for dark theme

Browse Source 
Replaces black logo with white variant in `Footer.tsx`, changes footer background to dark gray, adjusts text colors to white for improved visibility, and repositions the partnership text to the bottom center.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/LZrXNFV
This commit is contained in:
kimjaehyeon0101
2025-09-29 17:47:18 +00:00
parent f21720fb6d
commit 7c2cfbe154
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/logo_white_1759167910147.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

34
client/src/components/Footer.tsx
View File

@ -1,45 +1,45 @@
import { Facebook } from "lucide-react";
import { SiX } from "react-icons/si";
import logoBlack from "@assets/logo_black_1759165229646.png";
import logoWhite from "@assets/logo_white_1759167910147.png";
export default function Footer() {
return (
<footer className="bg-gray-50 border-t border-gray-200 mt-6">
<footer className="bg-gray-900 border-t border-gray-700 mt-6">
<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={logoBlack}
src={logoWhite}
alt="SAPIENS"
className="h-8"
data-testid="footer-logo"
/>
</div>
<div className="flex items-center space-x-2">
<Facebook className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-facebook" />
<SiX className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-x" />
<Facebook className="w-5 h-5 text-gray-400 hover:text-white cursor-pointer" data-testid="social-facebook" />
<SiX className="w-5 h-5 text-gray-400 hover:text-white cursor-pointer" data-testid="social-x" />
</div>
</div>
{/* Partnership Information */}
<div className="flex items-center justify-center mb-3">
<p className="text-xs text-gray-500" data-testid="partnership-text">
In partnership with Nostra
</p>
</div>
{/* Copyright and Links */}
<div className="flex flex-col md:flex-row justify-between items-start md:items-center pt-3 border-t border-gray-200">
<p className="text-xs text-gray-600 mb-2 md:mb-0" data-testid="copyright-text">
<div className="flex flex-col md:flex-row justify-between items-start md:items-center pt-3 border-t border-gray-700 mb-3">
<p className="text-xs text-gray-400 mb-2 md:mb-0" data-testid="copyright-text">
© 2007-2025 - SAPIENS Media Limited. All Rights Reserved.
</p>
<div className="flex space-x-3">
<a href="#" className="text-xs text-gray-600 hover:text-gray-900" data-testid="link-terms">Terms And Conditions</a>
<a href="#" className="text-xs text-gray-600 hover:text-gray-900" data-testid="link-privacy">Privacy Policy</a>
<a href="#" className="text-xs text-gray-600 hover:text-gray-900" data-testid="link-risk">Risk Warning</a>
<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>
{/* Partnership Information - Bottom Center */}
<div className="flex items-center justify-center">
<p className="text-xs text-gray-500" data-testid="partnership-text">
In partnership with Nostra
</p>
</div>
</div>
</footer>
);