38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
// 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 |