YouTube"

[orooman542-dev]

export default function YouTubeLinkHubApp() { return (

TubeConnect Pro

Appii YouTube fi liinkii hawaasummaa walitti qabu.

<div className="space-y-4">
  <input
    type="text"
    placeholder="Maqaa Channel YouTube"
    className="w-full border rounded-2xl p-3"
  />

  <input
    type="text"
    placeholder="Liinkii Channel YouTube"
    className="w-full border rounded-2xl p-3"
  />

  <input
    type="text"
    placeholder="Instagram Link"
    className="w-full border rounded-2xl p-3"
  />

  <input
    type="text"
    placeholder="TikTok Link"
    className="w-full border rounded-2xl p-3"
  />

  <input
    type="text"
    placeholder="Telegram Link"
    className="w-full border rounded-2xl p-3"
  />

  <button className="w-full bg-red-600 hover:bg-red-700 text-white p-3 rounded-2xl text-lg font-semibold transition">
    Save Links
  </button>
</div>

<div className="mt-10 text-center">
  <h2 className="text-2xl font-bold mb-4">Preview</h2>

  <div className="bg-gray-50 rounded-2xl p-5 shadow-inner space-y-3">
    <a
      href="https://youtube.com"
      target="_blank"
      className="block bg-red-500 text-white p-3 rounded-xl"
    >
      YouTube Channel
    </a>

    <a
      href="https://instagram.com"
      target="_blank"
      className="block bg-pink-500 text-white p-3 rounded-xl"
    >
      Instagram
    </a>

    <a
      href="https://tiktok.com"
      target="_blank"
      className="block bg-black text-white p-3 rounded-xl"
    >
      TikTok
    </a>

    <a
      href="https://telegram.org"
      target="_blank"
      className="block bg-blue-500 text-white p-3 rounded-xl"
    >
      Telegram
    </a>
  </div>
</div>

<div className="mt-8 text-center text-gray-500 text-sm">
  Developed for mobile use.
</div>

); }