Feat/#93 nayeon qa

src/asset/image/index.tsx

@@ -2,4 +2,6 @@ export { default as ImgCategoryBanner } from "./categoryBanner.png";
 export { default as ImgDefaultProfile } from "./defaultProfile.png";
 export { default as ImgBanner1 } from "./mainbanner01.jpg";
 export { default as ImgBanner2 } from "./mainbanner02.jpg";
+export { default as ImgBanner3 } from "./mainbanner03.png";
+export { default as ImgBanner4 } from "./mainbanner04.jpg";
 export { default as ImgPiickleLoading } from "./piickleLoading.gif";

src/components/CardCollection/Card/LastCard/index.tsx

@@ -10,7 +10,7 @@ export default function LastCard() {
         나누셨나요?
       </St.ContentTitle>
       <St.Content>
-        오른쪽에서 왼쪽으로 스와이핑 해서
+        화살표를 터치해서
         <br />
         새로운 대화 주제를 둘러보세요
       </St.Content>

src/components/Main/Banner/index.tsx

@@ -4,7 +4,7 @@ import "slick-carousel/slick/slick-theme.css";
 import { useState } from "react";
 import Slider from "react-slick";
 
-import { ImgBanner1, ImgBanner2 } from "../../../asset/image";
+import { ImgBanner1, ImgBanner2, ImgBanner3, ImgBanner4 } from "../../../asset/image";
 import { St } from "./style";
 
 type BannerImage = {
@@ -13,11 +13,19 @@ type BannerImage = {
 };
 const BannerImage: BannerImage[] = [
   {
-    src: "https://piiklebucket11.s3.ap-northeast-2.amazonaws.com/mainbanner01.jpg",
+    src: ImgBanner1,
     alt: "피클 소개 이미지",
   },
   {
-    src: "https://piiklebucket11.s3.ap-northeast-2.amazonaws.com/mainbanner02.jpg",
+    src: ImgBanner2,
+    alt: "피클 소개 이미지",
+  },
+  {
+    src: ImgBanner3,
+    alt: "피클 소개 이미지",
+  },
+  {
+    src: ImgBanner4,
     alt: "피클 소개 이미지",
   },
 ];
@@ -45,7 +53,7 @@ export default function Banner() {
       </Slider>
 
       <St.ContentsPages>
-        <St.CurrentPage>{currentSlide + 1} / 2</St.CurrentPage>
+        <St.CurrentPage>{currentSlide + 1} / 4</St.CurrentPage>
       </St.ContentsPages>
     </St.BannerSlider>
   );

src/components/common/Footer/index.tsx

@@ -1,3 +1,4 @@
+import { element, string } from "prop-types";
 import React from "react";
 
 import { St } from "./style";
@@ -8,7 +9,7 @@ export default function Footer() {
 
   type serviceInfo = {
     title: string;
-    detail: string;
+    detail: any;
   };
 
   const ServiceInfo: serviceInfo[] = [
@@ -18,7 +19,7 @@ export default function Footer() {
     },
     {
       title: "Info",
-      detail: "공식 노션 바로가기",
+      detail: <a href="https://www.notion.so/piickle-a44992440f3b4e808a175f7fc1a4fe25">공식 노션 바로가기</a>,
     },
     {
       title: "Instagram",