33 lines
893 B
TypeScript
33 lines
893 B
TypeScript
import { PlanHeaderMetaChips } from "@/features/plan/ui/header/PlanHeaderMetaChips";
|
|
|
|
type PlanHeaderHeroColumnProps = {
|
|
clinicName: string;
|
|
clinicNameEn: string;
|
|
date: string;
|
|
targetUrl: string;
|
|
};
|
|
|
|
/** DEMO `PlanHeader` 좌측 타이포·간격과 동일 */
|
|
export function PlanHeaderHeroColumn({
|
|
clinicName,
|
|
clinicNameEn,
|
|
date,
|
|
targetUrl,
|
|
}: PlanHeaderHeroColumnProps) {
|
|
return (
|
|
<div className="flex-1 text-center md:text-left">
|
|
<p className="text-xs font-semibold text-[#6C5CE7] mb-4 tracking-widest uppercase break-keep">
|
|
Marketing Execution Plan
|
|
</p>
|
|
|
|
<h1 className="font-serif text-4xl md:text-5xl font-bold text-[#0A1128] mb-3 break-keep">
|
|
{clinicName}
|
|
</h1>
|
|
|
|
<p className="text-xl text-slate-600 mb-8 break-keep">{clinicNameEn}</p>
|
|
|
|
<PlanHeaderMetaChips date={date} targetUrl={targetUrl} />
|
|
</div>
|
|
);
|
|
}
|