diff --git a/public/images/calender.svg b/public/images/calender.svg new file mode 100644 index 0000000..d6ba675 --- /dev/null +++ b/public/images/calender.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/images/clock.svg b/public/images/clock.svg new file mode 100644 index 0000000..de81cd3 --- /dev/null +++ b/public/images/clock.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/edit.svg b/public/images/edit.svg new file mode 100644 index 0000000..fe50a1a --- /dev/null +++ b/public/images/edit.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/meet.svg b/public/images/meet.svg new file mode 100644 index 0000000..beed324 --- /dev/null +++ b/public/images/meet.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/images/vector.svg b/public/images/vector.svg new file mode 100644 index 0000000..2d3af67 --- /dev/null +++ b/public/images/vector.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/Event.jsx b/src/components/Event.jsx new file mode 100644 index 0000000..b5f7024 --- /dev/null +++ b/src/components/Event.jsx @@ -0,0 +1,42 @@ +// import event from "./../../public/images/event.png" + +export function EventPage() { + return ( +
+
+ +
+
+

+ + Acara Mendatang +

+

+ Loteng Dev Meetup #2: Prepare for Hacktoberfest +

+
+
+

+ + Online Google Meet +

+

+ + Minggu, 17 Juli 2022 +

+

+ + 20.00 WITA ~ Selesai +

+
+ +
+
+
+ ); +} diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx index 6dacfb1..7cc72bf 100644 --- a/src/pages/home/index.jsx +++ b/src/pages/home/index.jsx @@ -1,6 +1,7 @@ import { useEffect, useState } from 'react'; import TelegramIcon from '@/assets/icons/telegram.svg'; import GithubIcon from '@/assets/icons/github.svg'; +import { EventPage } from '../../components/Event'; export function HomePage() { const [text, setText] = useState(''); @@ -22,8 +23,8 @@ export function HomePage() { }, []); return ( -
-
+
+
@@ -46,6 +47,7 @@ export function HomePage() {
+
); }