cards-row with a display-sized heading, for the one section on a page that wants to carry extra weight.
Slot
body
Shape
sequence
Content
local
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content22/60 chars
Start with a soil test
Soil test
Know what you are planting into before you buy a seed.
long content45/60 chars
The three visits that set up everything after
Soil test
Know what you are planting into before you buy a single seed.
Bed layout
Plan beds around the crops you actually cook, not a generic four-square garden.
Planting calendar
A week-by-week schedule matched to your last frost date, not a national average.
client-roster
kit
Purpose
A client list as grouped names, linked to the work.
Slot
body
Shape
sequence
Content
local
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
Component is built but has no sample props defined in src/lib/style-guide.ts yet.
gallery
kit
Purpose
A sequence of images.
Slot
body
Shape
sequence
Content
local
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content16/60 chars
Recent work
Aspringinstall
long content42/60 chars
Recent work
Onebackyard,baregroundtofirstharvest
Photos from a single client, one season, no editing beyond a crop.
Week 1: beds framed and filled
Week 3: transplants going in
Week 6: first thinning
Week 9: staking the tomatoes
Week 14: first harvest
gallery-carousel
kit
Purpose
A sequence of large photographs, one at a time, each with an optional caption overlaid, advanced by arrows and dots. Use in place of gallery when the photos should read bigger and the count is small enough to cycle through. The arrows and dots are the only way to advance: nothing moves on a timer.
Slot
body
Shape
sequence
Content
local
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content16/60 chars
Aspringinstall
long content42/60 chars
Recent work
Onebackyard,baregroundtofirstharvest
Week 1: beds framed and filledWeek 3: transplants going inWeek 6: first thinningWeek 9: staking the tomatoesWeek 14: first harvest
gallery-collage
kit
Purpose
A Pinterest-style masonry sequence of images: each keeps its own aspect ratio and packs into columns with no per-item curation. Use in place of gallery-mosaic when nobody wants to hand-pick a span per image. Every tile opens enlarged in a lightbox, with its caption; an item with a `video` opens the film instead. Set tileCaptions false to keep the captions off the tiles and show them only in the lightbox.
Slot
body
Shape
sequence
Content
local
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content
long content42/60 chars
Recent work
Onebackyard,baregroundtofirstharvest
Week 1: beds framed and filledWeek 6: first thinningWeek 14: first harvest
gallery-full
kit
Purpose
A sequence of images shown one per row, uncropped. Use when the work IS the page; use gallery for supporting photographs.
Slot
body
Shape
sequence
Content
local
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content
long content32/60 chars
Thewholejob,oneimageperrow
Uncropped, at the width of the container — for work that IS the page.
Beds going in
First planting
Midsummer
gallery-mosaic
kit
Purpose
A sequence of images in a mixed-size mosaic.
Slot
body
Shape
sequence
Content
local
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content16/60 chars
Recent work
Aspringinstall
long content42/60 chars
Recent work
Onebackyard,baregroundtofirstharvest
Photos from a single client, one season, no editing beyond a crop.
Week 1: beds framed and filled
Week 6: first thinning
Week 9: staking the tomatoes
Week 14: topping up with compost
index-grid
kit
Purpose
An edge-to-edge grid of images, each a link with a small label on the photograph. Capped at 3 columns.
Slot
body
Shape
sequence
Content
local
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
An auto-advancing sequence of testimonials. Must respect prefers-reduced-motion.
Slot
body
Shape
sequence
Content
remote
Schema type
Review
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content16/60 chars
Whatclientssay
They turned a patch of lawn into food in one season.
long content46/60 chars
Reviews
Whatclientssayaftertheirfirstfullseason
They turned a patch of lawn into more vegetables than we could eat, and taught us how to keep it going.
The planting calendar alone was worth it. We stopped guessing and started harvesting on time.
Our beds get shade we did not notice until they mapped the sun for us.
testimonial-quote
kit
Purpose
A chosen testimonial set large. One item is a static quote; more than one cross-fades as a carousel over the same typography. Use testimonial-carousel instead when the reviews come from a remote source.
Slot
body
Shape
sequence
Content
local
Schema type
Review
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content
They found the story we had been telling badly for ten years and told it back to us in a week.
long content31/60 chars
Clients
Whatitisliketoworkwithus
They found the story we had been telling badly for ten years, told it back to us in a week, and then made every part of the business easier to explain — the packaging, the deck, the way the team introduces itself.
The work landed on the first round. That has never happened to us before.
What we bought was a rebrand. What we got was a clearer answer to what the company is for, which turned out to be the thing holding everything else up.
form
contact-form
kit
Purpose
A general contact form, placed in the body rather than as a kicker.
Slot
body
Shape
form
Content
local
Schema type
ContactPoint
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content12/60 chars
Getintouch
Thanks — your message is on its way.
long content49/60 chars
Ready to start planning
Tellusaboutthekitchengardenyouwanttogrow
A few sentences about your space, your kitchen, and what you'd love to be picking by summer.
Thanks — we read every message and reply within two business days.
index
faq-index
kit
Purpose
Renders the FAQ collection.
Slot
body
Shape
index
Content
remote
Schema type
FAQPage
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?
How is it related to other content on the page?
short content16/60 chars
Commonquestions
long content46/60 chars
Before you get started
Questionswehearmostfromnewgardenclients
If you don't see yours here, ask — every plan starts with a conversation, not a form.
post-index
kit
Purpose
Renders the blog post collection.
Slot
body
Shape
index
Content
remote
Schema type
Blog
Which content goes here?
How is the content best represented?
How important is the content to the user?
How much context or explanation does it need to be effective?