6cd63f1bdf
- New TinaCMS collection 'pages' with 15 block templates: Hero, TextBlock, TwoColumn, Features, Stats, Testimonials, Team, FAQ, CTABanner, Video, Gallery, Pricing, Timeline, Divider, ContactForm - Each page has published toggle (unpublished → 404) - Route /p/:slug renders dynamic pages from content/pages/*.json - scripts/copy-pages.mjs copies content/pages → public/pages at build - prerender.mjs extended to prerender published pages - All blocks styled with design tokens + Framer Motion animations Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
71 lines
1.2 KiB
CSS
71 lines
1.2 KiB
CSS
.block-team {
|
|
padding: 80px 24px;
|
|
}
|
|
|
|
.block-team-inner {
|
|
max-width: 1100px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.block-team-title {
|
|
font-size: 2.2rem;
|
|
font-weight: 700;
|
|
color: var(--light-grey-100);
|
|
text-align: center;
|
|
margin-bottom: 48px;
|
|
}
|
|
|
|
.block-team-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
gap: 32px;
|
|
}
|
|
|
|
.block-team-card {
|
|
text-align: center;
|
|
}
|
|
|
|
.block-team-photo {
|
|
width: 120px;
|
|
height: 120px;
|
|
border-radius: 50%;
|
|
object-fit: cover;
|
|
margin: 0 auto 16px;
|
|
display: block;
|
|
border: 3px solid var(--dark-teal-100);
|
|
}
|
|
|
|
.block-team-photo-placeholder {
|
|
width: 120px;
|
|
height: 120px;
|
|
background: var(--dark-teal-100);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 2.5rem;
|
|
color: var(--light-grey-100);
|
|
font-weight: 700;
|
|
margin: 0 auto 16px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.block-team-name {
|
|
font-size: 1.15rem;
|
|
font-weight: 700;
|
|
color: var(--light-grey-100);
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.block-team-role {
|
|
font-size: 0.85rem;
|
|
color: var(--orange-100);
|
|
font-weight: 500;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.block-team-bio {
|
|
font-size: 0.85rem;
|
|
color: var(--light-grey-100);
|
|
opacity: 0.7;
|
|
line-height: 1.6;
|
|
}
|