diff --git a/src/app/page.tsx b/src/app/page.tsx index 8ef2b35..8bf3c9b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,6 +10,7 @@ import YellowCat from '@/components/landing/YellowCat'; import { Button } from '@/components/ui/Button'; import { motion } from 'framer-motion'; import dynamic from 'next/dynamic'; +import { useRouter } from 'next/navigation'; // import Image from 'next/image'; // Next.js Image 컴포넌트 제거 import { useCallback, useEffect, useRef, useState } from 'react'; @@ -132,6 +133,11 @@ const SafeFullPage: React.FC = (props) => { const [mounted, setMounted] = useState(false); const styleRef = useRef(null); const originalConsoleErrorRef = useRef(null); + const router = useRouter(); + + const handleStartMeeting = useCallback(() => { + router.push('/meeting/mogakco'); + }, [router]); useEffect(() => { // 클라이언트 환경에 완전히 있는지 확인하기 위해 다음 틱까지 대기 @@ -253,6 +259,7 @@ export default function Home() { const [currentSection, setCurrentSection] = useState(0); const [isMobile, setIsMobile] = useState(false); const [fullPageLoaded, setFullPageLoaded] = useState(false); + const router = useRouter(); // 디바운스가 있는 모바일 감지 const checkMobile = useCallback(() => { @@ -280,6 +287,9 @@ export default function Home() { console.error('FullPage 모듈 로드 실패:', error); } }, []); + const handleStartMeeting = useCallback(() => { + router.push('/meeting/mogakco'); + }, [router]); useEffect(() => { // 정리로 메모리 누수 방지 @@ -573,7 +583,11 @@ export default function Home() { }, }} > - @@ -608,13 +622,13 @@ export default function Home() {