import "./MoreInfo.scss";

import Image1 from "./assets/more_hansot.jpg";
import Image2 from "./assets/more_event.jpg";
import Image3 from "./assets/more_news.jpg";

export default function MoreInfo(): React.ReactElement {
  return (
    <div className="more-container">
      <div className="title">
        <p>더 많은 이야기</p>
        <div className="line"></div>
      </div>
      <div className="more-list">
        <a className="card" href="#">
          <img src={Image1} alt="" className="card-image" />
          <div className="card-title">한솥의 약속</div>
        </a>
        <a className="card" href="#">
          <img src={Image2} alt="" className="card-image" />
          <div className="card-title">온라인 이벤트</div>
        </a>
        <a className="card" href="#">
          <img src={Image3} alt="" className="card-image" />
          <div className="card-title">한솥 NEWS</div>
        </a>
      </div>
    </div>
  );
}
