MynaUI
No results found.
Theme
Toggle Theme (Dark)
Documentation
Getting Started
Design System
Changelog
FAQ
Legal
Icons
Elements
Accordion
Alert Dialog
Alert
Avatar Groups
Avatar
Badge
Breadcrumb
Button Groups
Button
Calendar
Combobox
Command
Context Menu
Data Table
Dialog
Drawer
Dropdown Menu
Menubar
Pagination
Popover
Progress
Rating
Sheet
Skeleton
Spinner
Table
Tabs
Toast
Toggle and Toggle Group
Tooltip
Forms
Checkbox
Date Picker
Input OTP
Input
Radio
Select
Slider
Switch
Textarea
Marketing
404
Banners
Blog List
Blog Post
Call to Action
Cookies
FAQ
Features
Footer
Header
Hero
Newsletters
Statistics
Testimonial Logos
Application
App Headers
App Sheets
Application Dialogs
Card Headers
Cards
Containers
Dividers
Empty States
Forgot Password
Login
Notifications
Registration
Section Headers
Documentation
  • Getting Started
  • Copybook New
  • Design System
  • Icons Updated
  • Changelog
  • Legal
  • Figma
  • Request Components
  • Request Icons
Elements
  • Accordion
  • Alert Dialog
  • Alert
  • Avatar Groups
  • Avatar
  • Badge
  • Breadcrumb
  • Button Groups
  • Button
  • Calendar
  • Combobox
  • Command
  • Context Menu
  • Data Table
  • Dialog
  • Drawer
  • Dropdown Menu
  • Menubar
  • Pagination
  • Popover
  • Progress
  • Rating
  • Sheet
  • Skeleton
  • Spinner
  • Table
  • Tabs
  • Toast
  • Toggle and Toggle Group
  • Tooltip
Forms
  • Checkbox
  • Date Picker
  • Input OTP
  • Input
  • Radio
  • Select
  • Slider
  • Switch
  • Textarea
Marketing
  • 404
  • Banners
  • Blog List
  • Blog Post
  • Call to Action
  • Cookies
  • FAQ
  • Features
  • Footer
  • Header
  • Hero
  • Newsletters
  • Statistics
  • Testimonial Logos
Application
  • App Headers
  • App Sheets
  • Application Dialogs
  • Card Headers
  • Cards
  • Containers
  • Dividers
  • Empty States
  • Forgot Password
  • Login
  • Notifications
  • Registration
  • Section Headers
Newsletter

Get the latest news and updates from MynaUI

Subscribe for Updates

404

Informs users that the requested page is unavailable or does not exist.

import { buttonVariants } from "@/components/ui/button";

export default function _4041() {
  return (
    <section className="mx-auto max-w-7xl space-y-6 px-4 py-32">
      <div className="space-y-2 text-center">
        <span className="font-semibold uppercase text-muted-foreground">
          404
        </span>
        <h1 className="text-balance text-3xl font-bold tracking-tight">
          Page not found
        </h1>
        <p className="text-balance text-muted-foreground">
          We couldn&apos;t find what you were looking for. Please check and try
          again.
        </p>
      </div>

      <div className="flex flex-col items-center justify-center gap-2 md:flex-row">
        <a href="#" className={buttonVariants({ size: "sm" })}>
          Go Back Home
        </a>
        <a
          href="#"
          className={buttonVariants({ variant: "outline", size: "sm" })}
        >
          Contact Support
        </a>
      </div>
    </section>
  );
}
import { buttonVariants } from "@/components/ui/button";

