24 lines
821 B
JavaScript
24 lines
821 B
JavaScript
function HeadPageList({ children, title, detail }) {
|
|
return (
|
|
<div className="bg-head-menu !bg-no-repeat !bg-cover !bg-center">
|
|
<div
|
|
className="
|
|
padding-responsive flex flex-col items-center gap-[25px]
|
|
pt-[calc(12px_+_75px_+_32px)] sm:pt-[calc(21px_+_75px_+_45px)] md:pt-[calc(30px_+_75px_+_58px)] lg:pt-[calc(40px_+_75px_+_78px)]
|
|
pb-[62px] sm:pb-[69px] md:pb-[76px] lg:pb-[85px]
|
|
"
|
|
>
|
|
<p className="text-[#3B3B3B] text-[16px] sm:text-[19px] md:text-[22px] lg:text-[24px] text-center font-bold">
|
|
{title}
|
|
</p>
|
|
<p className="text-[#3B3B3B] text-[14px] md:text-[16px] text-center font-normal">
|
|
{detail}
|
|
</p>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default HeadPageList;
|