"use client";

import { useState } from "react";
import Link from "next/link";
import {
  Stamp,
  FileCheck2,
  CalendarClock,
  ScrollText,
  Lock,
  Users,
  Landmark,
  ArrowRight,
  CheckCircle2,
  Star,
  Clock,
  Plus,
  Minus,
  Briefcase,
  Building2,
  Building,
} from "lucide-react";

/**
 * Design notes:
 * — Signature element: a rotated ink "stamp" motif (rubber-stamp / notarized look),
 *   echoed in the hero, testimonials, and pricing to reinforce "on record, on time."
 * — §-numbered feature list borrows real tax-code section numbering — the numbering
 *   carries meaning here rather than decorating.
 * — Display type: Fraunces (ledger/legal gravitas). Data type: IBM Plex Mono
 *   (dates, filing codes, numerals) — reads like tabular ledger data.
 *   For production, move the font <link> below into your root layout's <head>.
 * — STAMP_RED (#B3401F) is a one-off ink accent used only for the stamp motif;
 *   wire it to a CSS variable (e.g. --stamp) if you want it theme-able.
 */

const STAMP = "#B3401F";

const features = [
  {
    code: "§1",
    icon: FileCheck2,
    title: "Filing that files itself",
    desc: "Answer a few prompts and TaxFend prepares the return, checks it against current rules, and queues it for your review.",
  },
  {
    code: "§2",
    icon: CalendarClock,
    title: "Every deadline, tracked",
    desc: "See what's due, for which entity, and when — with alerts before the date matters, not after.",
  },
  {
    code: "§3",
    icon: ScrollText,
    title: "Audit-ready, always",
    desc: "Every filing keeps its paper trail. Pull a compliance report for any entity, any quarter, in seconds.",
  },
  {
    code: "§4",
    icon: Lock,
    title: "Built for scrutiny",
    desc: "256-bit encryption, SOC 2 controls, and access logs that hold up if anyone ever asks.",
  },
  {
    code: "§5",
    icon: Users,
    title: "One team, one record",
    desc: "Give preparers, reviewers, and partners exactly the access they need. Nothing files without the right eyes on it.",
  },
  {
    code: "§6",
    icon: Landmark,
    title: "Hundreds of entities, one dashboard",
    desc: "Subsidiaries, franchises, holding companies — manage every entity's filings from a single screen.",
  },
];

const ledgerStats = [
  { value: "10,000+", label: "businesses filing" },
  { value: "98%", label: "filed without error" },
  { value: "80%", label: "less time per filing" },
  { value: "24/7", label: "support on record" },
];

const testimonials = [
  {
    name: "Sarah Mitchell",
    role: "CFO, Nexus Corp",
    text: "TaxFend cut our compliance workload in half. The deadline alerts alone saved us from two costly penalties.",
    rating: 5,
  },
  {
    name: "James Okafor",
    role: "Tax Manager, Brightline",
    text: "Finally a platform built for real tax teams. The multi-entity dashboard is a game changer.",
    rating: 5,
  },
  {
    name: "Priya Sharma",
    role: "Founder, Sharma & Co.",
    text: "Setup took twenty minutes. Our entire filing workflow is now automated. Incredible product.",
    rating: 5,
  },
];

const plans = [
  {
    name: "Starter",
    price: "$29",
    desc: "For small businesses filing on their own",
    features: [
      "Up to 3 entities",
      "Deadline alerts",
      "Basic reports",
      "Email support",
    ],
    cta: "Start Free Trial",
    badge: null,
  },
  {
    name: "Professional",
    price: "$79",
    desc: "For growing tax teams",
    features: [
      "Up to 25 entities",
      "Advanced automation",
      "Audit-ready reports",
      "Priority support",
      "Team collaboration",
    ],
    cta: "Start Free Trial",
    badge: "Most filed",
  },
  {
    name: "Enterprise",
    price: "Custom",
    desc: "For large, multi-entity organizations",
    features: [
      "Unlimited entities",
      "Custom workflows",
      "Dedicated manager",
      "SLA guarantee",
      "API access",
    ],
    cta: "Contact Sales",
    badge: null,
  },
];

