A creative and visually engaging 404 error page component featuring a postal/postcard theme with animated circular text.
Key Features:
Props:
heading: Main error message (default: "(404) Looks like the page you're looking for got lost somewhere.")subtext: Supporting message (default: "But hey — in New York, even the unexpected detours lead somewhere.")circularText: Text that rotates in a circle (default: "The General Intelligence Company of New York")imageSrc: Postcard image URLbackButtonText: Button label (default: "Back to Home")backButtonHref: Navigation destination (default: "/")Use Case: Perfect for adding personality to 404 error pages while maintaining a professional and polished appearance.
import { Error404 } from "@/components/ui/pixeleted-404-not-found"
export default function Error404Demo() {
return (
<Error404
postcardImage="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/statue-of-liberty-oil-pastel-MndxxUm4uk78xLAAKqtCFXH2HmNn0h.jpg"
postcardAlt="New York City Postcard with Statue of Liberty"
curvedTextTop="The General Intelligence"
curvedTextBottom="of New York"
heading="(404) Looks like the page you're looking for got lost somewhere."
subtext="But hey — in New York, even the unexpected detours lead somewhere."
backButtonLabel="Back to Home"
backButtonHref="/"
/>
)
}