import ThemedLayout from "@/components/layouts/ThemedLayout";

export default function ConspiraciesPage() {
  return (
    <ThemedLayout theme="retro" title="The Truth Seeker">
      <div className="space-y-12">
        <section className="border-b border-[#0f0]/20 pb-8">
          <h2 className="text-3xl font-black mb-4 uppercase">The Moon is a Hologram</h2>
          <img src="https://images.unsplash.com/photo-1532601224476-15c79f2f7a51?q=80&w=2070&auto=format&fit=crop" className="w-full h-64 object-cover mb-6 grayscale" />
          <p className="leading-relaxed">
            Recent data from the Shadow Network confirms that the celestial body we call the "Moon" is actually a 
            high-frequency projection from the Antarctic base. Evidence inside...
          </p>
        </section>
        
        <section className="grid grid-cols-2 gap-8">
          <div className="border border-[#0f0]/40 p-4">
            <h3 className="font-bold mb-2 uppercase">Latest Leaks</h3>
            <ul className="text-xs space-y-2">
              <li>{">"} Project Blue Beam Update</li>
              <li>{">"} The Lizard People in Congress</li>
              <li>{">"} 5G and the Pineal Gland</li>
            </ul>
          </div>
          <div className="border border-[#0f0]/40 p-4">
            <h3 className="font-bold mb-2 uppercase">Join the Resistance</h3>
            <p className="text-[10px]">Enter your encrypted PGP key to receive the newsletter.</p>
            <input className="w-full bg-black border border-[#0f0] mt-2 p-1 text-xs" placeholder="PGP KEY..." />
          </div>
        </section>
      </div>
    </ThemedLayout>
  );
}