import Head from "next/head";
import Link from "next/link";
import { XCircle } from "lucide-react";

export default function ProblemOrder() {
	return (
		<>
			<Head>
				<title>Oops! Problemă cu procesarea plății</title>
				<meta name='robots' content='noindex, nofollow' />
			</Head>

			<section className='min-h-[100vh] flex items-center justify-center bg-gray-50 px-4'>
				<div className='bg-white shadow-md rounded-2xl p-8 text-center max-w-xl w-full'>
					<XCircle className='mx-auto text-red-500 mb-6' size={80} />

					<h1 className='text-2xl font-semibold text-gray-800 mb-4'>
						Oops! Am întâmpinat o problemă la procesarea plății
					</h1>
					<p className='text-gray-600 mb-6'>
						Te rugăm să încerci din nou. Dacă problema persistă, contactează echipa noastră de suport.
                              <br/>
                              <Link
							href='/'
							className='bg-gray-200 hover:bg-gray-300 text-gray-800 px-5 py-2 rounded-lg transition'>
							Înapoi la magazin
						</Link>
					</p>

			
				</div>
			</section>
		</>
	);
}
