//Modules
import React from 'react';

//Style
import "./HomePage.css";

//Components
import {
    BrowserRouter as Router,
    Switch,
    Route,
    Link
  } from "react-router-dom";
import {
    HeroOne,
    CTA,
    } from "../../";

class HomePage extends React.Component {
    render() {
        return(
            <div className="HomePage">
                <HeroOne title="AlfaPrentice" content="De plek om je ideale stageplek te vinden"/>
                <div className="container mt-5">
                    <h2 className="color-p2 text-center">klik op je opleding en kijk welk bedrijf het meest bij jou past</h2>
                    <div className="row mt-4">
                        <Link to="/zoeken" className="col-md-3 OpleidingItem">
                            <a className="OpleidingItemInner d-flex">
                                    <div className="m-auto color-white">
                                        Opleiding 1
                                    </div>
                                </a>
                            </Link>
                            <Link to="/zoeken" className="col-md-3 OpleidingItem">
                            <a className="OpleidingItemInner d-flex">
                                    <div className="m-auto color-white">
                                        Opleiding 1
                                    </div>
                                </a>
                            </Link>
                            <Link to="/zoeken" className="col-md-3 OpleidingItem">
                            <a className="OpleidingItemInner d-flex">
                                    <div className="m-auto color-white">
                                        Opleiding 1
                                    </div>
                                </a>
                            </Link>
                            <Link to="/zoeken" className="col-md-3 OpleidingItem">
                            <a className="OpleidingItemInner d-flex">
                                    <div className="m-auto color-white">
                                        Opleiding 1
                                    </div>
                                </a>
                            </Link>
                    </div>
                </div>
                <CTA title="ALfaPrentice is ontwikkeld om jou te helpen met het zoeken naar de beste match tussen jou en een bedrijf" BtnText="Login en begin met soliciteren"/>
            </div>
        )
    }
}

export default HomePage;