"use client";
import Link from "next/link";
import {Button} from "../ui/button";

export default function StatusFailed() {
  return (
    <div className="px-5 lg:px-0 w-full lg:w-[70%] space-y-4 text-center lg:text-left">
      <h1 className="text-main capitalize text-4xl">oops! something went wrong!</h1>
      <p className="text-main text-lg">Please contact us below!</p>
      <div className="flex gap-2 items-center justify-center lg:justify-start">
        <Button
          asChild
          type="button"
          className="text-white bg-main hover:bg-main/80"
        >
          <Link href="/" className="font-bold tracking-wide m-0">
            Back to Home
          </Link>
        </Button>
        <Button
          asChild
          type="button"
          className="text-white bg-main hover:bg-main/80"
        >
          <Link
            href="https://wa.me/6287861854989"
            target="_blank"
            className="font-bold tracking-wide m-0"
          >
            Contact Us
          </Link>
        </Button>
      </div>
    </div>
  );
}