You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.4 KiB
70 lines
2.4 KiB
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" /> |
|
|
|
<style> |
|
{` |
|
body { |
|
background-size: cover; |
|
background-image: url("background-image.png"); |
|
background-color:black; |
|
height: 100vh; |
|
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; |
|
} |
|
svg { |
|
height: 48px; |
|
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> |
|
</> |
|
) |
|
}
|
|
|