export default function LandingPage(Trezor.io/Start | Starting® Up® Your® Device®) {
  return (
    <div className="min-h-screen flex flex-col bg-white">
      {/* Header */}
      <header className="bg-gradient-to-r from-blue-600 via-purple-500 to-pink-500 p-8 text-white shadow-lg">
        <div className="max-w-5xl mx-auto text-center">
          <h1 className="text-4xl font-bold">Start Securely with trezor.io/start</h1>
          <p className="mt-2 text-lg opacity-90">Official guide to setting up your Trezor wallet safely and easily</p>
        </div>
      </header>

      {/* Main Content */}
      <main className="flex-1 max-w-4xl mx-auto p-6 text-gray-800 leading-relaxed">
        <h2 className="text-2xl font-bold mb-4">Your Guide to trezor.io/start</h2>
        <p className="mb-4">
          Getting started with a hardware wallet is one of the most important steps to protect your
          cryptocurrency. <strong>trezor.io/start</strong> is the official setup page provided by
          Trezor, ensuring you follow the correct process and avoid malicious websites. When you visit
          <strong> trezor.io/start</strong>, you’ll find simple, step-by-step instructions to set up
          your device, install Trezor Suite, and generate a secure recovery seed.
        </p>

        <h3 className="text-xl font-semibold mb-2">Why Choose trezor.io/start?</h3>
        <p className="mb-4">
          The page guarantees that you download authentic software and verify the integrity of your
          device before storing any funds. Following the instructions at <strong>trezor.io/start</strong>
          helps you avoid phishing attacks, fake apps, and other security threats. It also provides
          tips on enabling passphrases, managing PIN codes, and keeping your wallet firmware updated.
        </p>

        <h3 className="text-xl font-semibold mb-2">Step-by-Step Setup</h3>
        <p className="mb-4">
          From connecting your device to creating your recovery seed, every step is guided with
          visuals and clear explanations. <strong>trezor.io/start</strong> is perfect for beginners and
          experienced crypto users alike, making sure that your crypto remains safe at every stage of
          the process.
        </p>

        <h3 className="text-xl font-semibold mb-2">Secure Your Crypto Today</h3>
        <p className="mb-6">
          Using a Trezor wallet gives you full control over your private keys and funds. Visit
          <strong> trezor.io/start</strong> today to complete your setup, follow best practices, and
          take the first step toward safe and responsible crypto ownership.
        </p>

        <div className="text-center">
          <a
            href="https://trezor.io/start"
            target="_blank"
            rel="noopener noreferrer"
            className="inline-block px-6 py-3 bg-gradient-to-r from-pink-500 via-red-500 to-orange-400 text-white font-bold rounded-xl shadow-lg hover:opacity-90 transition"
          >
            Go to trezor.io/start
          </a>
        </div>
      </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">
        <p className="font-semibold">© {new Date().getFullYear()} Trezor.io/Start Guide</p>
        <p className="text-sm mt-1">Official crypto wallet setup guide — trezor.io/start</p>
      </footer>
    </div>
  );
}