diff --git a/public/easter-eggs/antarctica.png b/public/easter-eggs/antarctica.png
new file mode 100644
index 000000000..4512ff345
Binary files /dev/null and b/public/easter-eggs/antarctica.png differ
diff --git a/public/easter-eggs/bouvet.png b/public/easter-eggs/bouvet.png
new file mode 100644
index 000000000..5952188dc
Binary files /dev/null and b/public/easter-eggs/bouvet.png differ
diff --git a/public/easter-eggs/christmas.png b/public/easter-eggs/christmas.png
new file mode 100644
index 000000000..28c1a664d
Binary files /dev/null and b/public/easter-eggs/christmas.png differ
diff --git a/public/easter-eggs/cocos.png b/public/easter-eggs/cocos.png
new file mode 100644
index 000000000..45abe6c80
Binary files /dev/null and b/public/easter-eggs/cocos.png differ
diff --git a/public/easter-eggs/heard.png b/public/easter-eggs/heard.png
new file mode 100644
index 000000000..3327267a7
Binary files /dev/null and b/public/easter-eggs/heard.png differ
diff --git a/public/easter-eggs/pitcairn.png b/public/easter-eggs/pitcairn.png
new file mode 100644
index 000000000..2fc3969c4
Binary files /dev/null and b/public/easter-eggs/pitcairn.png differ
diff --git a/public/easter-eggs/southgeorgia.png b/public/easter-eggs/southgeorgia.png
new file mode 100644
index 000000000..65170b6ef
Binary files /dev/null and b/public/easter-eggs/southgeorgia.png differ
diff --git a/public/easter-eggs/tokelau.png b/public/easter-eggs/tokelau.png
new file mode 100644
index 000000000..a438c4d1f
Binary files /dev/null and b/public/easter-eggs/tokelau.png differ
diff --git a/src/app/(mobile-ui)/dev/ds/patterns/modal/page.tsx b/src/app/(mobile-ui)/dev/ds/patterns/modal/page.tsx
index e16c79855..d2598a969 100644
--- a/src/app/(mobile-ui)/dev/ds/patterns/modal/page.tsx
+++ b/src/app/(mobile-ui)/dev/ds/patterns/modal/page.tsx
@@ -11,9 +11,11 @@ import { DocSection } from '../../_components/DocSection'
import { SectionDivider } from '../../_components/SectionDivider'
import { DocPage } from '../../_components/DocPage'
import { CodeBlock } from '../../_components/CodeBlock'
+import EasterEggModal from '@/components/Global/EasterEggModal'
export default function ModalPage() {
const [showModal, setShowModal] = useState(false)
+ const [showEasterEgg, setShowEasterEgg] = useState(false)
const [showActionModal, setShowActionModal] = useState(false)
const [actionCheckbox, setActionCheckbox] = useState(false)
@@ -322,6 +324,43 @@ export default function ModalPage() {
+
+
+
+ {/* Easter Egg Modal */}
+
+
+
+ Fun modal shown when users tap uninhabited/weird countries (Antarctica, Bouvet Island, etc.) in
+ the country selector. Uses base Modal with an image and humorous caption.
+