92 lines
3.0 KiB
TypeScript
92 lines
3.0 KiB
TypeScript
/**
|
|
* 물 재이용 사례
|
|
*/
|
|
export const dynamic = "force-dynamic";
|
|
import SubPageHeader from "@/components/SubPageHeader";
|
|
import BusinessSubNav, { type BusinessSubNavMenu } from "@/components/BusinessSubNav";
|
|
|
|
import ExampleSection from "./exampleSection";
|
|
// import RainExampleSection from "./_components/RainExampleSection";
|
|
// import GreywaterExampleSection from "./_components/GreywaterExampleSection";
|
|
// import SewageExampleSection from "./_components/SewageExampleSection";
|
|
// import GlobalCaseSection from "./_components/GlobalCaseSection";
|
|
|
|
const menus: BusinessSubNavMenu[] = [
|
|
{
|
|
key: "example-rain",
|
|
label: "빗물이용시설 사례",
|
|
sections: [
|
|
{ id: "example-rain-suwon", label: "경기도 수원시" },
|
|
{ id: "example-rain-jeju", label: "제주특별자치도" },
|
|
],
|
|
},
|
|
{
|
|
key: "example-greywater",
|
|
label: "중수도 사례",
|
|
defaultOpen: false,
|
|
sections: [
|
|
{ id: "example-greywater-ansan", label: "경기도 안산시" },
|
|
{ id: "example-greywater-yongin", label: "경기도 용인시" },
|
|
{ id: "example-greywater-pyeongtaek", label: "경기도 평택시" },
|
|
],
|
|
},
|
|
{
|
|
key: "example-sewage",
|
|
label: "하수처리수 재이용 사례",
|
|
defaultOpen: false,
|
|
sections: [
|
|
{ id: "example-sewage-guri", label: "경기도 구리시" },
|
|
{ id: "example-sewage-bucheon", label: "경기도 부천시" },
|
|
{ id: "example-sewage-suwon", label: "경기도 수원시" },
|
|
{ id: "example-sewage-paju", label: "경기도 파주시" },
|
|
{ id: "example-sewage-pohang", label: "경기도 포항시" },
|
|
{ id: "example-sewage-ulsan", label: "울산광역시" },
|
|
{ id: "example-sewage-yeosu", label: "전라남도 여수시" },
|
|
{ id: "example-sewage-boryeong", label: "충청남도 보령시" },
|
|
{ id: "example-sewage-asan", label: "충청남도 아산시" },
|
|
],
|
|
},
|
|
{
|
|
key: "example-global",
|
|
label: "해외 재이용 사례",
|
|
defaultOpen: false,
|
|
sections: [
|
|
{ id: "example-global-overview", label: "사례 개요" },
|
|
{ id: "example-global-taiwan", label: "대만" },
|
|
{ id: "example-global-singapore", label: "싱가포르" },
|
|
{ id: "example-global-australia", label: "호주" },
|
|
{ id: "example-global-eu", label: "EU" },
|
|
],
|
|
},
|
|
];
|
|
|
|
// function Hr({ className = "" }: { className?: string }) {
|
|
// return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
|
|
// }
|
|
|
|
export default function ExamplePage() {
|
|
return (
|
|
<div className="relative">
|
|
{/* 상단 헤더 */}
|
|
<SubPageHeader
|
|
title="물 재이용 사례"
|
|
crumbs={[
|
|
{ label: "Home", href: "/main" },
|
|
{ label: "물 재이용 사례" },
|
|
]}
|
|
/>
|
|
|
|
{/* 우측 앵커 네비 */}
|
|
<BusinessSubNav menus={menus} offsetTop={120} />
|
|
|
|
<div className="max-w-[1320px] pb-24">
|
|
<ExampleSection />
|
|
{/* <RainExampleSection />
|
|
<GreywaterExampleSection />
|
|
<SewageExampleSection />
|
|
<GlobalCaseSection /> */}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|