MissionSection

apps/www/src/components/MissionSection.astro · 28 lines · group Features & lists

Used by

Live sites: pages.gitt.one.

Samples 2

pages.gitt.one/how-it-works/

HOW IT WORKS

A website is a content repository plus a standard image

The engine ships as a builder image with the framework and its dependencies already installed. Your repository holds content and a few lines of Dockerfile — no toolchain, no node_modules, no build configuration to maintain. CI turns the two into a static site and bakes it into an nginx image.

MDX of this sample
<MissionSection
  subTitle="HOW IT WORKS"
  title="A website is a content repository plus a standard image"
  description="The engine ships as a builder image with the framework and its dependencies already installed. Your repository holds content and a few lines of Dockerfile — no toolchain, no node_modules, no build configuration to maintain. CI turns the two into a static site and bakes it into an nginx image."
/>
pages.gitt.one/

OUR MISSION

Industrialize the production of small websites

A landing page or a knowledge base shouldn't be a unique handmade artifact. Content belongs to git; turning it into a fast website is the job of standardized infrastructure. A developer drops markdown files into a repository — and gets a site. A content manager or an AI agent edits semantically marked-up data — and the site updates. No vendor lock-in, no CMS to maintain, no site held hostage.

MDX of this sample
<MissionSection
  subTitle="OUR MISSION"
  title="Industrialize the production of small websites"
  description="A landing page or a knowledge base shouldn't be a unique handmade artifact. Content belongs to git; turning it into a fast website is the job of standardized infrastructure. A developer drops markdown files into a repository — and gets a site. A content manager or an AI agent edits semantically marked-up data — and the site updates. No vendor lock-in, no CMS to maintain, no site held hostage."
/>

Props

NameTypeRequiredDefaultDescription
subTitlestring
titlestringyes
descriptionstring

Source apps/www/src/components/MissionSection.astro @ gitt.one

---
interface Props {
  subTitle?: string;
  title: string;
  description?: string;
}

const { subTitle, title, description } = Astro.props;
---

<div class="bg-white">
  <div class="mx-auto max-w-4xl px-4 py-16 text-center sm:px-6 sm:py-24 lg:px-8">
    {
      subTitle && (
        <h2 class="text-sm font-semibold uppercase tracking-wide">
          <span class="bg-gradient-to-r from-primary-500 to-primary-alt-600 bg-clip-text text-transparent">
            {subTitle}
          </span>
        </h2>
      )
    }
    <p class="mt-3 text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
      {title}
    </p>
    {description && <p class="mt-6 text-xl leading-relaxed text-gray-500">{description}</p>}
  </div>
</div>

Source links point to engine-astro@e857a859. Samples are cut from the sites' own content by scripts/gallery-extract.mjs; nothing is merged or removed yet.