import "./OwnerBanner.scss";
import SmallBanner from "./SmallBanner";

import Image1 from "./assets/main_img_03.jpg";
import Image2 from "./assets/main_img_04.jpg";

export default function OwnerBanner(): React.ReactElement {
  return (
    <div className="owner-wrapper">
      <div className="title-widget-outter">
        <div className="title-widget">
          <p className="title">
            든든한 솥밥을 위해
            <br />
            한솥이 지키고,
            <br />
            키워가는 것들
          </p>
          <p className="text-content">
            점주님들의 꿈을 실현시켜 드리기 위해
            <br />
            가맹점주와 성공까지 동행하는 한솥!
            <br />
            상담부터 개업까지 모든 희로애락을 함께 합니다.
          </p>
        </div>
      </div>
      <SmallBanner
        image={Image1}
        title={[
          "한솥은 언제나 고객과 ",
          "점주님들의 이익을 먼저 ",
          "생각합니다",
        ]}
        linkText="Why 한솥 가맹점"
      />
      <SmallBanner
        image={Image2}
        title={["한솥과 함께하는 ", "가맹점주들의 성공 ", "스토리입니다"]}
        linkText="성공수기"
      />
    </div>
  );
}
