src/components/Home.jsx

import React from 'react';

// receive setActiveTab to change page
function Home({ setActiveTab }) {
  return (
    <main id="page-a" className="page">

      <h1>FocusGuard</h1>

      <p>Your productivity monitor assistant.</p>



      {/* click button change to 'focus' page */}

      <button

        id="start-button"

        className="btn-main"

        onClick={() => setActiveTab('focus')}

      >

        Start

      </button>

    </main>
  );
}

export default Home;