Standard Layout - Your Business Pages, Polished

Quick Start

Standard layout pages are perfect for business pages like About, Services, Privacy Policy, and Terms. Here's how to create one:

1. Create Your Page File

---
// src/pages/about.astro
import Layout from '@theme/layouts/Layout.astro';

const title = 'About Us - Your Company Name';
const description = 'Learn about our company mission, values, and team.';
---

<Layout title={title} description={description}>
  <main class="py-16 bg-white dark:bg-slate-950">
    <div class="container mx-auto px-4 max-w-4xl">
      <div class="prose prose-lg dark:prose-invert mx-auto">
        <h1 class="text-4xl font-bold text-gray-900 dark:text-white mb-6">
          About Us
        </h1>
        <p class="text-lg text-gray-600 dark:text-gray-300">
          Your content here...
        </p>
      </div>
    </div>
  </main>
</Layout>

2. Add Optional Hero Section

import Hero from '@theme/components/sections/Hero.astro';

<Hero
  variant="centered"
  heading="About Our Company"
  description="Building quality solutions since 2020"
  heroImage="/images/hero/about.jpg"
  heroImageAlt="Our team at work"
/>

3. Structure Your Content

Use the prose classes for automatic typography styling:

• prose-lg - Larger, more readable text
• dark:prose-invert - Dark mode support
• max-w-4xl mx-auto - Centered content container