1
1
import Image from 'next/image'
2
2
3
+ const waktu = '04 Juni 2023 10:00 WITA'
4
+
3
5
export default function Home ( ) {
4
6
return (
5
7
< main className = "relative flex min-h-screen flex-col justify-center overflow-hidden bg-gray-50 py-6 sm:py-12" >
@@ -16,57 +18,79 @@ export default function Home() {
16
18
< div className = "col-span-6 lg:col-span-3" >
17
19
< div className = "md:flex items-center flex-start gap-4" >
18
20
< Image
19
- src = "/images/logo.jpg "
21
+ src = "/images/logo.png "
20
22
alt = "Logo"
21
23
width = { 300 }
22
24
height = { 300 }
23
- className = "h-[90px ] w-[90px ] mx-auto md:mx-0"
25
+ className = "h-[60px ] w-[60px ] mx-auto md:mx-0"
24
26
/>
25
27
< div >
26
28
< h3 className = "text-2xl font-bold tracking-light text-center md:text-left text-gray-700" > Codecorn</ h3 >
27
- < p className = "text-gray-600" > Komunitas pemograman dan IT Gorontalo</ p >
29
+ < p className = "text-gray-600 text-sm tracking-light font-semibold " > Komunitas pemograman dan IT Gorontalo</ p >
28
30
</ div >
29
31
</ div >
30
- < div className = "divide-y divide-gray-300/50" >
31
- < div className = "space-y-6 py-8 text-base leading-7 text-gray-600" >
32
+ < div className = "-mt-3 divide-y divide-gray-300/50" >
33
+ < div className = "space-y-4 py-8 text-base leading-7 text-gray-600" >
32
34
< div className = "flex" >
33
- < div className = "px-4 py-2 bg-blue-500 text-white font-semibold tracking-light rounded-xl shadow" >
34
- Meetup bulan ini
35
+ < div className = "px-3 py-2 bg-teal-500 text-xs text-white font-semibold tracking-light rounded-lg shadow" >
36
+ Meetup #1 Codecorn
37
+ </ div >
38
+ </ div >
39
+ < p className = "text-[13px] leading-5 text-justify" > Di era society 5.0 di mana teknologi semakin canggih, kita dituntut untuk selalu beradaptasi dengan perkembangan teknologi. Untuk menghadapi kemajuan teknologi dan digitalisasi yang cepat berubah ini, tentunya kita harus membekali diri dengan ilmu pengetahuan. Maka dari itu < span className = "italic" > meetup</ span > ini bertujuan untuk mengenalkan peranan industri teknologi kepada generasi muda serta membangun karir di dunia IT sebagai profesional yang mampu bersaing secara lokal, nasional hingga internasional.</ p >
40
+ < p className = "text-[13px] leading-5 text-left" > Yuk ikuti < span className = "italic" > meetup</ span > tentang pengenalan industri IT bersama Abdul Haris Angio < span className = "italic" > (DevOps Engineer)</ span > dan Mohamad Afandi Dali, S.Kom < span className = "italic" > (Penetration Tester di Telkom Indonesia dan sebagai Mahasiswa Magister di Universitas Langlangbuana Bandung)</ span > </ p >
41
+ < div >
42
+ < div className = "flex" >
43
+ < div className = "flex flex-col rounded-xl shadow p-3 font-semibold border border-red-300" >
44
+ < div >
45
+ < p className = "text-sm" > Minggu,</ p >
46
+ < p className = "text-sm" > { waktu } </ p >
47
+ </ div >
48
+ < div className = "flex" >
49
+ < svg xmlns = "http://www.w3.org/2000/svg" fill = "none" viewBox = "0 0 24 24" strokeWidth = { 1.5 } stroke = "currentColor" className = "w-4 h-4" >
50
+ < path strokeLinecap = "round" strokeLinejoin = "round" d = "M15 10.5a3 3 0 11-6 0 3 3 0 016 0z" />
51
+ < path strokeLinecap = "round" strokeLinejoin = "round" d = "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z" />
52
+ </ svg >
53
+ < span className = "ml-1 text-xs" > Everyday Coffee</ span >
54
+ </ div >
55
+ </ div >
35
56
</ div >
36
57
</ div >
37
- < p > Membangkitkan birahi terhadap pentingnya generasi muda dalam berkarir di dunia ini sebagai sofware engineering yang profesional.</ p >
38
- < h3 > Kontak:</ h3 >
39
- < ul className = "space-y-4" >
40
- < li className = "flex items-center" >
41
- < p className = "ml-4" >
42
- Baron (WhatsApp){ ' ' }
43
- < a href = "https://wa.me/6282187617384" target = "_blank" >
44
- < code className = "text-sm font-bold text-blue-500 hover:text-blue-600" > 082187617384</ code >
45
- </ a >
46
- </ p >
47
- </ li >
48
- < li className = "flex items-center" >
49
- < p className = "ml-4" >
50
- Gabung ke grup WhatsApp melalui tautan berikut{ ' ' }
51
- < a href = "https://chat.whatsapp.com/JzG5z1qurH9AHAtYkwGHqn" target = "_blank" >
52
- < code className = "text-sm font-bold text-blue-500 hover:text-blue-600" > @Codecorn</ code >
53
- </ a >
54
- </ p >
55
- </ li >
56
- < li className = "flex items-center" >
57
- < p className = "ml-4" >
58
- Atau discord{ ' ' }
59
- < a href = "https://discord.gg/JSZGVvRW" target = "_blank" >
60
- < code className = "text-sm font-bold text-blue-500 hover:text-blue-600" > Codecorn</ code >
61
- </ a >
62
- </ p >
63
- </ li >
64
- </ ul >
58
+ < div >
59
+ < h3 className = "text-xs mb-1.5 font-semibold" > Kontak:</ h3 >
60
+ < ul className = "space-y-1 mt-0" >
61
+ < li className = "flex items-center" >
62
+ < p className = "ml-4 text-xs" >
63
+ Baron < span className = "text-xs" > (Admin WhatsApp)</ span > { ' ' }
64
+ < a href = "https://wa.me/6282187617384" target = "_blank" >
65
+ < code className = "text-xs font-bold text-blue-500 hover:text-blue-600" > 082187617384</ code >
66
+ </ a >
67
+ </ p >
68
+ </ li >
69
+ < li className = "flex items-center" >
70
+ < p className = "ml-4 text-xs" >
71
+ Group WhatsApp{ ' ' }
72
+ < a href = "https://chat.whatsapp.com/JzG5z1qurH9AHAtYkwGHqn" target = "_blank" >
73
+ < code className = "text-xs font-bold text-blue-500 hover:text-blue-600" > https://s.id/1K7KE</ code >
74
+ </ a >
75
+ </ p >
76
+ </ li >
77
+ < li className = "flex items-center" >
78
+ < p className = "ml-4 text-xs" >
79
+ Discord{ ' ' }
80
+ < a href = "https://discord.gg/zWRjWPpDqa" target = "_blank" >
81
+ < code className = "text-xs font-bold text-blue-500 hover:text-blue-600" > https://s.id/1K7L5</ code >
82
+ </ a >
83
+ </ p >
84
+ </ li >
85
+ </ ul >
86
+ </ div >
65
87
</ div >
66
- < div className = "pt-8 text-base font-semibold leading-7" >
67
- < p className = "text-gray-900" > Link Pendaftaran</ p >
88
+ < div className = "pt-3 text-base font-semibold leading-7" >
89
+ < p className = "text-gray-900 text-sm " > Link Pendaftaran</ p >
68
90
< p >
69
- < a href = "https://tailwindcss.com/docs" className = "text-sky-500 hover:text-sky-600" > Daftar →</ a >
91
+ < a href = "https://s.id/1K6Y7" target = "_blank" className = "text-sky-500 hover:text-sky-600" >
92
+ { `https://s.id/1K6Y7` }
93
+ </ a >
70
94
</ p >
71
95
</ div >
72
96
</ div >
0 commit comments