94 lines
3.1 KiB
TypeScript
94 lines
3.1 KiB
TypeScript
"use client";
|
|
|
|
export default function LawIntroSection() {
|
|
const contentsHtml = `
|
|
<div class="contents-page">
|
|
<div class="page-title">
|
|
<h2>
|
|
<span class="title-text">물재이용법</span>
|
|
<span class="title-bg"> </span>
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="sections">
|
|
<section id="law-plan" class="section first">
|
|
<div class="section-title">
|
|
<span class="section-bar"> </span>
|
|
<h3>법률 제·개정 및 기본계획 수립</h3>
|
|
</div>
|
|
<div class="image-wrap">
|
|
<img src="/images/landing/intro/law_timeline.png" alt="법률 제·개정 및 기본계획 수립" />
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="plan-performance" class="section">
|
|
<div class="section-title">
|
|
<span class="section-bar"> </span>
|
|
<h3>제2차 계획 대비 실적 현황</h3>
|
|
</div>
|
|
<div class="image-wrap">
|
|
<img src="/images/landing/intro/performance_left.png" alt="제2차 계획 대비 실적 현황" />
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="domestic-change" class="section">
|
|
<div class="section-title">
|
|
<span class="section-bar"> </span>
|
|
<h3>우리나라의 수자원 현황 및 물이용 여건</h3>
|
|
</div>
|
|
<div class="image-wrap">
|
|
<img src="/images/landing/intro/domestic_textbox.png" alt="우리나라의 수자원 현황 및 물이용 여건" />
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="policy-history" class="section">
|
|
<div class="section-title">
|
|
<span class="section-bar"> </span>
|
|
<h3>물 재이용 정책 변화 추이</h3>
|
|
</div>
|
|
<div class="image-wrap">
|
|
<img src="/images/landing/intro/policy_timeline.png" alt="물 재이용 정책 변화 추이" />
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="law-relation" class="section">
|
|
<div class="section-title">
|
|
<span class="section-bar"> </span>
|
|
<h3>타법령과의 관계 검토</h3>
|
|
</div>
|
|
<div class="image-wrap">
|
|
<img src="/images/landing/intro/rel_note.png" alt="타법령과의 관계 검토" />
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<section id="domestic-linkage" class="section">
|
|
<div class="section-title">
|
|
<span class="section-bar"> </span>
|
|
<h3>주요 국가계획의 정책방향과 연계한 물 재이용 정책 필요</h3>
|
|
</div>
|
|
<div class="image-wrap">
|
|
<img src="/images/landing/intro/linkage.png" alt="주요 국가계획의 정책방향과 연계한 물 재이용 정책 필요" />
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
return (
|
|
<div
|
|
className="bg-white"
|
|
dangerouslySetInnerHTML={{ __html: contentsHtml }}
|
|
/>
|
|
);
|
|
}
|