102 lines
3.0 KiB
TypeScript
102 lines
3.0 KiB
TypeScript
// apps/dm/app/(landing)/reuse/business/sewage/yeosu/page.tsx
|
|
"use client";
|
|
|
|
import SubPageHeader from "@/components/SubPageHeader";
|
|
import CaseImageSlider from "@/components/CaseImageSlider";
|
|
|
|
function SectionTitle({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<div className="flex items-center gap-3">
|
|
<span className="h-5 w-[3px] bg-sky-500" />
|
|
<h3 className="text-2xl font-bold text-neutral-900">{children}</h3>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
type HrProps = {
|
|
className?: string;
|
|
};
|
|
|
|
function Hr({ className = "" }: HrProps) {
|
|
return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
|
|
}
|
|
|
|
type ImgCardProps = {
|
|
src: string;
|
|
alt: string;
|
|
};
|
|
|
|
function ImgCard({ src, alt }: ImgCardProps) {
|
|
return (
|
|
<div className="w-full overflow-x-auto">
|
|
<img
|
|
src={src}
|
|
alt={alt}
|
|
className="block mx-auto max-w-none"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default function GreywaterPage() {
|
|
return (
|
|
<div className="bg-white">
|
|
<SubPageHeader
|
|
title="여수시 하수처리수 재이용 민간투자사업(BTO)"
|
|
crumbs={[
|
|
{ label: "Home", href: "/reuse" },
|
|
{ label: "물 재이용 사례" },
|
|
{ label: "하수 재이용 사례" },
|
|
{ label: "여수시", href: "/reuse/business/sewage/yeosu" },
|
|
]}
|
|
hideFooterLine
|
|
hideGuideText
|
|
wrapClassName="!pb-0"
|
|
/>
|
|
|
|
<Hr className="my-7" />
|
|
|
|
{/* 슬라이드 이미지 영역 */}
|
|
<CaseImageSlider
|
|
className="mt-8"
|
|
maxWidthClassName="max-w-[760px]"
|
|
slides={[
|
|
{ src: "/images/landing/business/sewage/yeosu_01.png", alt: "여수시 하수 재이용 1" },
|
|
]}
|
|
/>
|
|
|
|
{/* 사업명 */}
|
|
<section className="mt-6">
|
|
<SectionTitle>사업명</SectionTitle>
|
|
<p className="mt-8 text-base text-gray-600">
|
|
여수시 하수처리수 재이용 민간 투자사업(BTO)
|
|
</p>
|
|
</section>
|
|
|
|
<Hr className="my-11" />
|
|
|
|
{/* 사업 목적 */}
|
|
<section className="mt-6">
|
|
<SectionTitle>사업 목적</SectionTitle>
|
|
<p className="mt-8 text-base text-gray-600">
|
|
수요자가 원하는 양질의 공업용수를 저렴하게 곰급하여 한정된 수자원의 효율적 이용 및 지역적 물 부족 해소, 하수재이용을 통한 오염총량 저감 및 방류수역 수질개선
|
|
</p>
|
|
</section>
|
|
|
|
{/* 사업 주요 내용 */}
|
|
<section className="pb-[200px]">
|
|
<SectionTitle>사업 주요 내용</SectionTitle>
|
|
<p className="mt-8 text-base text-gray-600">
|
|
총사업비 : GS칼텍스, YNCC(주) 등 750억원<br/>
|
|
시행사 : 여수그린허브(주)<br/>
|
|
운영사 : 테크로스<br/>
|
|
위치: 여수시 신월로 2844일원 (여수 하수처리시설 부지 내)<br/>
|
|
처리공법 : 전처리시설(MF) + 주처리시설(RO)<br/>
|
|
시설용량 및 공급량 : 5만m³/일<br/>
|
|
관로 : 18.6km
|
|
</p>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|