Files
property-management-network/components/marketing/footer.tsx
T
Leon SerfatyandClaude Opus 4.8 c9968531e4 Consolidate audit-fixes branch: webhooks, integrations, and deploy hardening
Batch commit of the pending working tree on security/audit-fixes-2026-07.
Major areas:
- Outbound webhooks / Zapier: schema + signed delivery with retries, public
  v1 API (REST-hook subscribe/unsubscribe), settings UI, cron drain.
- Deploy hardening: email via SMTP2GO (Resend fully removed), verified DB TLS
  (DATABASE_SSL=require + DATABASE_CA), storage fails loud in production when
  Spaces is unconfigured instead of silently using ephemeral disk.
- Integrations & features (concurrent work): accounting (QuickBooks/Xero),
  e-signature (DocuSign/Dropbox Sign), PayPal, geocoding/maps, onboarding,
  expanded legal pages.
- DB migrations 0006–0009.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-02 13:42:34 -04:00

71 lines
2.9 KiB
TypeScript

import Link from "next/link"
import { GitFork, Mail, ExternalLink } from "lucide-react"
import { Logo } from "@/components/shared/logo"
import { LEGAL_PAGES } from "@/lib/legal"
const LINKS = {
Product: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "How it works", href: "#how-it-works" },
{ label: "FAQ", href: "#faq" },
],
Platform: [
{ label: "Dashboard", href: "/login" },
{ label: "Tenant portal", href: "/tenant-portal-info" },
{ label: "API docs", href: "/api-docs" },
],
Legal: LEGAL_PAGES.map((p) => ({ label: p.label, href: p.href })),
}
export function Footer() {
return (
<footer className="border-t border-white/[0.06] bg-[#09090b]">
<div className="mx-auto max-w-7xl px-4 sm:px-6 py-12 sm:py-14">
<div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-5">
{/* Brand */}
<div className="lg:col-span-2">
<Logo size="md" className="mb-4" />
<p className="text-sm text-white/40 max-w-xs leading-relaxed">
The property management platform built for independent landlords who want simplicity, not complexity.
</p>
<div className="mt-5 flex items-center gap-3">
{[
{ icon: ExternalLink, href: "https://twitter.com/propertymgmtnet", label: "Twitter" },
{ icon: GitFork, href: "https://github.com/propertymanagement-network", label: "GitHub" },
{ icon: Mail, href: "mailto:support@propertymanagement.network", label: "Email" },
].map(({ icon: Icon, href, label }) => (
<a key={label} href={href} aria-label={label}
className="flex h-8 w-8 items-center justify-center rounded-lg border border-white/10 text-white/40 hover:text-white hover:border-white/20 transition">
<Icon className="h-3.5 w-3.5" />
</a>
))}
</div>
</div>
{/* Link columns */}
{Object.entries(LINKS).map(([section, links]) => (
<div key={section}>
<p className="text-xs font-semibold uppercase tracking-wider text-white/30 mb-4">{section}</p>
<ul className="space-y-2.5">
{links.map((l) => (
<li key={l.label}>
<Link href={l.href} className="text-sm text-white/50 hover:text-white transition">
{l.label}
</Link>
</li>
))}
</ul>
</div>
))}
</div>
<div className="mt-12 flex flex-col sm:flex-row items-center justify-between gap-4 border-t border-white/[0.06] pt-8 text-xs text-white/30">
<p>© {new Date().getFullYear()} Property Management Network. All rights reserved.</p>
<p>Built with Next.js · PostgreSQL · Stripe · SMTP2GO</p>
</div>
</div>
</footer>
)
}