94 lines
3.1 KiB
TypeScript
94 lines
3.1 KiB
TypeScript
// apps/dm/app/(landing)/reuse/business/rain/suwon/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="경기도 수원시 빗물이용과 중수도"
|
||
crumbs={[
|
||
{ label: "Home", href: "/reuse" },
|
||
{ label: "물 재이용 사례" },
|
||
{ label: "빗물 재이용 사례" },
|
||
{ label: "수원시", href: "/reuse/business/rain/suwon" },
|
||
]}
|
||
hideFooterLine
|
||
hideGuideText
|
||
wrapClassName="!pb-0"
|
||
/>
|
||
|
||
<Hr className="my-7" />
|
||
|
||
{/* 슬라이드 이미지 영역 */}
|
||
<CaseImageSlider
|
||
className="mt-8"
|
||
maxWidthClassName="max-w-[760px]"
|
||
slides={[
|
||
{ src: "/images/landing/business/rain/rain_01.png", alt: "수원시 하수 재이용 1" },
|
||
{ src: "/images/landing/business/rain/rain_02.png", alt: "수원시 하수 재이용 2" },
|
||
{ src: "/images/landing/business/rain/rain_03.png", alt: "수원시 하수 재이용 3" },
|
||
{ src: "/images/landing/business/rain/rain_04.png", alt: "수원시 하수 재이용 4" },
|
||
]}
|
||
/>
|
||
|
||
{/* 사업명 */}
|
||
<section className="mt-6">
|
||
<SectionTitle>사업명</SectionTitle>
|
||
<p className="mt-8 text-base text-gray-600">
|
||
경기도 수원시 빗물이용과 중수도
|
||
</p>
|
||
</section>
|
||
|
||
<Hr className="my-11" />
|
||
|
||
{/* 사업 방식 */}
|
||
<section className="pb-[200px]">
|
||
<SectionTitle>사업 방식</SectionTitle>
|
||
<p className="mt-8 text-base text-gray-600">
|
||
(빗물) 월드컵경기장 등 4개소에 노면 빗물분사시스템 및 빗물 공급기를 설치하여 혹서기 도시 열섬효과 및 도로 비산먼지 저감<br/>
|
||
※ 시설 가동중 도로 노면 온도의 7.2 ~ 26.3℃ 감소 효과 확인(‘21.7월, 수원시청).<br/>
|
||
다만, 가뭄기나 강우량이 적을 경우 빗물을 원활히 공급하기 다소 곤란<br/><br/>
|
||
- (중수도) 수원시청, 장안구청, 월드컵경기장에 빗물 연계 중수도를 화장실·조경용수 등으로 사용하여 수도요금 절감(연 7백~30백만원)
|
||
</p>
|
||
</section>
|
||
</div>
|
||
);
|
||
}
|