import React from "react";

export default function HomePage() {
  return (
    <main className="max-w-4xl mx-auto p-6">
      <header className="text-center mb-10">
        <h1 className="text-4xl font-bold">Rebooting With Code</h1>
        <p className="text-lg text-gray-600 mt-2">
          Aspiring full-stack developer returning to tech with 90s roots and 2020s energy.
        </p>
      </header>

      <section className="mb-10">
        <h2 className="text-2xl font-semibold mb-2">About Me</h2>
        <p>
          I'm rebooting my tech journey after years in customer service roles. I've loved web design since the 90s and am now diving into full-stack development. This site will document my growth, learning, and future projects.
        </p>
      </section>

      <section className="mb-10">
        <h2 className="text-2xl font-semibold mb-2">Latest Blog Updates</h2>
        <ul className="list-disc list-inside space-y-2">
          <li><strong>April 2025:</strong> Getting back into coding with HTML/CSS refreshers and JavaScript basics.</li>
          <li><strong>Coming Soon:</strong> First mini project: a to-do list app with local storage!</li>
        </ul>
      </section>

      <section className="mb-10">
        <h2 className="text-2xl font-semibold mb-2">Projects in Progress</h2>
        <ul className="list-disc list-inside space-y-2">
          <li>Learning Git & GitHub – version control is next on my list.</li>
          <li>Building this site with React and Tailwind CSS.</li>
        </ul>
      </section>

      <footer className="text-center text-gray-500 mt-10">
        &copy; 2025 Rebooting With Code | Resume available on request
      </footer>
    </main>
  );
}