From 47414a9bc269ca3f40a1c60465232ed187a41812 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Han=20Lee=20=7C=20=EC=9D=B4=ED=95=9C=EA=B2=B0?=
 <76910100+hanlee55@users.noreply.github.com>
Date: Tue, 11 Jul 2023 19:12:50 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=8C=80=EB=AC=B8=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=EC=97=90=20=ED=8B=B0=EC=BC=93=20=EA=B5=AC=EB=A7=A4=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/main/Teaser.tsx | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/components/main/Teaser.tsx b/components/main/Teaser.tsx
index 286ed9c..ec9b106 100644
--- a/components/main/Teaser.tsx
+++ b/components/main/Teaser.tsx
@@ -10,7 +10,7 @@ const TextBox = styled('div', {
   height: 'calc(100vh - 80px)',
 
   '@bp2': {
-    paddingTop: 220,
+    paddingTop: 70,
     paddingLeft: 40,
     paddingRight: 40,
   },
@@ -41,12 +41,44 @@ const Location = styled('div', {
     fontSize: 'inherit',
   },
 });
+
+const Block = styled('div', {});
+
+const LinkButton = styled('a', {
+  bodyText: 1,
+  width: '160px',
+  padding: '8px',
+  display: 'inline-block',
+  textAlign: 'center',
+  variants: {
+    reversal: {
+      true: {
+        color: '$backgroundPrimary',
+        backgroundColor: '$textPrimary',
+      },
+      false: {
+        color: '$textPrimary',
+        backgroundColor: '$backgroundPrimary',
+      },
+    },
+  },
+});
+
 const Teaser = () => {
   return (
     <TextBox>
       <Title>{'다시, \n우리, \n파이썬'}</Title>
       <Date>2023.08.11-13</Date>
       <Location>COEX 그랜드볼룸 & 아셈볼룸</Location>
+      <Block css={{ marginTop: '16px' }}>
+        <LinkButton
+          target="_blank"
+          href="https://event-us.kr/pyconkr/event/65861"
+          reversal={true}
+        >
+          티켓 구매
+        </LinkButton>
+      </Block>
     </TextBox>
   );
 };