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:
@@ -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 1–3 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>
|
||||
|
||||
Reference in New Issue
Block a user