From 775bc1a020eeeec0b1577d1770e9915375680f31 Mon Sep 17 00:00:00 2001
From: enne2 <me@enne2.net>
Date: Sun, 14 May 2023 17:27:13 +0200
Subject: [PATCH] m

---
 components/services.js | 68 ++++++++++++++++++++++++++++++++++--------
 pages/index.js         | 12 ++++----
 2 files changed, 62 insertions(+), 18 deletions(-)

diff --git a/components/services.js b/components/services.js
index 620a41b..f94c8a6 100644
--- 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>
+      <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>
diff --git a/pages/index.js b/pages/index.js
index df9ce07..68df25c 100644
--- 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
@@ -80,7 +82,7 @@ marginBottom:40
         <Services></Services>
         <Container style={{ padding: 15 }}>
           <iframe
-            style={{border:"1px solid black",marginTop: 20 }}
+            style={{ border: "1px solid black", marginTop: 20 }}
             width="100%"
             height="250"
             loading="lazy"