import Head from 'next/head';
import Image from 'next/image';
import Link from 'next/link';

const OrderSuccessPage: React.FC = () => {
  return (
    <>
    <Head><link rel="shortcut icon" href="/images/jazzagian-logo.png" />
        <script
          dangerouslySetInnerHTML={{
            __html: `
              !function(f,b,e,v,n,t,s)
              {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
              n.callMethod.apply(n,arguments):n.queue.push(arguments)};
              if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
              n.queue=[];t=b.createElement(e);t.async=!0;
              t.src=v;s=b.getElementsByTagName(e)[0];
              s.parentNode.insertBefore(t,s)}(window, document,'script',
              'https://connect.facebook.net/en_US/fbevents.js');
              fbq('init', '360254480441103');
              fbq('track', 'success');
            `,
          }}
        />
        <noscript>
          <Image
            height="1"
            width="1"
            alt='facebook link'
            style={{ display: 'none' }}
            src="https://www.facebook.com/tr?id=360254480441103&ev=success&noscript=1"
          />
        </noscript>
      </Head>


    <div className="min-h-screen bg-gray-100 flex justify-center items-center">
      <div className="p-8 bg-white shadow-lg rounded-md">
        <h1 className="text-3xl font-semibold mb-4 text-[#DD3D73]">Order Placed Successfully!</h1>
        <p className="text-lg mb-6">Thank you for your order.</p>
        <div className="flex justify-end">
        <Link href='/' className="text-blue-600 font-semibold">Continue Shopping</Link>
        </div>
      </div>
    </div>
    </>
  );
};

export default OrderSuccessPage;

