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

Remove the footer navigation links and adjust the footer layout

Browse Source 
Removes the 'column1' and 'column2' footer navigation links and updates the footer's background and top border classes in `Footer.tsx`.

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/LZrXNFV
This commit is contained in:
kimjaehyeon0101
2025-09-29 17:27:13 +00:00
parent 51190ff909
commit bf20206def
3 changed files with 1 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,58 +2,8 @@ import { Facebook, Twitter } from "lucide-react";
import logoBlack from "@assets/logo_black_1759165229646.png";
export default function Footer() {
const footerLinks = {
column1: [
{ name: "Blog", href: "#" },
{ name: "Mobile", href: "#" },
{ name: "Portfolio", href: "#" },
{ name: "Widgets", href: "#" }
],
column2: [
{ name: "About Us", href: "#" },
{ name: "Advertise", href: "#" },
{ name: "Help & Support", href: "#" },
{ name: "Authors", href: "#" }
]
};
return (
<footer className="bg-white border-t border-gray-200 mt-16">
{/* Navigation Links Section */}
<div className="max-w-7xl mx-auto px-6 py-12">
<div className="flex justify-center">
{/* Navigation Links */}
<div className="grid grid-cols-2 gap-16">
<div>
{footerLinks.column1.map((link) => (
<a
key={link.name}
href={link.href}
className="block text-sm text-gray-600 hover:text-gray-900 mb-3"
data-testid={`footer-link-${link.name.toLowerCase().replace(' ', '-')}`}
>
{link.name}
</a>
))}
</div>
<div>
{footerLinks.column2.map((link) => (
<a
key={link.name}
href={link.href}
className="block text-sm text-gray-600 hover:text-gray-900 mb-3"
data-testid={`footer-link-${link.name.toLowerCase().replace(' & ', '-').replace(' ', '-')}`}
>
{link.name}
</a>
))}
</div>
</div>
</div>
</div>
{/* Bottom Section with SAPIENS branding */}
<div className="bg-gray-50 border-t border-gray-200">
<footer className="bg-gray-50 border-t border-gray-200 mt-16">
<div className="max-w-7xl mx-auto px-6 py-8">
{/* Logo and Social Icons */}
<div className="flex items-center justify-between mb-6">
@ -83,7 +33,6 @@ export default function Footer() {
</div>
</div>
</div>
</div>
</footer>
);
}