Skip to content
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.

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

[FE] 랜딩페이지 구현 #418

Merged
merged 5 commits into from
Aug 21, 2024
Merged

[FE] 랜딩페이지 구현 #418

merged 5 commits into from
Aug 21, 2024

Conversation

Todari
Copy link
Contributor

@Todari Todari commented Aug 20, 2024

issue

구현 목적

  • 런칭 페스티벌을 앞두고 production level의 완성도를 위해 랜딩페이지 구현의 필요성을 느꼈습니다.
  • 서비스 페이지에 진입 시, 서비스에 대한 설명이 하나도 없어 사용자가 혼란을 느낄 수 있습니다.

구현 내용

2024-08-21.6.35.33.mov

참고사항

  • 디자인 예쁘게, 애니메이션 기가막히게 하고 싶긴 했지만 시간이 없어서 구색만 맞췄습니다.
  • 다음에 함께 더 이쁘게 만들어 보아용
  • 랜딩페이지에 들어가면 좋을만한 내용이나
  • 강조하고 싶은거 있으면 함꼐 얘기해 보아요

@Todari Todari added this to the lev3 milestone Aug 20, 2024
@Todari Todari self-assigned this Aug 20, 2024
@Todari Todari linked an issue Aug 20, 2024 that may be closed by this pull request
1 task
@Todari Todari changed the base branch from main to fe-dev August 20, 2024 21:50
Copy link
Contributor

@jinhokim98 jinhokim98 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

대다리 그자체 고생했어요~

Comment on lines +13 to +18
<Nav />
<MainSection />
<DescriptionSection />
<AddBillSection />
<AddMemberSection />
<MemberReportSection />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

넘 깔끔쓰

<Text size="subTitle">지출내역을 쉽게 추가하세요</Text>
<Text size="body" textColor="gray">
{`나중에 한번에 기록할 수도 있지만,
실시간으로 기록해 놓을 수 있어요`}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

실시간 언급 좋아요

Comment on lines +24 to +27
<Text style={{textAlign: 'center'}} size="subTitle" textColor="gray">{`주환이가 먼저 집에 가도
소연이가 늦게 도착해도
건상이가 술을 마시지 않아도
`}</Text>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

Comment on lines +59 to +91
const fadeIn = keyframes`
from {
opacity: 0;
}
to {
opacity: 1;
}
`;

const slideIn = keyframes`
from {
transform: translateY(1rem);
}
to {
transform: translateY(0);
}
`;

const bounce = keyframes`
0%, 100% {
transform: translate(-50%, 0);
}
50% {
transform: translate(-50%, -1rem);
}
`;

const animateWithDelay = (delay: number) => css`
opacity: 0;
animation:
${fadeIn} 1s ease-in-out ${delay}s forwards,
${slideIn} 1s ease-in-out ${delay}s forwards;
`;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

와우 애니메이션까지 넘 좋다

@Todari
Copy link
Contributor Author

Todari commented Aug 21, 2024

예비군 와서 확인해보니 cypress가 터져있네요...
아마 처음에 버튼이 "행사 시작하기" 이런 이름에서 "정산 시작하기" 로 바뀐거 때문 같아요

Copy link
Contributor

@soi-ha soi-ha left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

역시 대-토다리 너무나도 이쁜 랜딩페이지 미쳐땽~

Comment on lines +24 to +27
<Text style={{textAlign: 'center'}} size="subTitle" textColor="gray">{`주환이가 먼저 집에 가도
소연이가 늦게 도착해도
건상이가 술을 마시지 않아도
`}</Text>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

멘트 뭔데 ㅋㅋㅋㅋㅋㅋㅋㅋ

@jinhokim98 jinhokim98 merged commit eda2e25 into fe-dev Aug 21, 2024
1 check passed
@jinhokim98 jinhokim98 deleted the feature/#417 branch August 21, 2024 06:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ✅ Done
Development

Successfully merging this pull request may close these issues.

[FE] 랜딩페이지 구현
3 participants