const stages = [
  {
    icon: Briefcase,
    name: "Solo & freelance",
    range: "1 entity",
    desc: "File your own return without missing a beat. Guided prep and deadline alerts, built for one.",
  },
  {
    icon: Building2,
    name: "Growing business",
    range: "2–25 entities",
    desc: "Standardize how your team files, reviews, and tracks every obligation as headcount grows.",
  },
  {
    icon: Building,
    name: "Multi-entity & enterprise",
    range: "25+ entities",
    desc: "Centralize filings across subsidiaries and franchises with full audit trails and role-based control.",
  },
];

const faqs = [
  {
    q: "What does TaxFend actually file for me?",
    a: "TaxFend prepares and submits federal, state, and local business filings — estimated taxes, payroll, franchise, and sales tax — for every entity you add. You review before anything goes out; nothing files itself without your sign-off.",
  },
  {
    q: "How far ahead are we notified of deadlines?",
    a: "You'll get alerts at 30, 14, and 3 days out by default, plus a same-day reminder. Timing is adjustable per entity, so a franchise tax deadline and a payroll filing can follow different schedules.",
  },
  {
    q: "Can more than one person review before something is filed?",
    a: "Yes. Assign preparer and reviewer roles per entity — a filing can require sign-off from both before it goes out, so nothing leaves your team unchecked.",
  },
  {
    q: "Is our data secure?",
    a: "All data is encrypted in transit and at rest, access is logged, and permissions are role-based. TaxFend maintains the compliance controls tax and finance teams expect for sensitive filings.",
  },
  {
    q: "Can we manage more than one entity from one account?",
    a: "Yes — the Professional and Enterprise plans support multiple entities from a single dashboard, each with its own deadlines, filings, and access permissions.",
  },
  {
    q: "What happens if we switch from our current provider?",
    a: "Bring your prior filings and entity records with you; our team helps migrate your filing history so deadline tracking starts accurately from day one, not from a blank slate.",
  },
];

const upcomingFilings = [
  { date: "Jul 31", label: "Payroll Filing — TX", status: "filed" as const },
  {
    date: "Aug 15",
    label: "Q3 Estimated Tax",
    status: "due" as const,
    days: "in 17 days",
  },
  {
    date: "Sep 15",
    label: "Franchise Tax — DE",
    status: "due" as const,
    days: "in 48 days",
  },
];

function FiledStamp({
  className = "",
  size = "md",
}: {
  className?: string;
  size?: "sm" | "md";
}) {
  const dims = size === "sm" ? "w-16 h-16 text-[7px]" : "w-28 h-28 text-[10px]";
  return (
    <div
      className={`${dims} ${className} rounded-full border-2 border-double flex flex-col items-center justify-center font-['IBM_Plex_Mono'] font-semibold uppercase tracking-widest text-center leading-tight select-none`}
      style={{ borderColor: STAMP, color: STAMP, mixBlendMode: "multiply" }}
      aria-hidden="true"
    >
      <span>TaxFend</span>
      <Stamp
        className={size === "sm" ? "h-3 w-3 my-0.5" : "h-4 w-4 my-1"}
        style={{ color: STAMP }}
      />
      <span>On Record</span>
    </div>
  );
}

function FaqItem({ q, a }: { q: string; a: string }) {
  const [open, setOpen] = useState(false);
  return (
    <div className="border-b border-border py-5">
      <button
        onClick={() => setOpen((v) => !v)}
        aria-expanded={open}
        className="w-full flex items-center justify-between gap-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary rounded"
      >
        <span className="font-medium text-foreground text-base">{q}</span>
        <span className="shrink-0 text-primary">
          {open ? <Minus className="h-4 w-4" /> : <Plus className="h-4 w-4" />}
        </span>
      </button>
      {open && (
        <p className="text-sm text-muted-foreground leading-relaxed mt-3 max-w-2xl">
          {a}
        </p>
      )}
    </div>
  );
}

