Matteo Benedetto 3 years ago
parent
commit
62873bd0cf
  1. 6
      components/services.js
  2. 50
      components/socialicons.js
  3. 4
      out/404.html
  4. 2
      out/_next/static/5X0aZIzY7INe7c9n6BXjE/_buildManifest.js
  5. 0
      out/_next/static/5X0aZIzY7INe7c9n6BXjE/_ssgManifest.js
  6. 1
      out/_next/static/chunks/pages/index-35ef970fdc53fc03.js
  7. 1
      out/_next/static/chunks/pages/index-80e328c6eba09b1f.js
  8. 7
      out/index.html
  9. 120
      pages/index.js

6
components/services.js

@ -5,15 +5,15 @@ import { faChalkboardTeacher, faTheaterMasks, faLaptop } from '@fortawesome/free
const Services = () => (
<Container className="text-center">
<Row className="justify-content-around p-3">
<Card style={{ width: '18rem', marginRight: "20px" }}>
<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/>Coworking
</Card.Title>
</Card.Body>
</Card>
<Card style={{ width: '18rem', marginRight: "20px" }}>
<Card style={{ width: '18rem' }}>
<Card.Body>
<Card.Title className="text-black">
<FontAwesomeIcon icon={faTheaterMasks} className="text-center" size="lg"/><br/>Eventi Culturali

50
components/socialicons.js

@ -4,26 +4,46 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
faFacebook,
faInstagram,
faLinkedin
faLinkedin,
} from "@fortawesome/free-brands-svg-icons";
import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
const SocialIcons = () => (
<Container>
<Row className="justify-content-center"z>
<Container className="text-center">
<Row>
<Col xs={12} md={12} lg={12} className="text-center">
<Container style={{backgroundColor: "black", padding: "20px", marginTop:"20px" }}>
<a href="#" style={{ marginRight: "20px" }}>
<FontAwesomeIcon icon={faFacebook} size="2x" style={{ color: "white" }} />
</a>
<a href="#" style={{ marginRight: "20px" }}>
<FontAwesomeIcon icon={faInstagram} size="2x" style={{ color: "white" }} />
</a>
<a href="mailto:email@example.com">
<FontAwesomeIcon icon={faEnvelope} size="2x" style={{ color: "white" }} />
</a>
</Container>
<Row
className="justify-content-center"
style={{backgroundColor: "black", padding: "20px", color: "white" }}
>
<Col xs={4} md={4} lg={4} className="text-center">
<a href="#">
<FontAwesomeIcon
icon={faFacebook}
size="0.5x"
style={{ color: "white" }}
/>
</a>
</Col>
<Col xs={4} md={4} lg={4} className="text-center">
<a href="#">
<FontAwesomeIcon
icon={faInstagram}
size="1x"
style={{ color: "white" }}
/>
</a>
</Col>
<Col xs={4} md={4} lg={4} className="text-center">
<a href="mailto:info@loop44.it">
<FontAwesomeIcon
icon={faEnvelope}
size="1x"
style={{ color: "white" }}
/>
</a>
</Col>
</Row>
</Col>
</Row>
</Container>

4
out/404.html

@ -1,4 +1,4 @@
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>404: This page could not be found</title><meta name="next-head-count" content="3"/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer=""></script><script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script><script src="/_next/static/chunks/main-a0dca5a2ff5035f1.js" defer=""></script><script src="/_next/static/chunks/pages/_app-df511a3677d160f6.js" defer=""></script><script src="/_next/static/chunks/pages/_error-dfcfa5bb62767c20.js" defer=""></script><script src="/_next/static/GoM4SDpwQ25dAen3ZZJhu/_buildManifest.js" defer=""></script><script src="/_next/static/GoM4SDpwQ25dAen3ZZJhu/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div style="font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>404: This page could not be found</title><meta name="next-head-count" content="3"/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer=""></script><script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script><script src="/_next/static/chunks/main-a0dca5a2ff5035f1.js" defer=""></script><script src="/_next/static/chunks/pages/_app-df511a3677d160f6.js" defer=""></script><script src="/_next/static/chunks/pages/_error-dfcfa5bb62767c20.js" defer=""></script><script src="/_next/static/5X0aZIzY7INe7c9n6BXjE/_buildManifest.js" defer=""></script><script src="/_next/static/5X0aZIzY7INe7c9n6BXjE/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div style="font-family:-apple-system, BlinkMacSystemFont, Roboto, &quot;Segoe UI&quot;, &quot;Fira Sans&quot;, Avenir, &quot;Helvetica Neue&quot;, &quot;Lucida Grande&quot;, sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>
body { margin: 0; color: #000; background: #fff; }
.next-error-h1 {
border-right: 1px solid rgba(0, 0, 0, .3);
@ -9,4 +9,4 @@
.next-error-h1 {
border-right: 1px solid rgba(255, 255, 255, .3);
}
}</style><h1 class="next-error-h1" style="display:inline-block;margin:0;margin-right:20px;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:49px;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"GoM4SDpwQ25dAen3ZZJhu","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
}</style><h1 class="next-error-h1" style="display:inline-block;margin:0;margin-right:20px;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:49px;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"5X0aZIzY7INe7c9n6BXjE","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

2
out/_next/static/GoM4SDpwQ25dAen3ZZJhu/_buildManifest.js → out/_next/static/5X0aZIzY7INe7c9n6BXjE/_buildManifest.js

@ -1 +1 @@
self.__BUILD_MANIFEST={__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/c16184b3-1057b87a309c02a0.js","static/chunks/2cca2479-449546ceaeec6763.js","static/chunks/995-4472be7e78390940.js","static/chunks/pages/index-80e328c6eba09b1f.js"],"/_error":["static/chunks/pages/_error-dfcfa5bb62767c20.js"],sortedPages:["/","/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
self.__BUILD_MANIFEST={__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/c16184b3-1057b87a309c02a0.js","static/chunks/2cca2479-449546ceaeec6763.js","static/chunks/995-4472be7e78390940.js","static/chunks/pages/index-35ef970fdc53fc03.js"],"/_error":["static/chunks/pages/_error-dfcfa5bb62767c20.js"],sortedPages:["/","/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

0
out/_next/static/GoM4SDpwQ25dAen3ZZJhu/_ssgManifest.js → out/_next/static/5X0aZIzY7INe7c9n6BXjE/_ssgManifest.js

1
out/_next/static/chunks/pages/index-35ef970fdc53fc03.js

File diff suppressed because one or more lines are too long

1
out/_next/static/chunks/pages/index-80e328c6eba09b1f.js

@ -1 +0,0 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5557:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return s(1257)}])},1257:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return m}});var i=s(5893),r=s(9008),t=s.n(r);s(7294);var l=s(682),c=s(4051),o=s(5500),a=s(1555),d=s(9603),x=s(9417);let h=()=>(0,i.jsxs)(l.Z,{className:"text-center",children:[(0,i.jsxs)(c.Z,{className:"justify-content-around p-3",children:[(0,i.jsx)(o.Z,{style:{width:"18rem",marginRight:"20px"},children:(0,i.jsx)(o.Z.Body,{children:(0,i.jsxs)(o.Z.Title,{className:"text-black",children:[(0,i.jsx)(d.G,{icon:x.aNY,className:"text-center",size:"lg"}),(0,i.jsx)("br",{}),"Coworking"]})})}),(0,i.jsx)(o.Z,{style:{width:"18rem",marginRight:"20px"},children:(0,i.jsx)(o.Z.Body,{children:(0,i.jsxs)(o.Z.Title,{className:"text-black",children:[(0,i.jsx)(d.G,{icon:x.Zl2,className:"text-center",size:"lg"}),(0,i.jsx)("br",{}),"Eventi Culturali"]})})}),(0,i.jsx)(o.Z,{style:{width:"18rem"},children:(0,i.jsx)(o.Z.Body,{children:(0,i.jsxs)(o.Z.Title,{className:"text-black",children:[(0,i.jsx)(d.G,{icon:x.hG5,className:"text-center",size:"lg"}),(0,i.jsx)("br",{}),"Corsi"]})})})]}),(0,i.jsx)(c.Z,{children:(0,i.jsx)(a.Z,{xs:12,md:12,lg:12,className:"text-center",children:(0,i.jsx)(l.Z,{style:{backgroundColor:"black",padding:"20px",marginTop:"20px",color:"white"},children:(0,i.jsxs)("h5",{children:[(0,i.jsxs)("i",{children:[(0,i.jsx)("b",{children:"Loop44"}),", \xe8 un luogo di collaborazione, aggregazione, lavoro e crescita. ",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"In pieno centro a ",(0,i.jsx)("b",{children:"Matera"})," 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.",(0,i.jsx)("br",{}),(0,i.jsx)("br",{})," Unisci la tua passione con la community e scopri infinite opportunit\xe0 di crescita e ispirazione."]})," "]})})})})]});var g=s(1330),j=s(3024);let p=()=>(0,i.jsx)(l.Z,{children:(0,i.jsx)(c.Z,{className:"justify-content-center",z:!0,children:(0,i.jsx)(a.Z,{xs:12,md:12,lg:12,className:"text-center",children:(0,i.jsxs)(l.Z,{style:{backgroundColor:"black",padding:"20px",marginTop:"20px"},children:[(0,i.jsx)("a",{href:"#",style:{marginRight:"20px"},children:(0,i.jsx)(d.G,{icon:j.neY,size:"2x",style:{color:"white"}})}),(0,i.jsx)("a",{href:"#",style:{marginRight:"20px"},children:(0,i.jsx)(d.G,{icon:j.Zzi,size:"2x",style:{color:"white"}})}),(0,i.jsx)("a",{href:"mailto:email@example.com",children:(0,i.jsx)(d.G,{icon:x.FU$,size:"2x",style:{color:"white"}})})]})})})});function m(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t(),{children:[(0,i.jsx)("title",{children:"LOOP44 | nel centro di Matera uno spazio per coworking, collaborazione, cultura"}),(0,i.jsx)("link",{rel:"stylesheet",href:"https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css",integrity:"sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z",crossOrigin:"anonymous"}),(0,i.jsx)("link",{href:"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&display=swap",rel:"stylesheet"}),(0,i.jsx)("style",{children:"\n body {\n background-size: cover;\n background-image: url(\"background-image.png\");\n background-color:black;\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n backdrop-filter: blur(5px);\n font-family: 'Barlow Semi Condensed', sans-serif;\n background-repeat: no-repeat;\n background-attachment: fixed;\n background-position: center;\n }\n svg {\n height: 48px;\n margin: 0 2em;\n fill: darkorange;\n }\n\n "})]}),(0,i.jsxs)(l.Z,{fluid:!0,style:{height:"100vh"},children:[(0,i.jsx)(c.Z,{className:"justify-content-center align-items-center",children:(0,i.jsxs)(a.Z,{xs:6,style:{textAlign:"center"},children:[(0,i.jsx)(g.Z,{src:"logo.svg",alt:"LOOP44 Logo",style:{margin:"20px",padding:"20px",width:"300px"},fluid:!0}),(0,i.jsx)(l.Z,{style:{padding:"20px"},children:(0,i.jsx)("h1",{style:{textAlign:"center",fontSize:55,color:"BLACK"},children:"L O O P 4 4"})})]})})," ",(0,i.jsx)(c.Z,{children:(0,i.jsx)(p,{})}),(0,i.jsx)("br",{}),(0,i.jsx)(h,{}),(0,i.jsx)(l.Z,{style:{padding:25},children:(0,i.jsx)("iframe",{width:"100%",height:"350",style:{border:"0",marginTop:20},loading:"lazy",allowfullscreen:!0,referrerpolicy:"no-referrer-when-downgrade",src:"https://www.google.com/maps/embed/v1/place?key=AIzaSyApd2QKzSsWnlD7q99lNngynLN2zYreGN8 &q=Vico xx settembre 44,matera"})})]})]})}}},function(e){e.O(0,[774,976,948,995,888,179],function(){return e(e.s=5557)}),_N_E=e.O()}]);

