chore: 페이지 라우트 연결 (#52)

sopt-makers · Jul 28, 2023 · a272776 · a272776
1 parent 39eefa6
commit a272776
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 19 deletions.
diff --git a/apps/web/src/components/common/RecruitButton.tsx b/apps/web/src/components/common/RecruitButton.tsx
@@ -46,9 +46,9 @@ export default function RecruitButton() {
  return (
  <Link
  href='/recruit/'
- className='bg-dark1 mb-[5.104rem] mt-[4rem] rounded-[1.2rem] border border-solid border-[#808388] px-[4rem] py-[1.6rem]'
+ className='bg-dark1 mb-[3rem] mt-[4rem] rounded-[1.2rem] border border-solid border-[#808388] px-[4rem] py-[1.6rem]'
  >
- <p className='md:text-24-semibold text-18-semibold'>3기 합류하기 (~8/05)</p>
+ <p className='md:text-24-semibold text-18-semibold'>3기 합류하기 (~8/5)</p>
  <p className='text-16-regular mt-[1.2rem] text-center'>{timeLeft}</p>
  </Link>
  );

diff --git a/apps/web/src/components/mainpage/floating/Footer.tsx b/apps/web/src/components/mainpage/floating/Footer.tsx
@@ -1,13 +1,16 @@
+import Link from 'next/link';
+
 import { RightArrowIcon } from '../../common/RightArrowIcon';
-import { handleScroll } from './handleScroll';
 
 export default function Footer() {
  return (
- <button className='text-24-semibold fixed bottom-[6rem] right-[6rem] z-20'>
- <div className='flex flex-row items-center justify-center gap-[0.8rem]' onClick={() => handleScroll(50000)}>
- 3기 합류하기 (~8/05)
- <RightArrowIcon />
- </div>
- </button>
+ <Link href='/recruit/'>
+ <button className='text-24-semibold fixed bottom-[6rem] right-[6rem] z-20'>
+ <div className='flex flex-row items-center justify-center gap-[0.8rem]'>
+ 3기 합류하기 (~8/5)
+ <RightArrowIcon />
+ </div>
+ </button>
+ </Link>
  );
 }
diff --git a/apps/web/src/components/mainpage/prouduct/ProductSection.tsx b/apps/web/src/components/mainpage/prouduct/ProductSection.tsx
@@ -1,4 +1,5 @@
 import clsx from 'clsx';
+import Link from 'next/link';
 
 import Description from './Description';
 import Title from './Title';
@@ -27,9 +28,11 @@ export default function ProductSection({ className }: ProductProps) {
  </p>
  </section>
  <nav className='md:text-40-semibold text-24-semibold w-full border-solid border-white md:border-l'>
- <Title type='official' className='sticky top-0'>
- OFFICIAL
- </Title>
+ <Link href='https://www.sopt.org/'>
+ <Title type='official' className='sticky top-0'>
+ OFFICIAL
+ </Title>
+ </Link>
  <Description type='official'>
  SOPT 공식 홈페이지에서는 그동안 잘 드러나지 않던 <br className='md:hidden' />
  SOPT의 다양한 활동들과 사람들을 소개하고, 멋진 결과물을 잘 보여주어
@@ -38,13 +41,15 @@ export default function ProductSection({ className }: ProductProps) {
  <br /> 그로 인해 대외적으로 후원 및 협력을 용이하게 하고, 더 많은 분들이 SOPT를 잘 이해하고 지원할 수
  있도록 도와요.
  </Description>
- <Title
- type='playground'
- className='sticky top-[8.4rem] border-t border-solid border-white md:top-[11.1rem]'
- >
- PLAYGROUND
- <br />& CREW
- </Title>
+ <Link href='https://playground.sopt.org/'>
+ <Title
+ type='playground'
+ className='sticky top-[8.4rem] border-t border-solid border-white md:top-[11.1rem]'
+ >
+ PLAYGROUND
+ <br />& CREW
+ </Title>
+ </Link>
  <Description type='playground'>
  플레이그라운드에서는 <br className='md:hidden' />
  SOPT 전체 회원들의 소개를 볼 수 있고, 나보다 앞을 걸어가고 있는 OB들에게 멘토링을 신청할 수 있어요.