Blog: Components

Display brand slogans with three variants — default, inline fit-to-width, and seamless marquee scrolling. Covers all props, Footer integration, ResizeObserver behavior, and prefers-reduced-motion handling.

Flexible section wrapper with image/video backgrounds, overlay, alignment, dividers, and a content slot — used on the homepage hero and footer brand block.

Page headers for list pages, static pages, and MDX frontmatter — title, subtitle, bg media, alignment, dividers, navigation theme, and config.yaml defaults.

Blog list pages, tag filters, LatestPosts component, and the full config.yaml blog section — pagination, layout spacing, and latestComponent defaults.

Full-width, wide, and contained image layouts in MDX — co-located ./ paths, responsive WebP srcset, dominant-color placeholders, and TOC-aware breakpoints.

Homepage hero with background media, navigation theme, alignment, dividers, and a content slot — used on index.astro with hasHero layout integration.

Portfolio list pages, tag/type filters, FeaturedProjects component, and the full config.yaml portfolio section — pagination, layout, columns, and scene overrides.

Detail-page header for blog posts and portfolio projects — cover image, breadcrumbs, author block, config.yaml defaults, and progressive image loading.