diff --git a/frontend/src/components/HeroSection.css b/frontend/src/components/HeroSection.css index d337b72..618fd32 100644 --- a/frontend/src/components/HeroSection.css +++ b/frontend/src/components/HeroSection.css @@ -30,6 +30,7 @@ display: flex; flex-direction: column; flex-wrap: wrap; + min-width: 60%; } .hero-btns .btn { diff --git a/frontend/src/components/HeroSection.js b/frontend/src/components/HeroSection.js index 0c2579b..be197eb 100644 --- a/frontend/src/components/HeroSection.js +++ b/frontend/src/components/HeroSection.js @@ -3,28 +3,44 @@ import "../App.css"; import { Button } from "./Button"; import "./HeroSection.css"; import "@fortawesome/fontawesome-free/css/all.css"; +import { useAuth } from "../auth/AuthProvider"; function HeroSection() { + const [isLoggedIn] = useAuth(); + return (

Herzlich Willkommen

- - + {isLoggedIn ? ( + + ) : ( + <> + + + + )}