// This file is the entry point for the preview environment.
// For direct cPanel/Shared hosting, use the separate .html files.
import React from 'react';
import ReactDOM from 'react-dom/client';

const App = () => {
  return (
    <div className="min-h-screen bg-slate-100 flex items-center justify-center p-8">
      <div className="bg-white p-12 rounded-3xl shadow-2xl max-w-2xl text-center space-y-8">
        <h1 className="text-4xl font-extrabold text-blue-600">ServiceNowGo Project</h1>
        <p className="text-xl text-slate-600 leading-relaxed">
          Your professional service website has been built as individual <strong>.html</strong> files as requested.
        </p>
        <div className="bg-blue-50 p-6 rounded-2xl border border-blue-100 text-left">
          <h2 className="font-bold text-blue-900 mb-2">Instructions for Hosting:</h2>
          <ul className="list-disc list-inside text-sm text-blue-800 space-y-2">
            <li>Download all project files using the <strong>Export/Download</strong> button.</li>
            <li>Zip the files and upload them to your cPanel <strong>public_html</strong> folder.</li>
            <li>All links are configured for direct file access (e.g., website-design.html).</li>
            <li>The site is SEO-optimized and ready for AWS SES approval.</li>
          </ul>
        </div>
        <a href="index.html" className="inline-block bg-blue-600 text-white px-10 py-4 rounded-xl font-bold hover:bg-blue-700 transition-all">
          View Live Site Preview
        </a>
      </div>
    </div>
  );
};

const root = ReactDOM.createRoot(document.getElementById('root')!);
root.render(<App />);
