m

3 years ago · 775bc1a020
2 changed files with 62 additions and 18 deletions
--- a/components/services.js
+++ b/components/services.js
@ -1,37 +1,79 @@
-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';
+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 style={{ width: "18rem" }}>
        <Card.Body>
          <Card.Title className="text-black">
-            <FontAwesomeIcon icon={faLaptop} className="text-center" size="lg"/><br/>Coworking
+            <FontAwesomeIcon
+              icon={faLaptop}
+              className="text-center"
+              size="lg"
+            />
+            <br />
+            Progetti
          </Card.Title>
        </Card.Body>
      </Card>
-      <Card style={{ width: '18rem' }}>
+      <Card style={{ width: "18rem" }}>
        <Card.Body>
          <Card.Title className="text-black">
-            <FontAwesomeIcon icon={faTheaterMasks} className="text-center" size="lg"/><br/>Eventi Culturali
+            <FontAwesomeIcon
+              icon={faTheaterMasks}
+              className="text-center"
+              size="lg"
+            />
+            <br />
+            Cultura
          </Card.Title>
        </Card.Body>
      </Card>
-      <Card style={{ width: '18rem' }}>
+      <Card style={{ width: "18rem" }}>
        <Card.Body>
          <Card.Title className="text-black">
-            <FontAwesomeIcon icon={faChalkboardTeacher} className="text-center" size="lg"/><br/>Corsi
+            <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> questo spazio versatile offre un ambiente di coworking dinamico, una cornice ideale per eventi culturali e un luogo di incontro per i curiosi della tecnologia.<br/><br/> Unisci la tua passione con la community e scopri infinite opportunità di crescita e ispirazione.</h5>
+        <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>
--- a/pages/index.js
+++ b/pages/index.js
@ -10,8 +10,8 @@ export default function Home() {
    <>
      <Head>
        <title>
-          LOOP44 | nel centro di Matera uno spazio per coworking,
-          collaborazione, cultura
+          LOOP44 | nel centro di Matera uno spazio per progetti, cultura,
+          comunit&agrave;
        </title>
        <link
          rel="stylesheet"
@ -57,7 +57,9 @@ export default function Home() {
              style={{ margin: "10px", paddingTop: "20px", width: "200px" }}
              fluid
            />
-            <Container  style={{ backgroundColor: "rgba(255,255,255,0.3)", width:300}}>
+            <Container
+              style={{ backgroundColor: "rgba(255,255,255,0.3)", width: 300 }}
+            >
              <h1
                style={{
                  textAlign: "center",
@ -65,7 +67,7 @@ export default function Home() {
                  color: "#363636ff",
                  width: "100%",
                  fontWeight: 400,
-marginBottom:40
+                  marginBottom: 40,
                }}
              >
                L O O P 4 4