import "./PhilosophyBanner.scss";
import PhilosophyBannerImage from "./assets/main_visual_02.jpg";

export default function PhilosophyBanner(): React.ReactElement {
  return (
    <div className="wide-image-banner">
      <div
        className="background-image"
        style={{ backgroundImage: `url(${PhilosophyBannerImage})` }}
      ></div>
      <div className="widget-container">
        <div className="text-widget">
          <p className="title">
            든든한 솥밥을 위해
            <br />
            한솥이 지키고,
            <br />
            키워가는 것들
          </p>
          <p className="text-content">
            한솥은 '따끈한 도시락으로 지역사회에 공헌한다' 라는
            <br />
            기업이념 아래, 고객 이익을 최우선으로 하며 엄선된
            <br />
            좋은 식재료만 사용하는 대한민국 외식종합기업 시장을
            <br />
            리드하는 글로벌 종합외식기업 입니다.
          </p>
          <a href="#none" className="button">
            브랜드 철학
          </a>
        </div>
      </div>
    </div>
  );
}
