Simplify hero backgrounds and add entrance animations

- 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>
This commit is contained in:
MOH
2026-03-17 22:48:51 +01:00
co-authored by Claude Sonnet 4.6
parent f490133345
commit 868eb80374
10 changed files with 92 additions and 181 deletions
+10 -2
View File
@@ -129,6 +129,14 @@ const sectionTypeOptions: PortfolioSectionType[] = [
"LINK",
];
const sectionTypeLabels: Record<PortfolioSectionType, string> = {
RICH_TEXT: "Rich Text",
GALLERY: "Gallery (image)",
STATS: "Stats (text)",
DELIVERABLES: "Deliverables (text)",
LINK: "Link",
};
const viewModeOptions: Array<{
value: PortfolioProjectViewMode;
label: string;
@@ -137,7 +145,7 @@ const viewModeOptions: Array<{
}> = [
{ value: "GRID", label: "Grid", description: "Balanced modular layout.", icon: Grid2x2 },
{ value: "STORY", label: "Story", description: "Narrative section flow.", icon: BookOpenText },
{ value: "CASE_STUDY", label: "Case Study", description: "Structured challenge and result view.", icon: BriefcaseBusiness },
{ value: "CASE_STUDY", label: "Case Study", description: "Structured challenge/solution/outcome view. Sections 13 become the lead panels.", icon: BriefcaseBusiness },
];
const wizardSteps: Array<{
@@ -1046,7 +1054,7 @@ export function PortfolioProjectForm({
<SelectContent>
{sectionTypeOptions.map((type) => (
<SelectItem key={type} value={type}>
{type}
{sectionTypeLabels[type]}
</SelectItem>
))}
</SelectContent>