From ba18a3b2b6c227674f401a9863cd6becf6ca9d01 Mon Sep 17 00:00:00 2001
From: YOOJS1205 <junsang8921@gmail.com>
Date: Sat, 20 Apr 2024 20:16:49 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20journeyentrance=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=98=A4?=
 =?UTF-8?q?=EB=B2=84=EB=9D=BC=EC=9D=B4=EB=94=A9=20=EA=B0=80=EB=8A=A5?=
 =?UTF-8?q?=ED=95=98=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95,=20about=20?=
 =?UTF-8?q?=EB=A7=81=ED=81=AC=20=EB=B2=84=ED=8A=BC=20=EB=85=B8=EC=B6=9C=20?=
 =?UTF-8?q?props=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Main/JourneyEntrance.tsx | 19 ++++++++++++-------
 src/pages/index.tsx                     |  2 +-
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/Main/JourneyEntrance.tsx b/src/components/Main/JourneyEntrance.tsx
index db627ba2..231cc484 100644
--- a/src/components/Main/JourneyEntrance.tsx
+++ b/src/components/Main/JourneyEntrance.tsx
@@ -1,23 +1,28 @@
-import { css } from '@emotion/react';
+import { css, SerializedStyles, Theme } from '@emotion/react';
 
 import { LinkButton } from './LinkButton';
 import { Journey } from '../Journey';
 
-export function JourneyEntrance() {
+interface JorneyEntranceProps {
+  hasLinkButton: boolean;
+  style?: SerializedStyles;
+}
+
+export function JourneyEntrance({ hasLinkButton, style }: JorneyEntranceProps) {
   return (
-    <section css={layoutCss}>
+    <section css={[layoutCss, style]}>
       <Journey />
-      <LinkButton color="black" text="ABOUT" href="/about" />
+      {hasLinkButton && <LinkButton color="black" text="ABOUT" href="/about" />}
     </section>
   );
 }
 
-const layoutCss = css`
-  padding: 80px 0;
+const layoutCss = (theme: Theme) => css`
+  padding: 120px 0;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 80px;
   align-items: center;
-  background-color: white;
+  background-color: ${theme.colors.lightGray};
 `;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index b30275fc..1d8f7fa3 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -16,7 +16,7 @@ export default function Root() {
             height={780}
             color={'blue'}
           />
-          <JourneyEntrance />
+          <JourneyEntrance hasLinkButton />
           <RecruitEntrance />
           <ProjectCarousel />
           <Ending />