# BCW Templates — Bricks Builder Starter Kit

A minimal, structural collection of Bricks Builder templates for quick-starting new WordPress projects. Import individual files or the full bundle ZIP.

---

## Template Index

### Sections (9)
| File | Description |
|---|---|
| `hero-simple.json` | Full-width hero: heading + subtitle + two buttons |
| `hero-split.json` | 2-column hero: text left, image placeholder right |
| `features-3col.json` | Icon + heading + text, 3 equal columns |
| `features-4col.json` | Icon + heading + text, 4 equal columns |
| `content-image-right.json` | Text left, image placeholder right |
| `content-image-left.json` | Image placeholder left, text right |
| `cta-banner.json` | Full-width call-to-action: heading + subtitle + button |
| `testimonials.json` | 3-column quote cards with name and role |
| `faq-accordion.json` | Heading + nestable accordion with 5 placeholder items |

### Headers (3)
| File | Description |
|---|---|
| `header-minimal.json` | Logo left, navigation right |
| `header-centered.json` | Logo centered, navigation below |
| `header-with-cta.json` | Logo left, navigation center, CTA button right |

### Footers (2)
| File | Description |
|---|---|
| `footer-minimal.json` | Logo + navigation + copyright, single row |
| `footer-columns.json` | 3 columns: about/logo, quick links, contact info |

---

## How to Import

### Individual templates
1. Go to **WordPress Admin → Bricks → Templates**
2. Click **Import**
3. Select a `.json` file from this kit
4. The template appears in your list with the "BCW —" prefix

### Full bundle (ZIP)
1. Go to **WordPress Admin → Bricks → Templates**
2. Click **Import**
3. Select `bundles/bcw-starter-kit.zip`
4. All 14 templates import at once

### Using a template
1. Open any page in Bricks editor
2. Click the **Templates** icon in the toolbar
3. Find a "BCW —" template and click **Insert**
4. The section drops into your canvas — edit placeholder text and images

---

## Header & Footer: Conditions

After importing a header or footer template, Bricks automatically applies the **first published** header/footer sitewide. To control which header or footer appears on which pages:

1. Open the template in Bricks editor
2. Go to **Settings → Template Settings → Conditions**
3. Set the condition (e.g., "Entire website", specific page type, or individual page)
4. Publish

If you have multiple headers (e.g., one default, one for landing pages), set conditions on each to prevent conflicts.

---

## Page Recipes

Since sections are the reusable building blocks, a "page" is just sections stacked in order. Common recipes:

**Home page**
→ `hero-simple` or `hero-split`
→ `features-3col` or `features-4col`
→ `content-image-right`
→ `testimonials`
→ `cta-banner`

**Services page**
→ `hero-simple` (brief intro)
→ `features-4col` (services overview)
→ `content-image-right` (detail section)
→ `content-image-left` (second detail section)
→ `cta-banner`

**About page**
→ `hero-simple`
→ `content-image-right` (story/mission)
→ `testimonials`
→ `cta-banner`

**Contact / FAQ page**
→ `hero-simple` (brief)
→ `faq-accordion`
→ `cta-banner`

---

## Design Philosophy

All templates are **structural only** — no baked-in colors, font sizes, or spacing. Bricks theme defaults and your Global Styles apply. This keeps the templates neutral and lets your brand come through without fighting overrides.

**What's included per template:**
- Flex layout direction, alignment, and gap on containers
- Heading tags (h1–h4) for semantic structure
- Placeholder text on all text elements
- Labels on outer elements for builder readability
- Empty image elements (Bricks shows a placeholder in the editor)

---

## Bundles

After manual verification, export all templates from Bricks and save the ZIP to `bundles/bcw-starter-kit.zip` for easy one-click import on future projects.