AudienceSection

import OfficeBuildingIcon from 'astro-heroicons/outline/BuildingOffice.astro';
import ColorSwatchIcon from 'astro-heroicons/outline/Swatch.astro';
import CodeIcon from 'astro-heroicons/outline/CodeBracket.astro';

<AudienceSection
  subTitle="WHO IT IS FOR"
  title="Three ways a small website goes wrong"
  description="Gitt One Pages started as our own production line — we are its first and most demanding user."
>
  <AudienceItem
    who="If you commission websites"
    pain="Your site is a hostage: it is built on whatever the studio that made it understands, so leaving means rewriting. The usual escape — a CMS of your own — buys you hosting bills, break-ins and updates."
    answer="Here the content is yours in plain files, and the site runs as a standard image on any hosting — including your own."
    Icon={OfficeBuildingIcon}
  />
  <AudienceItem
    who="If you build websites"
    pain="Every project is a unique artifact. A year later nobody remembers how to build it, the dependencies have rotted, and the developer who knew has left."
    answer="One conveyor for every site: the same builder image, the same pipeline, the same quality bar. Knowledge lives in conventions, not in people."
    Icon={ColorSwatchIcon}
  />
  <AudienceItem
    who="If you write the docs"
    pain="Knowledge in markdown looks decent only inside GitLab. Handing it to a customer means either an invite to your repository or a website nobody has time to build."
    answer="Point a builder image at the repository and the same files become a site. Publishing costs a Dockerfile."
    Icon={CodeIcon}
  />
</AudienceSection>