"use client";

import Link from "next/link";

export function WebringBadge({ storeHref = "/" }: { storeHref?: string }) {
  return (
    <div className="mt-16 glass rounded-2xl border border-white/10 p-6">
      <div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
        <div>
          <div className="font-orbitron text-lg font-bold text-neon-green">
            VERIFIED WORKING SITE
          </div>
          <div className="text-sm text-foreground/60">
            This microsite has been audited by the Department of Vibes and found to be
            suspiciously operational.
          </div>
        </div>
        <Link
          href={storeHref}
          className="inline-flex items-center justify-center rounded-full bg-gradient-to-r from-neon-cyan to-neon-purple px-6 py-3 font-bold text-background"
        >
          Return to CyberLux →
        </Link>
      </div>
      <div className="mt-4 text-xs text-foreground/40">
        Disclaimer: parody universe. No real goods. No real money. Just immaculate confusion.
      </div>
    </div>
  );
}