From a2cf67d210ca276be6898db1e4979dadbcb1e9c7 Mon Sep 17 00:00:00 2001 From: Hafid Nur <73023445+hafidnrzs@users.noreply.github.com> Date: Tue, 25 Nov 2025 15:47:55 +0700 Subject: [PATCH] feat(hackathon): Update landing page UI and meta tag (#59) * feat: update landing page * feat: Add favicon and SEO (JSON-LD schema, meta tags) - Add favicon image - Add JSON-LD schema for Hackathon event - Add react-helmet-async for managing meta tags * chore: remove react-helmet-async --- apps/hackathon/index.html | 32 +- .../public/images/imphnen-logo-simple.svg | 9 + apps/hackathon/public/images/imphnen-logo.svg | 9 + .../images/sponsors/kolosal-logo_rlxbck.svg | 10 + apps/hackathon/src/app/page.tsx | 463 +++++++++--------- apps/hackathon/src/index.css | 4 +- package-lock.json | 282 +++++------ 7 files changed, 445 insertions(+), 364 deletions(-) create mode 100644 apps/hackathon/public/images/imphnen-logo-simple.svg create mode 100644 apps/hackathon/public/images/imphnen-logo.svg create mode 100644 apps/hackathon/public/images/sponsors/kolosal-logo_rlxbck.svg diff --git a/apps/hackathon/index.html b/apps/hackathon/index.html index 41c9d20..59b4728 100644 --- a/apps/hackathon/index.html +++ b/apps/hackathon/index.html @@ -2,12 +2,40 @@ - Hackathon + IMPHNEN x Kolosal.ai Hackathon 2025 - + + + + + + + + + + {/* Twitter */} + + +
diff --git a/apps/hackathon/public/images/imphnen-logo-simple.svg b/apps/hackathon/public/images/imphnen-logo-simple.svg new file mode 100644 index 0000000..0fd70f3 --- /dev/null +++ b/apps/hackathon/public/images/imphnen-logo-simple.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/apps/hackathon/public/images/imphnen-logo.svg b/apps/hackathon/public/images/imphnen-logo.svg new file mode 100644 index 0000000..ca0f36e --- /dev/null +++ b/apps/hackathon/public/images/imphnen-logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/hackathon/public/images/sponsors/kolosal-logo_rlxbck.svg b/apps/hackathon/public/images/sponsors/kolosal-logo_rlxbck.svg new file mode 100644 index 0000000..c882825 --- /dev/null +++ b/apps/hackathon/public/images/sponsors/kolosal-logo_rlxbck.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/apps/hackathon/src/app/page.tsx b/apps/hackathon/src/app/page.tsx index 5f9ff95..deede53 100644 --- a/apps/hackathon/src/app/page.tsx +++ b/apps/hackathon/src/app/page.tsx @@ -1,5 +1,7 @@ import { useNavigate } from 'react-router'; import { useState } from 'react'; +import { Button } from '@imphnen-frontend-service/ui/atoms'; +import { Icon } from '@iconify/react'; export default function HomePage() { const navigate = useNavigate(); @@ -15,7 +17,7 @@ export default function HomePage() { { question: 'Apakah ada biaya pendaftaran?', answer: - 'Tidak, hackathon ini gratis dan terbuka untuk semua peserta yang memenuhi kriteria.', + 'Tidak, hackathon ini GRATIS dan terbuka untuk semua peserta yang memenuhi kriteria.', }, { question: 'Apa tema hackathon kali ini?', @@ -35,43 +37,43 @@ export default function HomePage() { { question: 'Apakah harus membentuk tim? Boleh solo?', answer: - 'Ya, peserta harus membentuk tim dengan maksimal 3 orang per tim.', + 'Tidak boleh solo. Peserta harus membentuk tim yang terdiri dari 2 - 5 orang per tim. Peserta bisa mencari anggota melalui website ini atau WA Group Hackathon.', }, { question: 'Apakah boleh menggunakan AI (vibe coding)?', answer: - 'Ya, peserta diperbolehkan menggunakan AI tools untuk membantu development.', + 'Ya, peserta diperbolehkan menggunakan AI tools untuk membantu development. Kami merekomendasikan menggunakan Kolosal.ai selama proses development (Free Credit)', }, { question: 'Apa project wajib di-deploy?', answer: - 'Ya, project harus di-deploy dan dapat diakses secara online untuk penilaian.', + 'Diusahakan project agar di-deploy dan dapat diakses secara online untuk meningkatkan penilaian.', }, { question: 'Apakah peserta mendapatkan sertifikat?', answer: - 'Ya, semua peserta yang menyelesaikan hackathon akan mendapatkan sertifikat.', + 'Kami akan memberikan sertifikat kepada tim yang submit project dan menyelesaikan rangkaian hackathon.', }, { question: 'Website error dan terjadi masalah?', answer: - 'Silakan hubungi kami melalui grup WA Hackathon atau email imphnen@gmail.com.', + 'Jika menemukan masalah teknis, silakan hubungi kami melalui grup WA Hackathon.', }, ]; return (
{/* Navigation */} -