From 73dd72c8abeb04473f9945809f2de7037379e34a Mon Sep 17 00:00:00 2001 From: junglesub Date: Tue, 6 Aug 2024 18:56:36 +0900 Subject: [PATCH] feat(homeunreg.jsx): home button finish --- .../Section1/main-EntertheRoom-hover.svg | 4 + src/components/Home/HomeUnreg.jsx | 129 +++++++++++++++++- 2 files changed, 130 insertions(+), 3 deletions(-) create mode 100644 src/assets/MainHome/Section1/main-EntertheRoom-hover.svg diff --git a/src/assets/MainHome/Section1/main-EntertheRoom-hover.svg b/src/assets/MainHome/Section1/main-EntertheRoom-hover.svg new file mode 100644 index 0000000..4468c5e --- /dev/null +++ b/src/assets/MainHome/Section1/main-EntertheRoom-hover.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/Home/HomeUnreg.jsx b/src/components/Home/HomeUnreg.jsx index 7e1fecc..a40129b 100644 --- a/src/components/Home/HomeUnreg.jsx +++ b/src/components/Home/HomeUnreg.jsx @@ -1,14 +1,18 @@ import { useEffect, useRef, useState } from "react"; +import { useParams } from "react-router-dom"; import { useRecoilValue, useResetRecoilState } from "recoil"; import styled from "styled-components"; -import { useParams } from "react-router-dom"; import AOS from "aos"; +import googleLogo from "src/assets/googlelogo.svg"; +import kakaoLogo from "src/assets/kakaologo.svg"; + import "aos/dist/aos.css"; import MainWoomoolText from "../../assets/MainHome/Section1/main-woomol-text.svg"; import MainPointDownImg from "../../assets/MainHome/Section1/main-point-down.svg"; import MainEntertheRoomImg from "../../assets/MainHome/Section1/main-EntertheRoom.svg"; +import MainEntertheRoomImgHover from "../../assets/MainHome/Section1/main-EntertheRoom-hover.svg"; import { authJwtAtom } from "../../recoil/auth/atoms"; import Header from "../Header"; @@ -17,10 +21,16 @@ import MainHomeComp2_1 from "./MainHomeComp2_1"; import MainHomeComp3 from "./MainHomeComp3"; import MainHomeComp4 from "./MainHomeComp4"; import Footer from "./Footer"; -import { pretendard } from "../../styles/fonts"; +import { pretendard, timesNewRoman } from "../../styles/fonts"; +import { HoverImageSpan } from "../../styles/stylePresets"; +import TheModal from "../TheModal"; + +import headerLogo from "src/assets/header-logo.svg"; +import { serverRootUrl } from "../../constants"; function HomeUnreg() { const [videoLoadedComplete, setVideoLoadedComplete] = useState(false); + const [openModal, setOpenModal] = useState("initial"); const jwtValue = useRecoilValue(authJwtAtom); const resetAuth = useResetRecoilState(authJwtAtom); @@ -57,7 +67,16 @@ function HomeUnreg() { {/* */} - + setOpenModal("show")} + > + + +