import * as React from "react"; import { ArrowRight, BookOpen, Compass, LifeBuoy, NotepadText, } from "lucide-react"; import { ErrorPageMarketing404HeroOne } from "@/registry/error-page-marketing-404-hero-one/error-page-marketing-404-hero-one"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; export function ErrorPageMarketing404HeroOneDemo() { const [copiedSupportEmail, setCopiedSupportEmail] = React.useState< string | null >(null); return (

Marketing hero that catches 404 detours

Pair reassurance with helpful redirects so campaign traffic never hits a dead end. Optional support capture keeps human help within thumb reach.

, }} secondaryAction={{ label: "View latest launch", href: "/launches/aurora", icon: , }} supportEmail="support@nextbasehq.com" supportLabel="Copy support email" illustration={{ src: "/images/marketing/layouts.gif", alt: "Illustration showing marketing funnels and redirect cards", caption: "See how Aurora Launch rerouted 42% of campaign misfires.", badges: ["Pricing", "Product tours", "Blog"], }} popularDestinations={[ { label: "Pricing", href: "/pricing" }, { label: "Customer stories", href: "/customers" }, { label: "Product updates", href: "/blog" }, ]} resources={[ { id: "resource-pricing", title: "Compare plans", description: "Interactive pricing workbook with revenue calculators and enterprise contact paths.", href: "/pricing", icon: , onSelect: () => console.info("Redirected to pricing"), }, { id: "resource-demo", title: "Book a guided demo", description: "Watch the latest multi-region launch tour or reserve a 20-minute walkthrough.", href: "/demos", icon: , }, { id: "resource-support", title: "Submit a support request", description: "Capture console logs, attach screenshots, and notify the right solution engineer.", href: "/support", icon: , }, ]} alert={{ title: "Links updated 3 minutes ago", description: "We’re tracking this detour automatically and will patch misfiring redirects within the hour.", }} onSupportCopied={(email) => setCopiedSupportEmail(email)} />

Copied support email:{" "} {copiedSupportEmail ?? "none yet"}

); } ErrorPageMarketing404HeroOneDemo.displayName = "ErrorPageMarketing404HeroOneDemo"; export default ErrorPageMarketing404HeroOneDemo;

Simple