export default function _4042() {
  return (
    <section className="mx-auto grid max-w-4xl grid-cols-1 items-center gap-6 px-4 py-16 md:grid-cols-2">
      <div className="space-y-6">
        <div className="space-y-2 text-center md:text-left">
          <span className="font-semibold uppercase text-muted-foreground">
            404
          </span>
          <h1 className="text-3xl font-bold tracking-tight">Page not found</h1>
          <p className="text-balance text-base text-muted-foreground">
            If you typed the URL directly, please make sure the spelling is
            correct.
          </p>
        </div>
        <div className="flex flex-col gap-2 md:flex-row">
          <a href="#" className={buttonVariants()}>
            Go Back Home
          </a>
          <a href="#" className={buttonVariants({ variant: "outline" })}>
            Contact Support
          </a>
        </div>
      </div>
      <div className="order-first grid place-items-center md:order-last">
        <svg
          className="h-96"
          xmlns="http://www.w3.org/2000/svg"
          width="400"
          height="400"
          version="1.0"
          fill="currentColor"
          viewBox="0 0 300 300"
        >
          <path d="M115.7 45.6c-.8.8 6.2 14.4 7.4 14.4 1.5 0 1.1-1.6-2.3-8.5-3.2-6.3-3.8-7.1-5.1-5.9zM91.6 47.7c-.7.7 23.2 25.3 24.6 25.3 2.4 0-.4-3.7-10.9-14.2-6.5-6.5-12-11.8-12.4-11.8-.3 0-.9.3-1.3.7zM197.1 54.5c-3 3.8-4.6 6.7-4 7.1.6.3 1.1.4 1.3.3.1-.2 2.3-2.9 4.9-6 4.5-5.4 5.7-7.9 3.8-7.9-.5 0-3.2 2.9-6 6.5zM167.5 55c-.3.5.1 1 .9 1s1.7.4 2.1.9c.3.6-1.5 1-4.4.9-5.1 0-8.2 1.1-11.6 4.3-1.8 1.6-2.6 1.7-5.6.8-7.7-2.4-14.7 4.1-13.5 12.5.6 3.8.5 4-.9 2.2-1.9-2.5-1.9-6.7 0-9.2 2.4-3.1 1.9-5.2-.7-2.7-1.6 1.6-2.2 3.5-2.2 7-.1 4.2.2 4.9 3.1 6.8l3.2 2.2-4.1 1.2c-2.2.7-5.9 2.9-8.1 5-2.3 2.1-5.1 4.1-6.3 4.5-2.8.8-4.7 5.1-3.4 7.5 1 2 .4 3.1-1.8 3.1-2.7 0-7.1 4.1-10.1 9.4-3.6 6.2-3.9 9.4-1.1 12.9l2 2.5-2.5.6c-2.1.5-5.6 4.6-6.7 7.8-.2.4-7.3 1.2-15.9 1.8-17 1.1-23.1 2.5-28.8 6.4-7.7 5.4-9.5 12.1-11.1 43.3-.5 10.3-1 24.1-1 30.5V230l-5.2.1c-2.9.1-7.8.4-10.8.9-5.2.7 1.6 1.1 24.7 1.4 2.8.1 3.6.7 5.7 4.6 5.5 10.3 10.3 14.1 20.1 15.6 4.5.7 4.7.8 2 1.4-2.8.5-3 .8-2.8 4.6l.3 4-3.8-.4c-2-.2-6.8.1-10.7.6-4.6.6 30.9.9 102 .9 60 0 106.3-.3 103-.7-3.3-.4-12.5-.8-20.5-.9l-14.6-.1.4-4c.4-3.8.3-4-2.4-4.1-2.8-.1-2.8-.1.6-1.1 1.9-.5 5.2-1.4 7.2-1.9 4.2-1.1 8.8-5.9 12.9-13.6l2.6-4.8 11.9-.5c6.5-.4 10.3-.7 8.2-.8l-3.6-.2-.6-7.3c-.3-3.9-1.2-20-1.9-35.7-1.5-30.9-2-33.6-8.1-40.7-5.5-6.5-13.8-8.5-40.7-9.9l-12.7-.6-.6-2.9c-.3-1.6-1.7-3.9-3.1-5.1-2.9-2.5-3.2-5.9-.9-11.4 2.3-5.6 1.1-11.9-3.1-16.1-2-2-4.3-3.3-5.9-3.3-2.3 0-2.6-.4-2.6-3.3 0-3.7-2.5-6.7-5.6-6.7-2 0-4.4-1.7-4.4-3.2 0-.4 1.1-.8 2.5-.8 3.1 0 5-3.2 3.5-5.9-.5-1.1-1-3.9-1-6.3 0-4.3-1.4-7.1-5.7-11.9-1.3-1.3-3-3.2-3.8-4.2-1.7-1.9-3.1-2.2-4-.7zm7.2 10.9c2.9 4.3 3 9.7.1 15.5-2.4 5.1-1.9 6.3 3.7 9.7 1.6 1 3.5 3.3 4.1 5.1.7 2.3 2.4 4 5.3 5.7 2.8 1.5 4.8 3.6 5.8 5.9 1.3 3.1 1.2 4.1-.7 10.3-1.1 3.8-2.5 6.9-3 6.9-.6 0-1-.5-1-1.1 0-2.4-3.3-7.9-5.8-9.5-2-1.3-4.4-1.7-8.9-1.6-7.5.3-10.2-.9-16.1-7.2-2.4-2.5-4.8-4.6-5.4-4.6-.5 0-3 1.7-5.6 3.9-2.6 2.1-5.8 4.4-7 5.1-2.4 1.2-13.4 1.6-15.1.5-1.5-.9-6.6 4.1-9.2 8.9-1.3 2.6-2.7 4.6-3.2 4.6-1.2 0-4.7-6.3-4.7-8.6s3.7-6.6 8.4-9.7c1.4-1 3.7-4 5.1-6.6 2.6-5.3 6.6-9.1 12.6-12.1 4.9-2.5 5.7-4.1 5.1-10.1-.3-3.5 0-5.6 1.3-7.5 1.6-2.4 2.1-2.6 6.9-2.1 4.3.4 5.8 0 10.1-2.4 4-2.3 6-2.9 10-2.7 4.4.3 5.2.7 7.2 3.7zm-15.2 46.7c2.4 1 1.7 2.6-.7 1.8-4.7-1.4-8.4-6.6-7.2-9.9.5-1.1 1.4-.3 3.5 3 1.6 2.5 3.6 4.8 4.4 5.1zm-8.5-2.1c0 2.6 5.2 5.7 9 5.2 1.9-.2 5.1.3 7 1.1 2.6 1.1 4.2 1.2 7 .3 7-2.1 11 1.6 11 10.2 0 2.5.6 4.9 1.3 5.6 1.6 1.3 2.7.5 2.7-2.1 0-2.5 6.1-2.5 8.3 0 3.6 4 3 12.7-1.2 18.2l-2 2.5-2.8-2.7c-5.8-5.6-17.2-8.5-17.3-4.5 0 .6-1.6 2.3-3.4 3.7-3.9 2.9-6.8 7.4-5.9 9.6.3.8 2.3 2.4 4.5 3.5 3.7 1.9 3.9 2.2 2.2 3.3-6.5 4.4-18.6 6.4-27.9 4.7-7.7-1.4-14.5-4-14.5-5.5 0-.7 1.8-2 4-3s4-2.3 4-3.1c0-4.1-10.2-16.5-13.6-16.5-3.3 0-8.6 2-12.1 4.6-3.8 2.9-5.3 3-5.3.5 0-1.2.9-2.1 2.5-2.5 3.1-.8 3.4-4.5.5-7.1-3.4-3.1-7.6.7-5.1 4.6.6 1.1.8 3.1.5 4.5-.5 2-.2 2.6 1.5 3.1 1.2.3 2 1 1.8 1.6-.7 2.3-2.9 1.7-6.2-1.6-3-3-3.5-4.2-3.5-8.1 0-6.5 3.7-10.6 10.4-11.3 4.8-.6 4.9-.6 4.3 1.9-.4 1.4-.4 2.8 0 3.2 1.1 1.1 4.3-2.6 4.3-5.1 0-1.3 1.2-3.4 2.6-4.7 1.9-1.6 2.8-3.4 2.9-6.2.3-3.5.6-3.9 2.6-3.6 10.1 1.5 19-.6 22.8-5.2 1.5-1.7 3.1-1.3 3.1.9zm-43 14c2.2 2.6.1 3-2.5.5-1.5-1.4-2.5-3.5-2.5-5 0-4.1 1.2-4.4 2.6-.5.6 1.9 1.7 4.2 2.4 5zm11.5-1.9c-2.3 3.6-3.1 2.2-.9-1.6 1-1.7 2-2.6 2.2-2 .2.6-.4 2.2-1.3 3.6zm-10.7 17.3c.3 1.9 0 2.2-1.3 1.7-.9-.3-1.9-.6-2.1-.6-.2 0-.4-.9-.4-2.1 0-2.9 3.4-2.1 3.8 1zM96 143.2c0 4.3 3.4 8.4 8.5 10.2 3.7 1.4 3.8 1.5 1.2 1.5-4.4.1-9.3 2.9-12.3 6.9-6 7.9-15.7 17.2-18.1 17.2-3.4 0-6.3 3.4-6.3 7.6 0 2.9-1.2 4.9-7.5 12.2-10.1 11.6-12.9 17.3-12.3 25.2l.4 6H41l.5-12.8c.3-7 .7-19.2 1-27.2.7-18.1 2.2-32.5 4-36.7 1.5-3.5 7.9-8.6 13-10.3 4.3-1.4 16.8-2.7 27.8-2.9l8.7-.1v3.2zm135.1-2.3c12.1 1.3 16.4 2.7 20.8 6.7 7.7 6.9 8.3 10.6 10.7 66.6l.7 15.8h-6.7c-4.4 0-6.5-.4-6.1-1 .4-.6.6-3.8.6-7.2 0-7.9-3-13.9-11.9-24-6-6.7-6.8-8.1-6.4-11 .4-4.1-2.7-7.8-6.6-7.8-2.2 0-4.5-2.1-11.7-10.2-9.7-10.9-13.4-13.8-17.7-13.8-1.6 0-2.8-.2-2.8-.5s1.6-2.1 3.5-4c2-2 3.7-4.9 4.1-7l.6-3.5h10.2c5.5 0 14 .4 18.7.9zm-106 3.5c0 .6-2.1 1.5-4.6 2.2-4.7 1.1-8.4 3.8-7.2 5 .3.4 1.7-.1 3.1-.9 3.3-2.2 10.6-3.8 12.5-2.7 1.2.7.9 1-1.4 1.5-5.7 1.3-9.5 2.6-10.1 3.6-1.1 1.8.4 2.1 3.3.6 3.8-2 10.9-3.1 11.7-1.9.3.6-.8 1.3-2.6 1.7-4.9.9-8.8 2.6-8.8 3.7 0 .6 1 .7 2.3.3 8.9-2.7 15.5-2 8.5 1-2.1.8-4.1 1.5-4.6 1.5s-.8 4.2-.8 9.2l.1 9.3-10.3.3-10.4.3 3.3-5.7 3.2-5.7-1.2-7.6c-1.5-10.3-1.5-10.8 1.4-12.7 5.3-3.5 12.6-5.2 12.6-3zm60.6 3c4.3 2.2 6.4 5.3 5.4 8-.5 1.1-1.1 4.8-1.5 8.2-.6 5.6-.5 6.3 2.4 10.2 1.6 2.3 3 4.4 3 4.7 0 .3-4.5.5-9.9.5h-10l-.6-4.3c-.4-2.3-.2-6.1.3-8.5l1-4.3-4.4-2.2c-2.4-1.1-4.4-2.7-4.4-3.4 0-1.8 1.3-1.6 7.1.8 4.8 2.1 6.8 2.1 5.5 0-.3-.5-2.9-1.7-5.6-2.6-2.8-.9-4.8-2.1-4.5-2.5.7-1.2 9.2 1.4 11.4 3.4 2.1 1.9 3.1 2 3.1.3 0-1.4-8-5.7-10.6-5.7-.8 0-1.2-.5-.8-1.1.9-1.6 5.7-.4 10.5 2.6 2.2 1.5 4.3 2.4 4.6 2.1 1.1-1.1-1.8-3.4-6.8-5.5-2.7-1.2-4.7-2.6-4.4-3.1.6-1 4.8.1 9.2 2.4zm-76.5 14.8c.3 4.5-.1 6.2-2.7 10.8l-3.1 5.5-11.4.3-11.5.3 3.1-2.8c1.7-1.5 5.8-5.9 9-9.7 5.8-6.8 9.8-9.5 14.1-9.6 1.8 0 2.2.6 2.5 5.2zm91.2-3.7c1.8.9 6.9 5.8 11.5 11l8.2 9.5H198l-3-4.8c-2-3.2-3-6-3-8.7 0-8.6 1.8-10.1 8.4-7zm-28.1 15.2.4 5.3h-43.6l.6-5.3c.3-2.8.7-5.3.8-5.5.1-.1 1.6.3 3.3.9 2 .7 3.2 1.8 3.4 3.2.5 3.3 6.6 5 16.4 4.4 9.3-.5 12.4-1.8 12.4-5 0-1.6.8-2.6 2.8-3.3 3.1-1.1 2.9-1.5 3.5 5.3zm56.7 8.8c1.6 1.9 1.3 5.6-3.5 42.4-1.9 15.1-3.5 27.8-3.5 28.3 0 .4-31.9.8-71 .8H80l-.4-2.3c-.3-1.2-2.1-15.9-4.1-32.7-2-16.8-3.9-31.3-4.1-32.2-.3-.9.4-2.6 1.5-3.7 2.1-2.1 2.8-2.1 78.5-2.1 67.2 0 76.5.2 77.6 1.5zM66 199.8c-4 4.4-7.6 10.2-6.6 10.2.3 0 2.8-3 5.5-6.6 3.1-4 5.2-6.1 5.5-5.3.2.8 1.6 11.5 3.1 23.9 1.4 12.4 2.8 24 3.2 25.7.5 3.3.5 3.3-2.8 2.7-7.8-1.5-11.7-4-15.9-10.5-10.2-15.7-8.9-23.3 6.9-41.7 2.5-2.9 4.7-4.8 4.9-4.2.2.5-1.5 3.1-3.8 5.8zm180 11.6c4.7 9.3 4 16.3-2.9 27.7-4.2 6.9-7.2 9.2-13.8 10.7-3.5.8-4.3.7-4.3-.5 0-1.7 5.8-47.4 6.6-52.3l.6-3.5 5.4 6c3 3.3 6.7 8.7 8.4 11.9zm-19.3 46c.3.2.2 1.4-.2 2.5l-.6 2.1-75.2-.2-75.2-.3-.3-2.5-.3-2.5 75.7.2c41.6.1 75.9.4 76.1.7z" />
          <path d="M133.4 121.4c-1 .8-1.6 1.8-1.2 2.2.4.4 1.4.1 2.3-.6 1.1-1 1.8-1 2.9-.1.9.8 1.6.8 2 .2.4-.6-.2-1.5-1.3-2-2.5-1.4-2.3-1.4-4.7.3zM158.4 121.4c-1 .8-1.6 1.8-1.2 2.2.4.4 1.4.1 2.2-.5 1.1-.9 2-1 3.5-.1 1.3.7 2.1.7 2.1.1 0-.9-3.1-3.1-4.2-3.1-.2 0-1.3.6-2.4 1.4zM133.2 132.7c.2 3 .7 3.8 2.3 3.8 2.4 0 3.3-3.8 1.5-6.1-2.4-2.8-4.1-1.7-3.8 2.3zM147.8 130c-2.7 7.4-2.9 8.9-1.2 11.5 1.9 2.9 1.9 2.9 4.5 1.5 2.3-1.3 2.6-3.5.3-2.6-2.6 1-4.6-1.2-3.3-3.6.6-1 .9-3.3.7-5.1-.2-1.9-.6-2.6-1-1.7zM160 130.5c-1.8 2.2-.5 6.5 2.1 6.5 1.7 0 2-.5 1.7-3.7-.3-4-1.8-5.2-3.8-2.8zM189.9 136.4c-1.2 2.7-.5 9.1 1.2 10.2 1.8 1.1 4-1.6 2.9-3.6-.6-1.2-.7-2.1 0-2.5.5-.3.8-1.9.7-3.5-.3-3.7-3.2-4.1-4.8-.6zM140.3 150.5c-3.1 2.7-1.3 3.5 2.1 1 2.4-1.8 7.5-1.9 11-.4 1.4.7 3.2 2.7 4.1 4.6 1.2 2.4 2 3.2 2.7 2.5 1.4-1.4-1.7-6.5-5.2-8.6-4.3-2.5-11.3-2.1-14.7.9zM147.6 213.6c-3.2 3.3-3.5 8-.6 11.7 6.3 8 19.2-.1 14.5-9.2-2.9-5.7-9.4-6.9-13.9-2.5zm10.2 1c2.6 1.8 3 7.4.6 9.8-2 2.1-7.3 2-9.6-.1-2.5-2.2-2.3-6.8.4-9.3 2.6-2.4 5.6-2.6 8.6-.4zM234.9 201c1.8 2.5 4.4 6.2 5.8 8.3 1.4 2 2.8 3.5 3.1 3.2.7-.7-6.2-10.6-9.5-13.6-2.4-2.2-2.4-2 .6 2.1zM113.2 57.5c-.7.9-.8 1.5-.2 1.5.5 0 1 .8 1 1.7.1 1.7.2 1.7 1.5 0 .7-1.1 1.1-2.5.8-3.3-.7-1.8-1.4-1.7-3.1.1zM201.1 61.2c0 .9-.7 1.9-1.3 2.1-1 .4-1 .6 0 .6.7.1 1 .5.7 1.1-.9 1.5.4 1.2 2.1-.5.9-.8 1.1-1.5.5-1.5-.5 0-1.2-.8-1.4-1.8-.4-1.5-.5-1.5-.6 0zM202.3 69.1c-6.7 4.6-8.8 6.9-6.3 6.9 1.8 0 14.9-9.4 15-10.8 0-1.9-1-1.5-8.7 3.9zM96 70c0 .9 10.6 8.5 13.5 9.6 3.7 1.4.9-1.8-5-6C97.9 69 96 68.2 96 70zM205 84c-5.9 2.6-8.8 5-6.1 5 2 0 16.1-6.3 16.1-7.1 0-1.5-3.2-.8-10 2.1zM87.4 83.1c-.8 1.3-1 1.1 6.3 4.8 6.8 3.4 8.3 3.7 8.3 1.8-.1-1.6-13.8-7.9-14.6-6.6zM213 96.2c-10.5 3.3-10.4 3.3-9.6 4.6.6 1.1 23.6-5.7 23.6-7 0-1.4-4.2-.7-14 2.4zM80.6 97.8c-.9 1.5 1.7 2.1 10.4 2.2 10.2.3 10.9.2 8.9-1-2.6-1.5-18.5-2.5-19.3-1.2zM84.8 118.2c-1.5 1.5-1.5 1.8-.3 1.8.8 0 1.5.8 1.6 1.7 0 1.1.3 1.3.6.5.2-.6 1.1-1.2 1.9-1.2 1.8 0 1.8-.6-.3-2.8-1.7-1.6-1.9-1.6-3.5 0zM212.2 119c-.7 1.1-.8 2-.3 2s1.1.6 1.3 1.4c.3 1.3.6 1.2 2.3-.1 1.4-1.1 1.6-1.7.8-2-.7-.3-1.3-1.1-1.3-1.9 0-2-1.3-1.7-2.8.6zM55 137.6l-2.5 1.5 3-.7c1.7-.4 4.6-1 6.5-1.4l3.5-.8h-4c-2.2-.1-5.1.6-6.5 1.4zM35 217.2c0 4 .5 8 1 8.8.7 1 1-1.2 1-7.3 0-5.1-.4-8.7-1-8.7s-1 3.1-1 7.2zM267.1 217.5c0 2.7.4 5.7.9 6.5 1.2 1.9 1.2-6.6 0-9.5-.6-1.5-.9-.7-.9 3zM78 268c0 .5 2.5 1 5.6 1 3.4 0 5.3-.4 4.9-1-.3-.6-2.8-1-5.6-1-2.7 0-4.9.4-4.9 1zM91.5 268c-.4.7 9.8 1 30 1s30.4-.3 30-1c-.4-.6-11.5-1-30-1s-29.6.4-30 1z" />
        </svg>
      </div>
    </section>
  );
}
import { buttonVariants } from "@/components/ui/button";

