22 lines
702 B
TypeScript
22 lines
702 B
TypeScript
/**
|
|
* DEMO PlanHeader의 블롭 위치·색상과 동일 (motion 이동은 FE에서 미구현 — 정적 레이어만 유지).
|
|
*/
|
|
export function PlanHeaderHeroBlobs() {
|
|
return (
|
|
<>
|
|
<div
|
|
className="absolute top-10 left-10 w-72 h-72 rounded-full bg-indigo-200/30 blur-3xl pointer-events-none"
|
|
aria-hidden
|
|
/>
|
|
<div
|
|
className="absolute bottom-10 right-10 w-96 h-96 rounded-full bg-pink-200/30 blur-3xl pointer-events-none"
|
|
aria-hidden
|
|
/>
|
|
<div
|
|
className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-80 h-80 rounded-full bg-purple-200/20 blur-3xl pointer-events-none"
|
|
aria-hidden
|
|
/>
|
|
</>
|
|
);
|
|
}
|