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.
98 lines
3.0 KiB
98 lines
3.0 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 progetti, cultura, |
|
comunità |
|
</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; |
|
font-family: 'Barlow Semi Condensed', sans-serif; |
|
background-repeat: no-repeat; |
|
background-attachment: fixed; |
|
background-position: center; |
|
} |
|
svg { |
|
height: 32px; |
|
margin: 0 2em; |
|
fill: darkorange; |
|
} |
|
|
|
`} |
|
</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: "#363636ff", |
|
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> |
|
</> |
|
); |
|
}
|
|
|