import * as React from "react"; import { BadgeCheck, BookOpen, Headphones, HelpCircle, Info, Search, } from "lucide-react"; import { ErrorPageGuidedConversionRecoverySeven } from "@/registry/error-page-guided-conversion-recovery-seven/error-page-guided-conversion-recovery-seven"; 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"; type ComponentProps = React.ComponentPropsWithoutRef< typeof ErrorPageGuidedConversionRecoverySeven >; const guidedConversionProps: ComponentProps = { eyebrow: "Conversion assist", title: "We couldn’t find that page, but we’ll keep your momentum", description: "Search the library, jump into high-impact resources, or connect with a specialist to stay on track.", primaryAction: { label: "Return to homepage", href: "/", icon: , }, secondaryAction: { label: "Explore pricing", href: "/pricing", variant: "outline", icon: , }, microTrust: [ { id: "visitors", label: "Trusted by 12k teams", icon: , }, { id: "support", label: "Live support 24/5", }, { id: "security", label: "SOC 2 Type II", description: "Verified", }, ], search: { placeholder: "Search for features, docs, or use cases", defaultValue: "", buttonLabel: "Search", emptyState: "No suggestions yet—try another keyword.", chips: [ { id: "pricing", label: "View pricing", href: "/pricing", icon: , }, { id: "blog", label: "Read blog", href: "/blog", icon: , }, { id: "support", label: "Contact support", href: "/support", icon: , }, ], suggestions: [ { id: "automation", label: "Automation playbook", description: "How top customers ship campaigns faster", href: "/library/automation-playbook", }, { id: "onboarding", label: "Onboarding checklist", description: "Guided setup tasks for new workspaces", href: "/docs/onboarding", }, { id: "support", label: "Talk to support", description: "Open a chat with success engineers", href: "/support/chat", }, ], onSubmit: async (value) => { await new Promise((resolve) => setTimeout(resolve, 600)); console.info("Guided conversion search", value); }, }, recoveryCards: [ { id: "pricing", title: "Compare plans", description: "See contract, monthly, and usage-based options side by side.", href: "/pricing", ctaLabel: "Browse plans", }, { id: "blog", title: "Conversion insights", description: "Read growth experiments and campaign teardowns from recent launches.", href: "/blog", ctaLabel: "Visit blog", }, { id: "support", title: "Support center", description: "Open a ticket, access templates, or book office hours.", href: "/support", ctaLabel: "Get help", }, { id: "newsletter", title: "Growth newsletter", description: "Weekly digest with retention experiments and conversion plays.", href: "/newsletter", ctaLabel: "Subscribe", badge: { label: "Trending" }, }, ], illustration: { title: "Campaign performance snapshot", description: "Highlight the most relevant UI or product moment to reassure visitors.", }, helpSheet: { triggerLabel: "Need guidance?", title: "Talk with our team", description: "Choose a support channel and we’ll bring your conversion goals back on track.", channels: [ { id: "chat", label: "Live chat", description: "Average response under 3 minutes", href: "/support/chat", icon: , }, { id: "call", label: "Schedule a strategy call", description: "Book a 25-minute working session", href: "/support/book", }, ], footnote: "We're available Monday to Friday, 8am–7pm PT.", }, }; export function ErrorPageGuidedConversionRecoverySevenDemo() { return (

); } export default ErrorPageGuidedConversionRecoverySevenDemo;

Simple