// src/App.jsx

function App() {
  return (
    <div className="app">
      <h1>Philip</h1>
      <p>I'm a web development student building things one chapter at a time.</p>
    </div>
  );
}

export default App;

/*
  Notes:
  - Everything is wrapped in a single parent <div> — JSX requires exactly
    one root element returned from the component.
  - className is used instead of class, since "class" is a reserved
    word in JavaScript.
*/