Remove the footer navigation links and adjust the footer layout
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:
4
.replit
4
.replit
@ -22,10 +22,6 @@ externalPort = 3001
|
||||
localPort = 43349
|
||||
externalPort = 3000
|
||||
|
||||
[[ports]]
|
||||
localPort = 46059
|
||||
externalPort = 3002
|
||||
|
||||
[env]
|
||||
PORT = "5000"
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user