// This program has been developed by students from the bachelor Computer Science at Utrecht
// University within the Software Project course.
// © Copyright Utrecht University (Department of Information and Computing Sciences)
import { Link } from 'react-router'
import pepperLogo from '../../assets/pepper_transp2_small.svg'
import styles from './Home.module.css'

/**
 * The home page component providing navigation and project branding.
 *
 * Renders the Pepper logo and a set of navigational links 
 * implemented via React Router.
 *
 * @returns A JSX element representing the app’s home page.
 */
function Home() {
  return (
    <div className={`flex-col ${styles.gapXl}`}>
      <div className={styles.logoPepperScaling}>
        <a href="https://git.science.uu.nl/ics/sp/2025/n25b" target="_blank" rel="noreferrer">
          <img src={pepperLogo} className={styles.logopepper} alt="Pepper logo" />
        </a>
      </div>
      
      <div className={styles.links}>
        {/* Program Editor is now first */}
        <Link to="/editor" className={styles.navCard}>
          Program Editor
        </Link>
        <Link to="/user_manual" className={styles.navCard}>
          User and Developer Manual
        </Link>
      </div>
    </div>
  )
}

export default Home