diff --git a/src/assets/leesangmi.webp b/src/assets/leesangmi.webp new file mode 100644 index 0000000..1898d4b Binary files /dev/null and b/src/assets/leesangmi.webp differ diff --git a/src/assets/leeyeonghyun.webp b/src/assets/leeyeonghyun.webp new file mode 100644 index 0000000..eaaf703 Binary files /dev/null and b/src/assets/leeyeonghyun.webp differ diff --git a/src/pages/SpecialGuestPage.styled.tsx b/src/pages/SpecialGuestPage.styled.tsx index 98b3b08..2454d18 100644 --- a/src/pages/SpecialGuestPage.styled.tsx +++ b/src/pages/SpecialGuestPage.styled.tsx @@ -5,7 +5,7 @@ export const MainContent = styled.div` flex-direction: column; justify-content: center; align-items: center; - margin-top: 20px; + margin-top: 50px; position: relative; p { text-shadow: 0px 2px 4px rgba(0, 0, 0, 25%); @@ -27,7 +27,7 @@ export const GuestContainer = styled.div` flex-direction: column; gap: 36px; p { - text-shadow: none; + text-shadow: 0px 2px 4px rgba(0, 0, 0, 25%); } `; export const Date = styled.div` diff --git a/src/pages/SpecialGuestPage.tsx b/src/pages/SpecialGuestPage.tsx index cf2fbc6..e8c3e56 100644 --- a/src/pages/SpecialGuestPage.tsx +++ b/src/pages/SpecialGuestPage.tsx @@ -8,19 +8,19 @@ import { Text } from "@/components/typography/Text"; import tencmImg from "@/assets/10cm.jpg"; import backImg from "@/assets/BackImg.png"; -import bigmamaImg from "@/assets/bigmama.webp"; import hahaImg from "@/assets/haha.webp"; import jannaviImg from "@/assets/jannavi.jpg"; +import leesangmi from "@/assets/leesangmi.webp"; +import leeyeonghyun from "@/assets/leeyeonghyun.webp"; import loykimImg from "@/assets/loykim.webp"; import norazoImg from "@/assets/norazo.jpg"; import paulblancoImg from "@/assets/paulblanco.avif"; import qwerImg from "@/assets/qwer.webp"; -import soranbandImg from "@/assets/soranband.webp"; import { MainContent, GuestCard, GuestContainer, Date, BackImg } from "./SpecialGuestPage.styled"; const SpecialGuestPage: React.FC = () => { - const [activeDate, setActiveDate] = useState("5.22"); + const [activeDate, setActiveDate] = useState("5.21"); const handleDateClick = (date: string) => { setActiveDate(date); @@ -31,19 +31,19 @@ const SpecialGuestPage: React.FC = () => { const guestData: GuestData = { "5.21": [ - { pic: jannaviImg, name: "잔나비" }, + { pic: leesangmi, name: "이상미(EX)" }, { pic: norazoImg, name: "노라조" }, - { pic: soranbandImg, name: "소란밴드" }, + { pic: jannaviImg, name: "잔나비" }, ], "5.22": [ + { pic: hahaImg, name: "하하" }, { pic: qwerImg, name: "QWER" }, { pic: tencmImg, name: "10CM" }, - { pic: hahaImg, name: "하하" }, ], "5.23": [ - { pic: paulblancoImg, name: "Paul Balnco" }, { pic: loykimImg, name: "로이킴" }, - { pic: bigmamaImg, name: "빅마마" }, + { pic: paulblancoImg, name: "Paul Balnco" }, + { pic: leeyeonghyun, name: "이영현(빅마마)" }, ], }; const renderGuests = () => {