import React from "react" ; import { Link } from "react-router-dom" ; import styles from "../../styles/components/home.scss" ; import sharedStyles from "../../styles/shared.scss" ; import headerImage from "../../assets/header-mobile.svg" ; import headerDesktopImage from "../../assets/header-desktop.svg" ; export class Home extends React . Component { render ( ) { return ( < div className = { styles . page } > < img src = { headerImage } className = { sharedStyles . mobile } / > < img src = { headerDesktopImage } className = { sharedStyles . desktop } / > < h1 > BQML Analyzer < /h1> < p > Search through Stack Overflow data to predict when your questions will be answered . < /p> < Link to = "/experiment/bqml-stackoverflow/insights" className = { sharedStyles . button } > LET 'S GO < /Link> < div className = "experiment" > < a href = "https://showcase.withgoogle.com/experiments" > a Google Cloud experiment < /a> & nbsp ; & bull ; & nbsp ; < a href = "https://policies.google.com/privacy?hl=en" target = "_blank" > Privacy < /a> < /div> < /div>); } }