Skip to content

Feat/firstdate/emergency #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Parent: 💥
merged 4 commits into from
Jul 11, 2025
Merged

Feat/firstdate/emergency #18

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b32aee8
feat: added emergency page
dhanavadh Jul 10, 2025
0e31e96
fix: update emergency phone number
dhanavadh Jul 10, 2025
5bfbbd0
fix: change color from pink-500 to main pink
dhanavadh Jul 10, 2025
3df730f
fix: spell error justify-center
dhanavadh Jul 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 50 additions & 0 deletions src/pages/firstdate/emergency.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
---
import Popup from "@/components/common/Popup.astro";
import ButtonFd from "@/components/common/ButtonFd.astro";
import Layout from "@/layouts/firstdate/WithNavbar.astro";
import { Siren, Phone, Home } from '@lucide/astro';
---
<Layout>
<div class="flex flex-col w-full">
<div class="flex flex-col items-center justify-center mb-8">
<h1 class="text-4xl text-white font-zen-dots text-center fill-white drop-shadow-lg drop-shadow-white/50 mt-[26px]">Emergency Contacts</h1>
<p class="mt-1.5">ติดต่อเหตุฉุกเฉิน</p>
<section class="w-full">
<Popup
size="medium"
color="light-pink"
class="flex flex-col items-center justify-center text-center py-4"
>

<a href="tel:022180000" class="relative flex size-32 items-center justify-center m-16">
<span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-pink-400 opacity-75"></span>
<span class="relative inline-flex size-48 rounded-full bg-[#CB438B]">
<div class="flex flex-col items-center justify-center h-52 w-52">
<Siren size={84} color="white" />
<p class="mt-2">ศูนย์ รปภ. จุฬาฯ</p>
<p class="mb-4">02-218-0000</p>
</div>
</span>
</a>
<div class="mt-2 gap-2 flex flex-col items-center justify-center">
<ButtonFd variant="fill" color="white" href="tel:191">
<Phone slot="icon" size={20} />
เหตุนอกมหาวิทยาลัย<br>191
</ButtonFd>
<ButtonFd variant="fill" color="white" href="tel:1669">
<Phone slot="icon" size={20} />
อุบัติเหตุร้ายแรง<br>1669
</ButtonFd>
</div>

</Popup>
</section>
<ButtonFd variant="fill" color="white" href="/firstdate/home/">
<Home slot="icon" size={20} />
กลับหน้าหลัก
</ButtonFd>
</div>


</div>
</Layout>
Loading