import React, { useEffect } from 'react';
import Me from './assets/Me.jpeg';

export const Home = () => {
  useEffect(() => {
    document.title = 'The Works of Gregory Campbell';
  }, []);

  return (
    <main className="home-page">
      <section>
        <h2>Welcome to the personal website of Gregory Campbell</h2>
        <p>I hope you enjoy everything it has to offer.</p>
      </section>

      <section>
        <h3>Finished projects viewable on this site</h3>
        <ul>
          <li>This website is clean, easy to read, written in React, and adapts well to mobile.</li>
          <li>I also added a HTML and downloadable PDF version of my resume on the Resume page.</li>
          <li>Check out the many projects on the Projects tab.</li>
        </ul>
      </section>

      <section>
        <img src={Me} alt="Portrait of Gregory Campbell" className="homeimage" />
      </section>
    </main>
  );
};