About page

Company story and mission — a simple prose page with no required components.

The about sub-page serves your company’s origin story, mission, and background at /about. It’s plain prose — no specialized components required, though you can add FeatureGrid or TeamGrid as your content grows.

Enable / disable

pages:
  about: true   # false to suppress /about

Starter implementation

The company-site template scaffolds src/pages/about.astro:

---
import BaseLayout from '@publier/shell/layouts/base-layout.astro';
---

<BaseLayout title="About — My Company" description="The story behind our mission and our team.">
  <main class="max-w-3xl mx-auto my-12 px-6 prose">
    <h1>About</h1>
    <p>
      We started this company in 2023 because the infrastructure we used at our previous jobs kept failing us at the worst moments. So we built the platform we wished we'd had.
    </p>

    <h2>Mission</h2>
    <p>
      Make infrastructure invisible. Your team should spend their time on product, not plumbing.
    </p>

    <h2>Team</h2>
    <p>
      Distributed team of 12 across 8 time zones. Backgrounds from Stripe, Cloudflare, Netflix, and a handful of smaller startups.
    </p>
  </main>
</BaseLayout>

Switching to MDX

Delete src/pages/about.astro and add src/content/pages/about.mdx with pagesSchema frontmatter:

---
title: About
description: The story behind our mission and team.
---

We started this company in 2023 because the infrastructure we used at our previous jobs kept failing us at the worst moments. So we built the platform we wished we'd had.

## Mission

Make infrastructure invisible. Your team should spend their time on product, not plumbing.

## Team

Distributed team of 12 across 8 time zones. Backgrounds from Stripe, Cloudflare, Netflix, and a handful of smaller startups.

import { defineCollection } from 'astro:content';
import { pagesLoader } from '@publier/shell/loaders';
import { pagesSchema } from '@publier/shell/schemas';

export const collections = {
  pages: defineCollection({ loader: pagesLoader(), schema: pagesSchema }),
};