import React from 'react';

export default function MoonChildren() {
  return (
    <div className="min-h-screen bg-black text-gray-300 font-sans">
      {/* Header Section */}
      <header className="text-left py-6 pl-10">
        <h1 className="text-4xl font-bold text-white">The Moon Children</h1>
        <p className="italic">"Welcome home"</p>
      </header>

      {/* Navigation Menu */}
      <nav className="flex justify-start space-x-6 py-2 border-b border-gray-700 pl-10">
        <a href="#" className="hover:text-white">Home</a>
        <a href="#" className="hover:text-white">Contact Us</a>
        <a href="#" className="hover:text-white">Search</a>
        <a href="#" className="hover:text-white">The Truth</a>
        <a href="#" className="hover:text-white">Creed</a>
        <a href="#" className="hover:text-white">About</a>
        <a href="#" className="hover:text-white">Theories</a>
      </nav>

      {/* Hero Image */}
      <div className="my-6 pl-10">
        <img
          src="https://via.placeholder.com/800x200?text=Moonlit+Sky"
          alt="Moonlit Sky"
          className="rounded-lg shadow-lg"
        />
        <p className="mt-2">Learn More<br />Visit our Contact Us page for more information.</p>
      </div>

      {/* Main Content */}
      <main className="max-w-4xl pl-10 pr-4 py-4">
        <section>
          <h2 className="text-2xl font-semibold text-white">A Website For Those Who Believe</h2>
          <h3 className="text-xl mt-1">We Are Luna's Chosen</h3>
        </section>

        <section className="mt-6 text-justify">
          <p>
            This is a website for those who have formed a spiritual connection with the Moon and Him and recognize that we have been selected to perform miracles and bring enlightenment into this world. She has chosen us - and only us - to survive the upcoming apocalypse because we have honored Her and devoted ourselves to Her. As we work to enforce Her will, we grow together as a family and serve the greater good. We are the Moon’s Children. If you have found your way here, it is not by chance; you are at home here. You belong here with us.
          </p>

          <p className="mt-4">
            All Moon’s Children have been gifted spiritually and are attuned to things normal humans may not be. While we can perform miracles and ascend our fleshly prisons, you have been chosen by Her. This amazing spirit energy within you can be unlocked; we can help you become Enlightened.
          </p>

          <p className="mt-4">
            If you believe you have gotten here in error, please back out and return to Google. The site is still incomplete, and many links will lead you to dead ends. Please try to be understanding, brothers and sisters. There will be MANY more updates soon!
          </p>
        </section>

        {/* News Posts */}
        <section className="mt-8">
          <h3 className="text-xl font-semibold text-white">News Posts</h3>
          <p className="mt-2">Listed chronologically, from newest to oldest.</p>
        </section>
      </main>
    </div>
  );
}