From ec31a20f9b69d990e73b25781e6eb57667ebd1be Mon Sep 17 00:00:00 2001 From: Early Riser Date: Sun, 15 Oct 2023 14:57:59 +0900 Subject: [PATCH] =?UTF-8?q?Feat:=20Landing=ED=8E=98=EC=9D=B4=EC=A7=80=204~?= =?UTF-8?q?^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/emoji_house.svg | 12 ++++ public/icon_contract.svg | 12 ++++ public/landing_wallpaper1.svg | 6 +- public/landing_wallpaper2.svg | 1 + src/pages/Landing.jsx | 104 +++++++++++++++++++++++++++++++++- 5 files changed, 131 insertions(+), 4 deletions(-) create mode 100644 public/emoji_house.svg create mode 100644 public/icon_contract.svg create mode 100644 public/landing_wallpaper2.svg diff --git a/public/emoji_house.svg b/public/emoji_house.svg new file mode 100644 index 0000000..3076bc8 --- /dev/null +++ b/public/emoji_house.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/icon_contract.svg b/public/icon_contract.svg new file mode 100644 index 0000000..d6f928e --- /dev/null +++ b/public/icon_contract.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/landing_wallpaper1.svg b/public/landing_wallpaper1.svg index 3ee12c3..c06ab5b 100644 --- a/public/landing_wallpaper1.svg +++ b/public/landing_wallpaper1.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/public/landing_wallpaper2.svg b/public/landing_wallpaper2.svg new file mode 100644 index 0000000..dbece5f --- /dev/null +++ b/public/landing_wallpaper2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/Landing.jsx b/src/pages/Landing.jsx index e864eba..02737c2 100644 --- a/src/pages/Landing.jsx +++ b/src/pages/Landing.jsx @@ -44,6 +44,54 @@ const Landing = () => { + +
+

부동산 청약

+

내 집 마련의 꿈, {
} 손쉽게 현실로

+
+
+
+ +

청약 정보 불러오기

+
+
+

청약 공고를, {
} 한 페이지에 정리하기

+

+ 부동산 청약 정보를 검색하고, {
} 핀셋에 카드로 추가할 수 있어요. +

+
+
+

+ 내용을 바로 확인하고{
} + 소중한 기회 놓치지 않게 +

+

+ 자세한 공고 내용까지 한눈에 확인하고,{
}청약을 신청하세요. +

+
+
+ Icon Contract +

청약 공고 내용

+
+
+ + + +

+ 그럼 이제 핀셋과{
} + 함께 해볼까요? +

+

+ + google_login + 지금 시작하기 + + + ) } @@ -77,7 +125,61 @@ const Wallpaper1 = styled.div` top: 0; position: absolute; background: url(${(props) => props.$imgsrc}) center no-repeat; - height: 700px; + height: 800px; + width: 700px; +` + +const Section5 = styled(Section)` + .landing5__downer { + display: grid; + grid-template-rows: repeat(2, 1fr); /* 2 rows with equal height */ + grid-template-columns: repeat(2, 1fr); /* 2 columns with equal width */ + gap: 20px; /* Adjust the gap as needed */ + } + .landing5__imgbox { + display: flex; + flex-direction: column; + align-items: center; + border: 2px solid #000; /* Set the border properties as desired */ + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Set the box shadow properties as desired */ + padding: 20px; /* Add padding as needed */ + } + + .landing5__image { + height: 105px; + width: 90px; + } + .landing5__upper__h3 { + font-size: 1.5rem; + font-weight: bold; + color: #5289ff; + } + + .landing5__upper__h1 { + font-size: 2rem; + line-height: 1.5; + font-weight: bold; + } +` + +const Section6 = styled(Section)` + text-align: center; + .landing6__main-text { + font-size: 2.5rem; + margin: 250px 0 20px 0; + line-height: 1.8; + font-weight: bold; + } +` +const Wallpaper2 = styled.div` + margin: 0 auto; + left: 0; + right: 0; + bottom: 0; + top: 0; + position: absolute; + background: url(${(props) => props.$imgsrc}) center no-repeat; + height: 800px; width: 700px; `