diff --git a/src/components/views/Home/Banner/Banner.jsx b/src/components/views/Home/Banner/Banner.jsx index 57b57e8..da8c84c 100644 --- a/src/components/views/Home/Banner/Banner.jsx +++ b/src/components/views/Home/Banner/Banner.jsx @@ -1,19 +1,23 @@ import React, { useState } from "react"; -import { useNavigate } from "react-router-dom"; import Slider from "react-slick"; import "slick-carousel/slick/slick-theme.css"; import "slick-carousel/slick/slick.css"; -import { IMAGES } from "../../../../constants/images"; import "./Banner.css"; const Banner = () => { - const navigate = useNavigate(); const eventBanners = [ - // { bannerImg: "https://readyvery.com/statics/images/event/ic_home_event1.png" }, - // { bannerImg: "https://readyvery.com/statics/images/event/ic_home_event2.png" }, - // { bannerImg: "https://readyvery.com/statics/images/event/ic_home_event3.png" }, - { bannerImg: IMAGES.banner_img }, - { bannerImg: IMAGES.banner2_img }, + { + bannerImg: + "https://readyvery.com/statics/images/event/ic_home_event1.png", + }, + { + bannerImg: + "https://readyvery.com/statics/images/event/ic_home_event2.png", + }, + { + bannerImg: + "https://readyvery.com/statics/images/event/ic_home_event3.png", + }, ]; const [currentIndex, setCurrentIndex] = useState(0); @@ -31,14 +35,12 @@ const Banner = () => { return (
- + {eventBanners.map((item) => { return (
navigate(`/search`)} - onClick={() => navigate(`/booth`)} > {`Banner
diff --git a/src/constants/images.js b/src/constants/images.js index 37de7a2..feb3c6e 100644 --- a/src/constants/images.js +++ b/src/constants/images.js @@ -69,8 +69,4 @@ export const IMAGES = { check_red: require("../assets/images/check_red.png"), check_x_red: require("../assets/images/check_x_red.png"), find_logo: require("../assets/images/ic_find_logo.png"), - - // 축제 배너 이미지 하드 - banner_img: require("../assets/images/banner_readybarry.png"), - banner2_img: require("../assets/images/banner2_readybarry.png"), };