MOHandClaude Sonnet 4.6
868eb80374
- Replace animated blob/wave/noise backdrop with clean static gradient (radial ellipse highlights + linear fade) in hero-motion-backdrop - Remove all framer-motion from background layer; delete unused CSS classes: hero-blob, hero-sheet-glow, hero-sheet-wave, hero-sheet-noise, hero-title-shift keyframe, and responsive blob media queries - Add framer-motion stagger entrance to HeroContentMotion, HeroMotionItem, and HeroTitle (slide-up + fade on mount) - Refactor coming-soon page to use HeroContentMotion/HeroMotionItem instead of MotionFade (whileInView unreliable above the fold) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
14 lines
365 B
TypeScript
14 lines
365 B
TypeScript
type HeroMotionBackdropProps = {
|
|
compact?: boolean;
|
|
};
|
|
|
|
export function HeroMotionBackdrop({}: HeroMotionBackdropProps) {
|
|
return (
|
|
<div className="hero-sheet pointer-events-none absolute inset-0 overflow-hidden">
|
|
<div className="hero-sheet-base" />
|
|
<div className="hero-sheet-veil" />
|
|
<div className="hero-sheet-fade" />
|
|
</div>
|
|
);
|
|
}
|