Skip to content

Update Footer.tsx #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
syed-ghufran-hassan wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update Footer.tsx #6

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 79 additions & 13 deletions src/components/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,12 @@
import { Wallet, Github, Twitter } from 'lucide-react';
import { Wallet, Github, Twitter, ExternalLink, Copy, Shield, Lock, CheckCircle, Discord, MessageSquare, FileText } from 'lucide-react';

export function Footer() {
const contractAddress = "0x734F0a9683193fc65C1Ec417EeF707c861f9f6F6";

return (
<footer className="border-t border-border bg-muted/30 py-12">
<div className="container">
{/* Logo & Social */}
<div className="flex flex-col items-center gap-6 md:flex-row md:justify-between">
<div className="flex items-center gap-2">
<div className="flex h-8 w-8 items-center justify-center rounded-lg bg-primary">
Expand All @@ -17,28 +20,91 @@ export function Footer() {
</p>

<div className="flex items-center gap-4">
<a
href="https://github.com/cypherpulse/BatchPay"
target="_blank"
rel="noopener noreferrer"
className="flex h-10 w-10 items-center justify-center rounded-xl text-muted-foreground hover:bg-accent hover:text-foreground transition-colors"
>
<a href="https://github.com/cypherpulse/BatchPay" className="...">
<Github className="h-5 w-5" />
</a>
<a href="https://twitter.com" className="...">
<Twitter className="h-5 w-5" />
</a>
<a href="#" className="...">
<Discord className="h-5 w-5" />
</a>
<a href="#" className="...">
<MessageSquare className="h-5 w-5" />
</a>
</div>
</div>

{/* Navigation */}
<div className="mt-8 flex flex-wrap justify-center gap-6 text-sm">
<a href="#features" className="text-muted-foreground hover:text-foreground transition-colors">
Features
</a>
<a href="#how-it-works" className="...">
How It Works
</a>
<a href="#security" className="...">
Security
</a>
<a href="#faq" className="...">
FAQ
</a>
<a href="/privacy" className="...">
Privacy
</a>
<a href="/terms" className="...">
Terms
</a>
</div>

{/* Contract Address */}
<div className="mt-8 space-y-3">
<div className="flex flex-wrap items-center justify-center gap-3">
<a
href="https://twitter.com"
href={`https://sepolia.basescan.org/address/${contractAddress}`}
target="_blank"
rel="noopener noreferrer"
className="flex h-10 w-10 items-center justify-center rounded-xl text-muted-foreground hover:bg-accent hover:text-foreground transition-colors"
className="inline-flex items-center gap-1 rounded-full bg-accent px-3 py-1 text-xs text-foreground hover:bg-accent/80 transition-colors"
>
<Twitter className="h-5 w-5" />
<ExternalLink className="h-3 w-3" />
View on Basescan
</a>
<button
onClick={() => navigator.clipboard.writeText(contractAddress)}
className="inline-flex items-center gap-1 rounded-full bg-accent px-3 py-1 text-xs text-foreground hover:bg-accent/80 transition-colors"
>
<Copy className="h-3 w-3" />
Copy Address
</button>
</div>

<div className="text-center">
<p className="text-xs text-muted-foreground">Contract: {contractAddress}</p>
<p className="mt-1 text-xs text-muted-foreground">Base Sepolia Testnet</p>
</div>
</div>

<div className="mt-8 text-center text-xs text-muted-foreground">
<p>Contract: 0x734F0a9683193fc65C1Ec417EeF707c861f9f6F6</p>
<p className="mt-1">Base Sepolia Testnet</p>
{/* Security Badges */}
<div className="mt-8 flex flex-wrap items-center justify-center gap-4">
<div className="flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2">
<Shield className="h-4 w-4 text-green-500" />
<span className="text-xs font-medium">Audited</span>
</div>
<div className="flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2">
<Lock className="h-4 w-4 text-blue-500" />
<span className="text-xs font-medium">Open Source</span>
</div>
<div className="flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2">
<CheckCircle className="h-4 w-4 text-purple-500" />
<span className="text-xs font-medium">Verified Contract</span>
</div>
</div>

{/* Copyright */}
<div className="mt-8 border-t border-border pt-8 text-center">
<p className="text-xs text-muted-foreground">
© {new Date().getFullYear()} BatchPay. All rights reserved.
</p>
</div>
</div>
</footer>
Expand Down