ProductItem

import BookOpenIcon from 'astro-heroicons/outline/BookOpen.astro';
import GlobeAltIcon from 'astro-heroicons/outline/GlobeAlt.astro';

<ProductSection
  title="Two builder images, two kinds of website"
  description="Pick the image that matches what you are publishing. Everything else — the markdown pipeline, image optimization, SEO files, caching rules — is inherited from it."
>
  <ProductItem
    kicker="{project}/docs"
    title="Knowledge bases"
    description="The markdown files your team already writes in GitLab, published as a website. Clients read the site instead of walking into your repository."
    Icon={BookOpenIcon}
    bullets={[
      'Plain .md and .mdx files, no front matter required',
      'README.md becomes the site root, links between .md files are rewritten into slugs',
      'Optional intranet mode behind basic auth',
    ]}
  />
  <ProductItem
    kicker="{project}/www"
    title="Landing pages"
    description="Marketing sites with strictly typed content: the structure is fixed, the copy changes often — and changing it never touches the layout."
    Icon={GlobeAltIcon}
    bullets={[
      'Content written as semantic typed tags in MDX',
      'Images, PDFs and other assets served straight from the repository',
      'A single pages.config.js per site: title, contacts, logo, locales, menu',
    ]}
  />
</ProductSection>

import BookOpenIcon from 'astro-heroicons/outline/BookOpen.astro';
import GlobeAltIcon from 'astro-heroicons/outline/GlobeAlt.astro';

<ProductSection
  title="Two kinds of website, one production line"
  description="Whatever you publish, the engine arrives as a ready-made builder image and your repository stays down to content plus a few lines of Dockerfile."
>
  <ProductItem
    kicker="{project}/docs"
    title="Knowledge bases"
    description="The markdown your team already writes in GitLab, published as a website. Clients read the site instead of walking into your repository."
    Icon={BookOpenIcon}
    bullets={[
      'Plain .md files — no front matter, no rewriting for the web',
      'A page looks the same in the repository and on the public site',
      'Publish to the world or keep it intranet behind basic auth',
    ]}
  />
  <ProductItem
    kicker="{project}/www"
    title="Landing pages"
    description="Marketing sites with strictly typed content: the structure is fixed, the copy changes often — and changing it never touches the layout."
    Icon={GlobeAltIcon}
    bullets={[
      'Content written as semantic typed tags, separate from the design',
      'Edited by a content manager, an AI agent, or both',
      'One config file per site: title, contacts, logo, locales, menu',
    ]}
  />
</ProductSection>