export default function LandingPage() {
  return (
    <div className="min-h-screen bg-background text-foreground">
      {/* Fonts — move this <link> into your root layout for production */}
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=IBM+Plex+Mono:wght@400;500;600&display=swap"
      />

      {/* Navbar */}
      <header className="border-b border-border bg-card/90 backdrop-blur-md sticky top-0 z-50">
        <div className="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
          <div className="flex items-center gap-2.5">
            <div className="bg-primary w-8 h-8 rounded-lg flex items-center justify-center shadow-sm">
              <Stamp className="h-4 w-4 text-primary-foreground" />
            </div>
            <span className="font-['Fraunces'] font-semibold text-lg text-foreground tracking-tight">
              TaxFend
            </span>
          </div>
          <nav className="hidden md:flex items-center gap-6 text-sm text-muted-foreground">
            <a
              href="#features"
              className="hover:text-foreground transition-colors"
            >
              Features
            </a>
            <a
              href="#testimonials"
              className="hover:text-foreground transition-colors"
            >
              Reviews
            </a>
            <a
              href="#pricing"
              className="hover:text-foreground transition-colors"
            >
              Pricing
            </a>
          </nav>
          <div className="flex items-center gap-2">
            <Link
              href="/login"
              className="text-sm font-medium text-foreground hover:text-primary transition-colors px-4 py-2 rounded-lg hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary"
            >
              Sign In
            </Link>
            <Link
              href="/register"
              className="text-sm font-medium bg-primary text-primary-foreground px-4 py-2 rounded-lg hover:bg-primary/90 transition-colors shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
            >
              Get Started Free
            </Link>
          </div>
        </div>
      </header>

      {/* Hero */}
      <section className="relative overflow-hidden py-24 md:py-28 px-6">
        <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808010_1px,transparent_1px),linear-gradient(to_bottom,#80808010_1px,transparent_1px)] bg-[size:32px_32px] pointer-events-none" />

        <div className="max-w-6xl mx-auto relative grid lg:grid-cols-[1.1fr_0.9fr] gap-16 items-center">
          {/* Left: copy */}
          <div>
            <div
              className="inline-flex items-center gap-2 border rounded-full pl-2.5 pr-3 py-1 text-[11px] font-['IBM_Plex_Mono'] font-medium uppercase tracking-widest mb-8"
              style={{ borderColor: STAMP, color: STAMP }}
            >
              <span className="flex items-center gap-0.5">
                {Array.from({ length: 5 }).map((_, i) => (
                  <Star key={i} className="h-3 w-3 fill-current" />
                ))}
              </span>
              4.9/5 · Filed without fail for 10,000+ businesses
            </div>

            <h1 className="font-['Fraunces'] text-5xl md:text-6xl font-semibold tracking-tight text-foreground leading-[1.08] mb-6">
              Every filing.
              <br />
              On time. <span style={{ color: STAMP }}>On record.</span>
            </h1>

            <p className="text-lg text-muted-foreground max-w-xl mb-10 leading-relaxed">
              TaxFend prepares, tracks, and files your business's tax
              obligations — so nothing is late, nothing is missed, and
              everything holds up if anyone ever asks.
            </p>

            <div className="flex flex-col sm:flex-row gap-3 mb-6">
              <Link
                href="/register"
                className="inline-flex items-center justify-center gap-2 bg-primary text-primary-foreground px-7 py-3.5 rounded-lg font-semibold hover:bg-primary/90 transition-colors shadow-md text-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
              >
                Start Filing Free
                <ArrowRight className="h-4 w-4" />
              </Link>
              <Link
                href="/login"
                className="inline-flex items-center justify-center gap-2 border border-border bg-card text-foreground px-7 py-3.5 rounded-lg font-semibold hover:bg-muted transition-colors text-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary"
              >
                Sign In to Dashboard
              </Link>
            </div>

            <p className="text-xs font-['IBM_Plex_Mono'] text-muted-foreground uppercase tracking-wide">
              14-day trial · No credit card · Cancel anytime
            </p>
          </div>

          {/* Right: ledger / stamp card — the signature visual */}
          <div className="relative mx-auto max-w-sm w-full">
            <div className="bg-card border border-border rounded-2xl shadow-xl p-6 -rotate-2">
              <p className="text-[11px] font-['IBM_Plex_Mono'] uppercase tracking-widest text-muted-foreground mb-5">
                Upcoming — Acme Holdings LLC
              </p>
              <div className="space-y-3">
                {upcomingFilings.map((row) => (
                  <div
                    key={row.label}
                    className="flex items-center justify-between gap-3 border-b border-border/70 pb-3 last:border-0 last:pb-0"
                  >
                    <div>
                      <div className="text-sm font-medium text-foreground">
                        {row.label}
                      </div>
                      <div className="text-xs font-['IBM_Plex_Mono'] text-muted-foreground">
                        {row.date}
                      </div>
                    </div>
                    {row.status === "filed" ? (
                      <span
                        className="text-[11px] font-['IBM_Plex_Mono'] font-medium px-2 py-1 rounded shrink-0"
                        style={{
                          color: "hsl(var(--success))",
                          backgroundColor: "hsl(var(--success) / 0.1)",
                        }}
                      >
                        Filed ✓
                      </span>
                    ) : (
                      <span className="text-[11px] font-['IBM_Plex_Mono'] font-medium px-2 py-1 rounded bg-secondary text-primary shrink-0">
                        Due {row.days}
                      </span>
                    )}
                  </div>
                ))}
              </div>
            </div>
            <FiledStamp className="absolute -top-8 -right-6 rotate-[14deg] bg-background/0" />
          </div>
        </div>
      </section>

      {/* Ledger stats */}
      <section className="py-10 px-6 border-y border-border bg-card/60">
        <div className="max-w-5xl mx-auto flex flex-wrap justify-between gap-8">
          {ledgerStats.map(({ value, label }, i) => (
            <div
              key={label}
              className={`flex items-baseline gap-2.5 ${
                i !== 0 ? "sm:pl-8 sm:border-l sm:border-border" : ""
              }`}
            >
              <span className="font-['IBM_Plex_Mono'] text-2xl font-semibold text-primary">
                {value}
              </span>
              <span className="text-sm text-muted-foreground">{label}</span>
            </div>
          ))}
        </div>
      </section>

      {/* Features — ledger / section-code list */}
      <section id="features" className="py-24 px-6">
        <div className="max-w-4xl mx-auto">
          <div className="mb-16">
            <p className="text-[11px] font-['IBM_Plex_Mono'] uppercase tracking-widest text-muted-foreground mb-4">
              Table of contents
            </p>
            <h2 className="font-['Fraunces'] text-4xl font-semibold text-foreground mb-4">
              Everything your tax team needs
            </h2>
            <p className="text-muted-foreground max-w-xl text-lg">
              Purpose-built for finance teams, accountants, and compliance
              officers — not retrofitted from generic project software.
            </p>
          </div>

          <div className="divide-y divide-border border-t border-b border-border">
            {features.map(({ icon: Icon, title, desc, code }) => (
              <div
                key={title}
                className="group flex flex-col sm:flex-row gap-4 sm:gap-8 py-7"
              >
                <div className="flex items-center gap-3 sm:w-40 shrink-0">
                  <span
                    className="font-['IBM_Plex_Mono'] text-sm font-semibold"
                    style={{ color: STAMP }}
                  >
                    {code}
                  </span>
                  <Icon className="h-4 w-4 text-primary" aria-hidden="true" />
                </div>
                <div>
                  <h3 className="font-semibold text-foreground mb-1.5 text-base">
                    {title}
                  </h3>
                  <p className="text-sm text-muted-foreground leading-relaxed max-w-lg">
                    {desc}
                  </p>
                </div>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Built for every stage */}
      <section className="py-24 px-6 bg-card/50 border-y border-border">
        <div className="max-w-6xl mx-auto">
          <div className="text-center mb-16">
            <p className="text-[11px] font-['IBM_Plex_Mono'] uppercase tracking-widest text-muted-foreground mb-4">
              One filing system, any size
            </p>
            <h2 className="font-['Fraunces'] text-4xl font-semibold text-foreground mb-4">
              Built for every stage of the business
            </h2>
            <p className="text-muted-foreground text-lg max-w-xl mx-auto">
              Start with one entity. Add more as you grow — the deadlines and
              the paper trail stay just as tight.
            </p>
          </div>

          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
            {stages.map(({ icon: Icon, name, range, desc }) => (
              <div
                key={name}
                className="bg-card border border-border rounded-2xl p-7"
              >
                <div className="bg-primary/10 w-11 h-11 rounded-xl flex items-center justify-center mb-5">
                  <Icon className="h-5 w-5 text-primary" />
                </div>
                <div className="flex items-baseline justify-between gap-2 mb-2">
                  <h3 className="font-semibold text-foreground text-base">
                    {name}
                  </h3>
                  <span className="text-[11px] font-['IBM_Plex_Mono'] text-muted-foreground shrink-0">
                    {range}
                  </span>
                </div>
                <p className="text-sm text-muted-foreground leading-relaxed">
                  {desc}
                </p>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Testimonials */}
      <section id="testimonials" className="py-24 px-6">
        <div className="max-w-6xl mx-auto">
          <div className="text-center mb-16">
            <h2 className="font-['Fraunces'] text-4xl font-semibold text-foreground mb-4">
              Loved by tax professionals
            </h2>
            <p className="text-muted-foreground text-lg">
              See why thousands of teams choose TaxFend
            </p>
          </div>

          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
            {testimonials.map(({ name, role, text, rating }) => (
              <div
                key={name}
                className="relative bg-card border border-border rounded-2xl p-7 flex flex-col gap-4 overflow-hidden"
              >
                <div className="flex gap-0.5">
                  {Array.from({ length: rating }).map((_, i) => (
                    <Star
                      key={i}
                      className="h-4 w-4 fill-[hsl(var(--accent))] text-[hsl(var(--accent))]"
                    />
                  ))}
                </div>
                <p className="text-sm text-muted-foreground leading-relaxed flex-1">
                  {text}
                </p>
                <div>
                  <div className="font-semibold text-foreground text-sm">
                    {name}
                  </div>
                  <div className="text-xs text-muted-foreground">{role}</div>
                </div>
                <FiledStamp
                  size="sm"
                  className="absolute -bottom-4 -right-4 rotate-[10deg] opacity-80"
                />
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* Pricing */}
      <section id="pricing" className="py-24 px-6">
        <div className="max-w-6xl mx-auto">
          <div className="text-center mb-16">
            <h2 className="font-['Fraunces'] text-4xl font-semibold text-foreground mb-4">
              Simple, transparent pricing
            </h2>
            <p className="text-muted-foreground text-lg">
              Start free, scale as you grow. No hidden fees.
            </p>
          </div>

          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 items-start">
            {plans.map(
              ({ name, price, desc, features: planFeatures, cta, badge }) => (
                <div
                  key={name}
                  className="relative rounded-2xl border border-border bg-card p-8 flex flex-col gap-6"
                >
                  {badge && (
                    <span
                      className="absolute -top-3 left-8 font-['IBM_Plex_Mono'] text-[10px] font-semibold uppercase tracking-widest px-3 py-1 rounded-full text-white"
                      style={{ backgroundColor: STAMP }}
                    >
                      {badge}
                    </span>
                  )}
                  <div>
                    <div className="text-sm font-semibold mb-1 text-muted-foreground">
                      {name}
                    </div>
                    <div className="font-['Fraunces'] text-4xl font-semibold mb-1 text-foreground">
                      {price}
                      <span className="text-base font-normal text-muted-foreground">
                        {price !== "Custom" ? "/mo" : ""}
                      </span>
                    </div>
                    <div className="text-sm text-muted-foreground">{desc}</div>
                  </div>
                  <ul className="flex flex-col gap-2.5">
                    {planFeatures.map((f) => (
                      <li key={f} className="flex items-center gap-2.5 text-sm">
                        <CheckCircle2 className="h-4 w-4 shrink-0 text-[hsl(var(--success))]" />
                        <span className="text-foreground">{f}</span>
                      </li>
                    ))}
                  </ul>
                  <Link
                    href="/register"
                    className="inline-flex items-center justify-center gap-2 px-5 py-2.5 rounded-lg font-semibold text-sm transition-colors mt-auto bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
                  >
                    {cta} <ArrowRight className="h-4 w-4" />
                  </Link>
                </div>
              )
            )}
          </div>
        </div>
      </section>

      {/* FAQ */}
      <section className="py-24 px-6 bg-card/50 border-y border-border">
        <div className="max-w-3xl mx-auto">
          <div className="mb-12">
            <p className="text-[11px] font-['IBM_Plex_Mono'] uppercase tracking-widest text-muted-foreground mb-4">
              Questions on record
            </p>
            <h2 className="font-['Fraunces'] text-4xl font-semibold text-foreground">
              Frequently asked questions
            </h2>
          </div>
          <div className="border-t border-border">
            {faqs.map((f) => (
              <FaqItem key={f.q} q={f.q} a={f.a} />
            ))}
          </div>
        </div>
      </section>

      {/* CTA Banner */}
      <section className="py-24 px-6 bg-primary relative overflow-hidden">
        <Stamp
          className="absolute -right-10 -bottom-10 h-72 w-72 text-primary-foreground opacity-[0.06] rotate-12 pointer-events-none"
          aria-hidden="true"
        />
        <div className="max-w-3xl mx-auto text-center relative">
          <div className="inline-flex items-center gap-2 bg-primary-foreground/10 border border-primary-foreground/20 rounded-full px-4 py-1.5 text-xs font-['IBM_Plex_Mono'] uppercase tracking-widest text-primary-foreground mb-6">
            <Clock className="h-3 w-3" /> 14-day free trial, no credit card
            required
          </div>
          <h2 className="font-['Fraunces'] text-4xl font-semibold text-primary-foreground mb-4">
            Ready to close the books on late filings?
          </h2>
          <p className="text-primary-foreground/75 mb-10 text-lg">
            Join thousands of businesses that trust TaxFend for accurate,
            on-time filings.
          </p>
          <div className="flex flex-col sm:flex-row gap-3 justify-center">
            <Link
              href="/register"
              className="inline-flex items-center justify-center gap-2 bg-primary-foreground text-primary px-7 py-3.5 rounded-lg font-semibold hover:bg-primary-foreground/90 transition-colors text-base shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-foreground focus-visible:ring-offset-2 focus-visible:ring-offset-primary"
            >
              Create Free Account <ArrowRight className="h-4 w-4" />
            </Link>
            <Link
              href="/login"
              className="inline-flex items-center justify-center gap-2 border border-primary-foreground/30 text-primary-foreground px-7 py-3.5 rounded-lg font-semibold hover:bg-primary-foreground/10 transition-colors text-base focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-foreground"
            >
              Sign In
            </Link>
          </div>
        </div>
      </section>

      {/* Footer */}
      <footer className="border-t border-border bg-card py-10 px-6">
        <div className="max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-6">
          <div className="flex items-center gap-2.5">
            <div className="bg-primary w-7 h-7 rounded-md flex items-center justify-center">
              <Stamp className="h-3.5 w-3.5 text-primary-foreground" />
            </div>
            <span className="font-['Fraunces'] font-semibold text-foreground">
              TaxFend
            </span>
          </div>
          <div className="flex items-center gap-6 text-sm text-muted-foreground">
            <a
              href="#features"
              className="hover:text-foreground transition-colors"
            >
              Features
            </a>
            <a
              href="#pricing"
              className="hover:text-foreground transition-colors"
            >
              Pricing
            </a>
            <Link
              href="/login"
              className="hover:text-foreground transition-colors"
            >
              Sign In
            </Link>
            <Link
              href="/register"
              className="hover:text-foreground transition-colors"
            >
              Sign Up
            </Link>
          </div>
          <p className="text-xs font-['IBM_Plex_Mono'] text-muted-foreground">
            © {new Date().getFullYear()} TaxFend. All rights reserved.
          </p>
        </div>
      </footer>
    </div>
  );
}
