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
|
localPort = 43349
|
||||||
externalPort = 3000
|
externalPort = 3000
|
||||||
|
|
||||||
[[ports]]
|
|
||||||
localPort = 46059
|
|
||||||
externalPort = 3002
|
|
||||||
|
|
||||||
[env]
|
[env]
|
||||||
PORT = "5000"
|
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";
|
import logoBlack from "@assets/logo_black_1759165229646.png";
|
||||||
|
|
||||||
export default function Footer() {
|
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 (
|
return (
|
||||||
<footer className="bg-white border-t border-gray-200 mt-16">
|
<footer className="bg-gray-50 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">
|
|
||||||
<div className="max-w-7xl mx-auto px-6 py-8">
|
<div className="max-w-7xl mx-auto px-6 py-8">
|
||||||
{/* Logo and Social Icons */}
|
{/* Logo and Social Icons */}
|
||||||
<div className="flex items-center justify-between mb-6">
|
<div className="flex items-center justify-between mb-6">
|
||||||
@ -83,7 +33,6 @@ export default function Footer() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</footer>
|
</footer>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user