5. Customize Your Site

Update the template with your branding, content, and SEO optimizations.

Site Configuration

Update src/_data/site.json with your details:

{
  "name": "Your Site Name",
  "description": "Your site description for SEO",
  "url": "https://yourdomain.com"
}

Branding & Colors

Edit the CSS variables in src/assets/css/style.css:

:root {
  --color-primary: #2563eb;      /* Your brand color */
  --color-primary-dark: #1d4ed8;
  --color-text: #1f2937;
  --color-background: #ffffff;
  /* ... */
}

Adding Pages

Create new .njk files in src/:

---
layout: base.njk
title: Your Page Title
---

<section class="page-content">
  <h1>Your Page Title</h1>
  <p>Your content here...</p>
</section>

URL Structure

For location-based businesses, create hierarchical pages:

src/
├── washington/
│   ├── seattle/
│   │   ├── service-one.njk    → /washington/seattle/service-one/
│   │   └── service-two.njk    → /washington/seattle/service-two/
│   └── lynnwood/
│       └── service-one.njk    → /washington/lynnwood/service-one/

Or use the permalink frontmatter:

---
layout: base.njk
title: Service One in Seattle
permalink: /washington/seattle/service-one/
---

SEO Requirements

Every page should include:

See docs/SEO-GUIDELINES.md for the full checklist.

Let Your Assistant Help

Tell your assistant what content you need:

"Create a new service page for 'Emergency Dentist in Seattle'. Follow the SEO guidelines — 1000+ words, FAQ section, proper schema markup."

Or for bulk page creation:

"Create location pages for our Seattle, Bellevue, and Tacoma offices. Each should have our three main services: teeth cleaning, whitening, and emergency care."

Deploy Changes

Once you or your assistant makes changes:

1. Commit and push to a feature branch
2. Create a pull request
3. Review the Amplify preview
4. Merge to main → auto-deploys to production