feat: 픽플 페이지를 새 창으로 오픈하는 이벤트 구현

Java-and-Script · Dec 4, 2023 · f9eabde · f9eabde
1 parent 6373706
commit f9eabde
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/pages/WebViewPage/WebViewPage.tsx b/src/pages/WebViewPage/WebViewPage.tsx
@@ -1,7 +1,10 @@
 import styled from '@emotion/styled';
 
+import { Button } from '@components/shared/Button';
+
 import { useIntersectionObserver } from '@hooks/useIntersectionObserver';
 
+import { BUTTON_PROPS } from '@styles/button';
 import { theme } from '@styles/theme';
 
 import GithubIcon from '@assets/githubIcon.svg?react';
@@ -59,6 +62,20 @@ export const WebViewPage = () => {
               <Light>번거로운 과정없이</Light>
               <Light>경기에만 집중하게 해드릴게요</Light>
             </FontWrapper>
+            <Button
+              {...BUTTON_PROPS.LARGE_RED_BUTTON_PROPS}
+              height="50px"
+              width="100%"
+              onClick={() => {
+                window.open(
+                  'https://pickple.kr',
+                  '_blank',
+                  'width=500, height=700'
+                );
+              }}
+            >
+              체험해보기
+            </Button>
             <IconWrapper>
               <GithubIcon
                 onClick={() =>