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

Remove app download section from the footer

Browse Source 
Removes the app download section, including QR code and store buttons, and reorganizes navigation links in the Footer component.

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:21:18 +00:00
parent 9e3787fee4
commit eff51b51de
3 changed files with 9 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,3 @@
import { Button } from "@/components/ui/button";
import { Facebook, Twitter } from "lucide-react";
import logoBlack from "@assets/logo_black_1759165229646.png";
@ -20,67 +19,18 @@ export default function Footer() {
return (
<footer className="bg-white border-t border-gray-200 mt-16">
{/* App Download Section */}
{/* Navigation Links Section */}
<div className="max-w-7xl mx-auto px-6 py-12">
<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 items-start">
{/* Install Our App Section */}
<div className="lg:col-span-4">
<h3 className="text-lg font-semibold text-gray-900 mb-2">Install Our App</h3>
<p className="text-sm text-gray-600 mb-6">Scan QR code to install app</p>
<div className="flex items-center space-x-6">
{/* QR Code placeholder */}
<div className="w-24 h-24 bg-black flex items-center justify-center">
<div className="w-20 h-20 bg-white p-1">
<div className="w-full h-full bg-black relative">
{/* Simple QR code pattern */}
<div className="absolute inset-1 bg-white"></div>
<div className="absolute top-1 left-1 w-6 h-6 bg-black"></div>
<div className="absolute top-1 right-1 w-6 h-6 bg-black"></div>
<div className="absolute bottom-1 left-1 w-6 h-6 bg-black"></div>
<div className="absolute top-3 left-3 w-2 h-2 bg-white"></div>
<div className="absolute top-3 right-3 w-2 h-2 bg-white"></div>
<div className="absolute bottom-3 left-3 w-2 h-2 bg-white"></div>
{/* QR pattern dots */}
<div className="absolute top-8 left-8 w-1 h-1 bg-black"></div>
<div className="absolute top-10 left-6 w-1 h-1 bg-black"></div>
<div className="absolute top-6 left-10 w-1 h-1 bg-black"></div>
<div className="absolute top-12 left-12 w-1 h-1 bg-black"></div>
<div className="absolute top-14 left-8 w-1 h-1 bg-black"></div>
<div className="absolute top-8 left-14 w-1 h-1 bg-black"></div>
</div>
</div>
</div>
{/* Download Buttons */}
<div className="space-y-3">
<Button
variant="outline"
className="flex items-center space-x-2 px-4 py-2 border border-gray-300 rounded-lg w-40 justify-start"
>
<div className="w-5 h-5 text-blue-500">▶</div>
<span className="text-sm font-medium">Google Play</span>
</Button>
<Button
variant="outline"
className="flex items-center space-x-2 px-4 py-2 border border-gray-300 rounded-lg w-40 justify-start"
>
<div className="w-5 h-5 text-gray-700">🍎</div>
<span className="text-sm font-medium">App Store</span>
</Button>
</div>
</div>
</div>
<div className="flex justify-center">
{/* Navigation Links */}
<div className="lg:col-span-4 grid grid-cols-2 gap-8">
<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>
@ -92,6 +42,7 @@ export default function Footer() {
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>