import Footer from "@/components/layouts/Footer";
import Header from "@/components/layouts/Header";
import RoofCompliance from "@/components/roofcompliance/RoofCompliance";
import RoofComplianceDetailPop from "@/components/roofcompliance/RoofComplianceDetailPop";

export default function RoofCompliancePage(){
  return(
    <>
      <div className="wrap">
        <Header name={"屋根材適合性の確認"} backBtn={true}/>
        <div className="container">
          <div className="sale-contents">
            <div className="border-frame">
              <div className="pw-guide">
                <div className="pw-guide-txt">この適合表は参考資料として使用してください.</div>
                <div className="pw-guide-txt">詳細やお問い合わせは1：1お問い合わせをご利用ください.</div>
                <div className="pw-guide-txt">屋根材の選択or屋根材名を直接入力してください.</div>
              </div>
            </div>
            <RoofCompliance/>
          </div>
        </div>
        <Footer/>
        <button className="top-btn"></button>
      </div>
      {/* 지붕제 적합성 상세 팝업 */}
      {/* <RoofComplianceDetailPop/> */}
    </>
  )
}