import React from "react";

import { Image } from "@/components/Image";
import { Link } from "@/components/Link"

import styles from "./index.module.css"

export default function Advice () {
  return (<> <div className={styles.titleContainer}>
    <h1 className={styles.title}>Waterloo Undergraduate Advice</h1>
    <Image src="/resources/advice/codey.svg" />
    </div>
    <div className={styles.adviceBarContainer}>
      <Link href="">Coop Advice</Link>
      <Link href="">Academic Advice</Link>
      <Link href="">Additional Resources</Link>
    </div>
    </>);
}