Bachelorthesis_Code/frontend/src/components/HeroSection.js

42 lines
1,005 B
JavaScript
Raw Normal View History

import React from "react";
import "../App.css";
import { Button } from "./Button";
import "./HeroSection.css";
import "@fortawesome/fontawesome-free/css/all.css";
function HeroSection() {
return (
<div className="hero-container">
<h1>Herzlich Willkommen</h1>
<div className="hero-btns">
<Button
className="btns"
2021-06-07 02:14:00 +00:00
buttonStyle="btn--primary"
buttonSize="btn--large"
2021-06-21 00:11:44 +00:00
newTo="login"
2021-06-07 02:14:00 +00:00
>
2021-06-21 00:11:44 +00:00
Einloggen (wenn du schon einmal mitgemacht hast)
2021-06-07 02:14:00 +00:00
</Button>
<Button
className="btns"
buttonStyle="btn--primary"
buttonSize="btn--large"
2021-06-21 00:11:44 +00:00
newTo="register"
>
2021-06-21 00:11:44 +00:00
Registrieren (falls du das erste Mal hier bist)
</Button>
<Button
className="btns"
buttonStyle="btn--primary"
buttonSize="btn--large"
2021-06-21 00:11:44 +00:00
newTo="manual"
>
2021-06-07 03:03:18 +00:00
Anleitung
</Button>
</div>
</div>
);
}
export default HeroSection;