PublicPage.js

import React, { Component } from "react";
import LoginButton from "./loginButton";

class PublicPage extends Component {
    render() {
        return (
            <div className="page-content" id="LandingPage" style={{ backgroundImage: 'url("https://www.ffn.de/fileadmin/ffn.de/programm/ausbildungsboerse/studium.jpg")', height: '50vw', backgroundSize: 'contain', backgroundRepeat: 'no-repeat', backgroundColor: '#2b3648', padding: '10rem', display: 'flex', justifyContent: 'center' }}>
                <div style={{ width: '50rem', height: '25rem', padding: '10rem', backgroundColor: 'rgba(0, 0, 0, 0.8)' }}>
                    <h3 style={{ color: 'white' }}>Berliner Hochschule für Technik</h3>
                    <p style={{ color: 'white' }}>Herzlich Willkommen auf der unserer Homepage!</p>
                    <LoginButton />
                </div>
            </div>
        )
    }
}

export default PublicPage