feat(layout): add reusable page hero and services page shells
- replace bespoke page and library banners with PageHero.astro - add ServicesPage.astro for the live-style English services landing page - restyle shared hero/container measurements for the new layout shell - add self-hosted services card images
This commit is contained in:
@@ -0,0 +1,18 @@
|
||||
---
|
||||
interface Props {
|
||||
title: string;
|
||||
image?: string;
|
||||
eyebrow?: string;
|
||||
constrain?: boolean;
|
||||
}
|
||||
const { title, image, eyebrow, constrain = false } = Astro.props;
|
||||
---
|
||||
|
||||
<header class:list={['page-hero', { 'page-hero--image': image, 'page-hero--constrained': image && constrain }]} style={image ? `--hero-image: url("${image}")` : undefined}>
|
||||
<div class="container">
|
||||
{eyebrow
|
||||
? <div class="page-hero__copy"><p class="script-label">{eyebrow}</p><h1>{title}</h1></div>
|
||||
: <h1>{title}</h1>
|
||||
}
|
||||
</div>
|
||||
</header>
|
||||
Reference in New Issue
Block a user