-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home.jsx
43 lines (41 loc) · 2.08 KB
/
Home.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import React from 'react';
import { NavLink } from 'react-router-dom';
import './home.css';
function Home() {
return (
<div className="home-container">
<header className="home-header"></header>
<main className="home-main">
<div className="section-container">
<section className="intro-section">
<h1>Forró with Baile da Dom</h1>
<p>Experience the joy of Forró with us. Forró is a partner dance from the northeast of Brazil. We are bringing this beautiful dance and its culture to Utrecht.</p>
<p>Join us in our regular classes on Wednesdays and a party each month. We also organize workshops with teachers from all over the world.</p>
</section>
<section className="next-event-section">
<img src={process.env.PUBLIC_URL + '/IMG_5870.jpeg'} alt="Group picture" className="event-image" />
</section>
</div>
<div className="cards-container">
<div className="card classes">
<NavLink to="/classes" exact className="button"><h4>Sign up</h4></NavLink>
</div>
<div className="card events">
<NavLink to="/events" className="button"><h4>Events</h4></NavLink>
</div>
</div>
<div className="instagram-section">
<h4>Interested in our latest news? Follow us on Instagram <a href="https://www.instagram.com/bailedadom_utrecht">@bailedadom_utrecht</a></h4>
</div>
<div className="spotify-section">
<h4>Listen to our forró playlists</h4>
<div className="playlists-container">
<iframe src="https://open.spotify.com/embed/playlist/2fqqpz3yeI50Mbji6nQqUk?utm_source=generator" width="300" height="380" frameBorder="0" allowtransparency="true" allow="encrypted-media"></iframe>
<iframe src="https://open.spotify.com/embed/playlist/4wLUxqsC8TzQwCAzMD6ajI?utm_source=generator" width="300" height="380" frameBorder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</main>
</div>
);
}
export default Home;