diff --git a/apps/landing/public/images/home/popup.png b/apps/landing/public/images/home/popup.png new file mode 100644 index 00000000..e12b6b71 Binary files /dev/null and b/apps/landing/public/images/home/popup.png differ diff --git a/apps/landing/src/app/page.tsx b/apps/landing/src/app/page.tsx index a601b85d..0f92c661 100644 --- a/apps/landing/src/app/page.tsx +++ b/apps/landing/src/app/page.tsx @@ -1,5 +1,6 @@ import { Box, Center, Flex, Image, Text, VStack } from '@devup-ui/react' +import HomePopup from '@/components/home/HomePopup' import PillButton from '@/components/home/PillButton' import IconDiscord from '@/components/icons/IconDiscord' import IconKakao from '@/components/icons/IconKakao' @@ -27,6 +28,7 @@ const DESCRIPTIONS = [ export default function HomePage() { return ( + { + const hideUntil = localStorage.getItem(POPUP_STORAGE_KEY) + if (hideUntil && Date.now() < Number(hideUntil)) return + setOpen(true) + }, []) + + if (!open) return null + + const handleHideForToday = () => { + const tomorrow = new Date() + tomorrow.setHours(24, 0, 0, 0) + localStorage.setItem(POPUP_STORAGE_KEY, String(tomorrow.getTime())) + setOpen(false) + } + + const handleClose = () => setOpen(false) + + return ( + + e.stopPropagation()} + overflow="hidden" + w="min(402px, calc(100vw - 32px), calc((100dvh - 96px) * 0.75))" + > + + Braillify 이용자 설문조사 안내 + + + + 오늘 하루 안 보기 + + + + 닫기 + + + + + ) +}