import React from 'react';

export default function App() {
  const youtubeUrl = 'https://www.youtube.com/@ledger-z5d';

  return (
    <div className="min-h-screen bg-gray-50 text-gray-900 flex flex-col items-center justify-center">
      <div className="bg-white shadow-md rounded-lg p-8 text-center max-w-md">
        <h1 className="text-2xl font-bold mb-4">Visit Ledger‑Z5D on YouTube</h1>
        <p className="text-gray-600 mb-6">
          Click the button below to go directly to the Ledger‑Z5D YouTube channel.
        </p>
        <a
          href={youtubeUrl}
          target="_blank"
          rel="noopener noreferrer"
          className="inline-block bg-red-600 hover:bg-red-700 text-white font-semibold px-6 py-3 rounded-lg transition-colors"
        >
          Go to YouTube ↗
        </a>
      </div>
      <footer className="text-sm text-gray-500 mt-8">© {new Date().getFullYear()} Ledger‑Z5D Link Page</footer>
    </div>
  );
}