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.
53 lines
1.6 KiB
53 lines
1.6 KiB
import Head from 'next/head'; |
|
import styles from '../styles/Home.module.css'; |
|
import Map from '../components/map'; |
|
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" /> |
|
<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(10px); |
|
} |
|
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}> |
|
<Image src={logo} alt="LOOP44 Logo" fluid /> |
|
<h1 style={{ color: "#fff", textAlign: "center" }}>L O O P 4 4</h1> |
|
</Col> |
|
</Row> |
|
<hr/> <Row> |
|
<SocialIcons></SocialIcons> |
|
</Row> |
|
<hr/> |
|
<Services></Services> |
|
<hr/> |
|
<Map></Map> |
|
</Container> |
|
</> |
|
) |
|
}
|
|
|