export default function _4043() {
  return (
    <section className="grid place-items-center bg-primary-foreground py-32">
      <div className="mx-4 space-y-6 rounded border bg-background p-10">
        <div className="space-y-2 text-center md:text-left">
          <span className="font-semibold uppercase text-muted-foreground">
            404
          </span>
          <h1 className="text-balance text-3xl font-bold tracking-tight">
            Page not found
          </h1>
          <p className="text-balance text-muted-foreground">
            We couldn&apos;t find what you were looking for. Please check and
            try again.
          </p>
        </div>

        <div className="flex flex-col gap-2 md:flex-row">
          <a href="#" className={buttonVariants({ size: "sm" })}>
            Go Back Home
          </a>
          <a
            href="#"
            className={buttonVariants({ variant: "outline", size: "sm" })}
          >
            Contact Support
          </a>
        </div>
      </div>
    </section>
  );
}
import { buttonVariants } from "@/components/ui/button";
import { Separator } from "@/components/ui/separator";

export default function _4044() {
  return (
    <section className="mx-auto max-w-7xl space-y-6 px-4 py-32 text-center">
      <h1 className="flex h-5 items-center justify-center gap-4 text-base font-medium">
        <span>404</span>
        <Separator orientation="vertical" />
        <span>Page not found</span>
      </h1>
      <a
        href="#"
        className={buttonVariants({ variant: "secondary", size: "sm" })}
      >
        {"<- Go Back Home"}
      </a>
    </section>
  );
}
import { buttonVariants } from "@/components/ui/button";

export default function _4045() {
  return (
    <section className="mx-auto grid max-w-3xl grid-cols-1 items-center gap-6 px-4 py-32 md:grid-cols-2">
      <div className="space-y-6 text-center md:text-left">
        <div className="space-y-2">
          <h1 className="text-3xl font-bold tracking-tight">Page not found</h1>
          <p className="text-balance text-base text-muted-foreground">
            If you typed the URL directly, please make sure the spelling is
            correct.
          </p>
        </div>
        <div className="flex flex-col gap-2 md:flex-row">
          <a href="#" className={buttonVariants()}>
            Go Back Home
          </a>
          <a href="#" className={buttonVariants({ variant: "outline" })}>
            Contact Support
          </a>
        </div>
      </div>
      <div className="order-first text-center md:order-last">
        <span className="text-7xl font-thin md:text-9xl">404</span>
      </div>
    </section>
  );
}

Not affiliated with Figma, TailwindCSS or shadcn/ui.