Update website footer with new logo and light theme

Replace sapiens.com text with SAPIENS logo, remove risk disclosure, and adjust footer colors to a light theme.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/1l6S481
This commit is contained in:
kimjaehyeon0101
2025-09-29 17:06:10 +00:00
parent 1a4e15f783
commit 9d721d89fa
3 changed files with 18 additions and 32 deletions

View File

@ -1,5 +1,6 @@
import { Button } from "@/components/ui/button";
import { Facebook, Twitter } from "lucide-react";
import logoBlack from "@assets/logo_black_1759165229646.png";
export default function Footer() {
const footerLinks = {
@ -100,49 +101,34 @@ export default function Footer() {
</div>
</div>
{/* Bottom Section with Investing.com branding */}
<div className="bg-gray-900 text-white">
{/* Bottom Section with SAPIENS branding */}
<div className="bg-gray-50 border-t border-gray-200">
<div className="max-w-7xl mx-auto px-6 py-8">
{/* Logo and Social Icons */}
<div className="flex items-center justify-between mb-8">
<div className="flex items-center space-x-2">
<span className="text-xl font-bold">SAPIENS</span>
<span className="text-sm text-gray-400">.com</span>
<div className="flex items-center justify-between mb-6">
<div className="flex items-center">
<img
src={logoBlack}
alt="SAPIENS"
className="h-8"
data-testid="footer-logo"
/>
</div>
<div className="flex items-center space-x-4">
<Facebook className="w-5 h-5 text-gray-400 hover:text-white cursor-pointer" />
<Twitter className="w-5 h-5 text-gray-400 hover:text-white cursor-pointer" />
<Facebook className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-facebook" />
<Twitter className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-twitter" />
</div>
</div>
{/* Risk Disclosure */}
<div className="text-xs text-gray-400 leading-relaxed mb-6">
<p className="mb-3">
<strong>Risk Disclosure:</strong> Trading in financial instruments and/or cryptocurrencies involves high risks including the risk of losing some, or all, of your investment amount, and may not be suitable for all investors. Prices of cryptocurrencies are extremely volatile and may be affected by external factors such as financial, regulatory or political events. Trading on margin increases the financial risks.
</p>
<p className="mb-3">
Before deciding to trade in financial instrument or cryptocurrencies you should be fully informed of the risks and costs associated with trading the financial markets, carefully consider your investment objectives, level of experience, and risk appetite, and seek professional advice where needed.
</p>
<p className="mb-3">
SAPIENS would like to remind you that the data contained in this website is not necessarily real-time nor accurate. The data and prices on the website are not necessarily provided by any market or exchange, but may be provided by market makers, and so prices may not be accurate and may differ from the actual price at any given market, meaning prices are indicative and not appropriate for trading purposes. SAPIENS will not accept liability for any loss or damage as a result of your trading, or your reliance on the information contained within this website.
</p>
<p className="mb-3">
It is prohibited to use, store, reproduce, display, modify, transmit or distribute the data contained in this website without the explicit prior written permission of SAPIENS and/or the data provider. All intellectual property rights are reserved by the providers and/or the exchange providing the data contained in this website.
</p>
<p>
SAPIENS may be compensated by the advertisers that appear on the website, based on your interaction with the advertisements or advertisers.
</p>
</div>
{/* Copyright and Links */}
<div className="flex flex-col md:flex-row justify-between items-start md:items-center pt-6 border-t border-gray-700">
<p className="text-xs text-gray-400 mb-4 md:mb-0">
<div className="flex flex-col md:flex-row justify-between items-start md:items-center pt-6 border-t border-gray-200">
<p className="text-xs text-gray-600 mb-4 md:mb-0" data-testid="copyright-text">
© 2007-2025 - SAPIENS Media Limited. All Rights Reserved.
</p>
<div className="flex space-x-6">
<a href="#" className="text-xs text-gray-400 hover:text-white">Terms And Conditions</a>
<a href="#" className="text-xs text-gray-400 hover:text-white">Privacy Policy</a>
<a href="#" className="text-xs text-gray-400 hover:text-white">Risk Warning</a>
<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>
</div>
</div>
</div>