loop-44/components/services.js

import React from "react";
import { Card, Container, Row, Col } from "react-bootstrap";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
  faChalkboardTeacher,
  faTheaterMasks,
  faLaptop,
} from "@fortawesome/free-solid-svg-icons";

const Services = () => (
  <Container className="text-center">
    <Row className="justify-content-around p-3 d-flex justify-content-between">
      <Card style={{ width: "18rem" }}>
        <Card.Body>
          <Card.Title className="text-black">
            <FontAwesomeIcon
              icon={faLaptop}
              className="text-center"
              size="lg"
            />
            <br />
            Progetti
          </Card.Title>
        </Card.Body>
      </Card>
      <Card style={{ width: "18rem" }}>
        <Card.Body>
          <Card.Title className="text-black">
            <FontAwesomeIcon
              icon={faTheaterMasks}
              className="text-center"
              size="lg"
            />
            <br />
            Cultura
          </Card.Title>
        </Card.Body>
      </Card>
      <Card style={{ width: "18rem" }}>
        <Card.Body>
          <Card.Title className="text-black">
            <FontAwesomeIcon
              icon={faChalkboardTeacher}
              className="text-center"
              size="lg"
            />
            <br />
            Comunità
          </Card.Title>
        </Card.Body>
      </Card>
    </Row>
    <Row>
      <Col xs={12} md={12} lg={12} className="text-center">
        <Container
          style={{
            backgroundColor: "black",
            padding: "20px",
            marginTop: "20px",
            color: "white",
          }}
        >
          <h5>
            <b>Loop44</b>, è un luogo di collaborazione, aggregazione, lavoro e
            crescita. <br />
            <br />
            In pieno centro a <b>Matera</b> LOOP44 è un'associazione, uno spazio
            fisico condiviso, per contagiare le conoscenze le competenze,
            promuovere una visione di progresso e innovazione condivisa e umana,
            ospitare e sostenere le iniziative che vogliono potenziare e far
            crescere la nostra città e, soprattutto, chi la abita. Soprattutto
            aiutarci ad essere di impatto
            <br />
            <br /> Entra nel LOOP44, unisci la tua passione, scopri infinite
            opportunità di crescita e ispirazione.
          </h5>
        </Container>
      </Col>
    </Row>
  </Container>
);

export default Services;