7
out/index.html

File diff suppressed because one or more lines are too long

120
pages/index.js

@ -1,21 +1,31 @@
import Head from 'next/head';
import styles from '../styles/Home.module.css';
import Services from '../components/services';
import { Container, Row, Col, Button, Card, Image } from 'react-bootstrap';
import SocialIcons from '../components/socialicons';
const logo = "logo.svg"
import Head from "next/head";
import styles from "../styles/Home.module.css";
import Services from "../components/services";
import { Container, Row, Col, Button, Card, Image } from "react-bootstrap";
import SocialIcons from "../components/socialicons";
const logo = "logo.svg";
export default function Home() {
return (
<>
<Head>
<title>LOOP44 | nel centro di Matera uno spazio per coworking, collaborazione, cultura</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossOrigin="anonymous" />
<link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&display=swap" rel="stylesheet" />
<>
<Head>
<title>
LOOP44 | nel centro di Matera uno spazio per coworking,
collaborazione, cultura
</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossOrigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&display=swap"
rel="stylesheet"
/>
<style>
{`
<style>
{`
body {
background-size: cover;
background-image: url("background-image.png");
@ -24,47 +34,63 @@ export default function Home() {
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(5px);
font-family: 'Barlow Semi Condensed', sans-serif;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-position: bottom;
}
svg {
height: 48px;
height: 32px;
margin: 0 2em;
fill: darkorange;
}
`}
</style>
</Head>
<Container fluid style={{ height: "100vh" }}>
<Row className="justify-content-center align-items-center">
<Col xs={6} style={{textAlign:'center'}}>
<Image src={logo} alt="LOOP44 Logo" style={{margin:"20px",padding: "20px", width: "300px" }} fluid />
<Container style={{ padding: "20px" }}>
<h1 style={{ textAlign: "center", fontSize: 55, color: "BLACK"}}>L O O P 4 4</h1>
</Container>
</Col>
</Row> <Row>
<SocialIcons></SocialIcons>
</Row>
<br/>
<Services></Services>
<Container style={{padding:25}}>
<iframe
width="100%"
height="350"
style={{border:"0", marginTop:20}}
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyApd2QKzSsWnlD7q99lNngynLN2zYreGN8
&q=Vico xx settembre 44,matera">
</iframe>
</Container>
</Container>
</>
)
</style>
</Head>
<Container fluid style={{ height: "100vh" }}>
<Row className="justify-content-center align-items-center">
<Col style={{ textAlign: "center", width: "300px" }}>
<Image
src={logo}
alt="LOOP44 Logo"
style={{ margin: "10px", paddingTop: "20px", width: "200px" }}
fluid
/>
<Container style={{ backgroundColor: "rgba(255,255,255,0.3)", width:300}}>
<h1
style={{
textAlign: "center",
fontSize: 55,
color: "BLACK",
width: "100%",
fontWeight: 400,
marginBottom:40
}}
>
L O O P 4 4
</h1>
</Container>
</Col>
</Row>
<Row>
<SocialIcons></SocialIcons>
</Row>
<br />
<Services></Services>
<Container style={{ padding: 15 }}>
<iframe
style={{border:"1px solid black",marginTop: 20 }}
width="100%"
height="250"
loading="lazy"
allowfullscreen
referrerpolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyApd2QKzSsWnlD7q99lNngynLN2zYreGN8
&q=Vico xx settembre 44,matera"
></iframe>
</Container>
</Container>
</>
);
}

Loading…
Cancel
Save