import React from "react";
import { Container, Row, Col, Image } from "react-bootstrap";
const logo = "https://upload.wikimedia.org/wikipedia/commons/2/24/LEGO_logo.svg"
const Header = () => {
  return (
    <Container fluid style={{ height: "100vh" }}>
      <Row className="justify-content-center align-items-center">
        <Col xs={6}>
            <Container style={{backgroundColor: "black", padding: "20px" }}>
          <Image src={logo} alt="Loop44 Logo" fluid />
          <h1 style={{ color: "#fff", textAlign: "center"}}>L O O P 4 4</h1>
          </Container>
        </Col>
        
      </Row>
    </Container>
  );
};

export default Header;