import React from "react"; import "./assets/Home.scss"; import bot1 from "./assets/img/bot1.png"; import bot2 from "./assets/img/bot2.png"; const BOT_IMAGES = [bot1, bot2]; export default function Home(props) { return ( <main className="hero"> <div className="landing-header"> <h1 id="potentia">Potentia</h1> <h1 id="robotics">Robotics.</h1> </div> <div className="landing-subheader"> <p> The{" "} <a href="https://tjhsst.edu" target="_blank" rel="noreferrer"> Thomas Jefferson High School for Science and Technology </a>{" "} Humanoid Robot Project </p> </div> <img className="landing-robot" src={BOT_IMAGES[Math.floor(Math.random() * BOT_IMAGES.length)]} alt="" /> </main> ); }