-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.astro
38 lines (31 loc) · 1.39 KB
/
index.astro
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
---
// Component Imports
import Navbar from '../components/Navbar.astro';
import Hero from '../components/Hero.astro';
import Logo from '../../public/Logo.png';
import IllustrasiHero from '../../public/IlustrasiHero.png';
const Css = Astro.site + "/global.css";
const navbarItems = ["Home", "Tentang Corona", "Hotline"];
const navbarBtn = "Periksa Mandiri";
---
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Astro + TailwindCSS</title>
<link rel="stylesheet" type="text/css" href={Css} />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700;900&display=swap" rel="stylesheet" />
</head>
<body>
<Navbar navbarItems={navbarItems} navbarBtn={navbarBtn}>
<img class="h-10" src={Logo} alt="Logo" />
</Navbar>
<Hero>
<span slot="hero-main-title">Mari Bersama CEGAH CORONA</span>
<span slot="hero-main-desc">Covid-19 merupakan pandemi virus yang berbahaya dan dapat menyebar dengan cepat. Yuk kita harus bersatu untuk mengurangi penyebaran Covid-19 agar lebih banyak nyawa yang terselamatkan.</span>
<span slot="hero-btn-title">Kenali Penyebarannya</span>
<img slot="hero-image-main" src={IllustrasiHero} alt="Image Hero" />
</Hero>
</body>
</html>