"use client";

import Link from "next/link";

/** Hub CTA — real provisioning lives on /sign-up (local vault + per-handle balance). */
const AccountCreation = () => {
  return (
    <div className="glass mx-auto max-w-2xl rounded-3xl border border-white/10 p-10">
      <h2 className="mb-4 text-center font-orbitron text-3xl font-bold md:text-4xl">Create an account</h2>
      <p className="text-center text-foreground/70">
        One handle for forum, exchange, barter, checkout, vault, and Bitcoin-funded USD balance on this origin.
        Credentials stay in your browser; use{" "}
        <Link href="/account/hidden-services" className="text-neon-cyan underline">
          Hidden services
        </Link>{" "}
        to copy your identity to another .onion host.
      </p>
      <div className="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row">
        <Link
          href="/sign-up"
          className="inline-block rounded-full bg-gradient-to-r from-neon-cyan to-neon-purple px-10 py-4 text-center font-bold text-background"
        >
          Register
        </Link>
        <Link
          href="/sign-in"
          className="inline-block rounded-full border border-white/20 px-10 py-4 text-center font-medium hover:border-neon-cyan/50"
        >
          Sign in
        </Link>
      </div>
      <p className="mt-8 text-center text-sm text-foreground/50">
        Add funds after sign-in:{" "}
        <Link href="/account/add-funds" className="text-neon-green underline">
          /account/add-funds
        </Link>
      </p>
    </div>
  );
};

export default AccountCreation;