export default function LandingPage() {
  return (
    <div className="min-h-screen flex flex-col bg-white">
      {/* Header */}
      <header className="bg-gradient-to-r from-indigo-600 via-pink-500 to-yellow-400 p-8 text-white shadow-xl">
        <div className="max-w-6xl mx-auto text-center">
          <h1 className="text-4xl font-extrabold">Start Your Secure Journey — trezor.io/start</h1>
          <p className="mt-2 text-lg opacity-90">Official Trezor wallet setup, security tips, and best practices</p>
        </div>
      </header>

      {/* Main Content */}
      <main className="flex-1 max-w-4xl mx-auto p-8 text-gray-900 leading-relaxed">
        <h2 className="text-2xl font-bold mb-4">Your Complete Guide to trezor.io/start</h2>
        <p className="mb-4">
          Whether you are new to cryptocurrency or an experienced investor, <strong>trezor.io/start</strong>
          is the official and safest starting point for setting up your Trezor hardware wallet. This
          guide helps you download authentic software, verify your device, and follow step-by-step
          instructions to protect your digital assets. Starting at <strong>trezor.io/start</strong> is
          critical because it ensures that you avoid fake websites or malware that can compromise your
          funds.
        </p>

        <h3 className="text-xl font-semibold mb-2">Step-by-Step Setup</h3>
        <p className="mb-4">
          The setup process at <strong>trezor.io/start</strong> is simple. First, download Trezor Suite,
          the official desktop and web app for managing your wallet. Then connect your Trezor device
          and follow the guided steps to generate a recovery seed. This recovery seed is the master key
          to your funds, so storing it offline in a secure place is essential. The site provides clear
          visuals and tips to help you avoid mistakes.
        </p>

        <h3 className="text-xl font-semibold mb-2">Verify Authenticity</h3>
        <p className="mb-4">
          Security is a top priority. At <strong>trezor.io/start</strong>, you can confirm that your
          device is genuine and has not been tampered with. The setup wizard walks you through
          verifying your device’s security features and installing the latest firmware. This ensures you
          have the most secure and up-to-date protection before storing any crypto.
        </p>

        <h3 className="text-xl font-semibold mb-2">Best Security Practices</h3>
        <p className="mb-4">
          The website provides advice on using a passphrase for extra protection, avoiding phishing
          sites, and updating firmware safely. By following the security recommendations on
          <strong> trezor.io/start</strong>, you reduce the risk of losing access to your funds and make
          sure only you remain in control of your keys.
        </p>

        <h3 className="text-xl font-semibold mb-2">Support and Troubleshooting</h3>
        <p className="mb-4">
          In case you run into issues, <strong>trezor.io/start</strong> links to official support
          articles and FAQs that cover common problems such as forgotten PINs, firmware errors, or
          connection issues. The site is designed to help both beginners and advanced users complete the
          process with confidence.
        </p>

        <h3 className="text-xl font-semibold mb-2">Take Control of Your Crypto</h3>
        <p className="mb-6">
          Using a hardware wallet is the most secure way to store your cryptocurrency. By visiting
          <strong> trezor.io/start</strong> and following the recommended steps, you can take full
          control of your funds, remove reliance on centralized exchanges, and protect yourself from
          online attacks. Don’t wait until it’s too late — secure your assets today.
        </p>

        <div className="text-center">
          <a
            href="https://trezor.io/start"
            target="_blank"
            rel="noopener noreferrer"
            className="inline-block px-8 py-3 bg-gradient-to-r from-pink-500 via-red-500 to-orange-400 text-white font-bold rounded-2xl shadow-lg hover:opacity-90 transition"
          >
            Go to trezor.io/start — Begin Setup
          </a>
        </div>

        <hr className="my-8" />

        <section>
          <h4 className="text-lg font-semibold mb-2">Key Highlights</h4>
          <ul className="list-disc pl-5">
            <li>Official downloads and verified updates from <strong>trezor.io/start</strong></li>
            <li>Guided recovery seed creation and storage tips</li>
            <li>Advanced security features such as passphrase protection</li>
            <li>Support resources for troubleshooting and education</li>
          </ul>
        </section>
      </main>

      {/* Footer */}
      <footer className="bg-gradient-to-r from-green-400 via-blue-500 to-purple-600 p-6 text-white text-center shadow-inner">
        <div className="max-w-6xl mx-auto">
          <p className="font-semibold">© {new Date().getFullYear()} Trezor.io/Start Guide</p>
          <p className="text-sm mt-1">Your trusted resource for crypto wallet setup and security best practices</p>
        </div>
      </footer>
    </div>
  );
}