Overview
Good evening
Quick Actions
Recent Leads
Recent Activity
Dispatch
All posts synced from Constant Contact appear here automatically, newest first.
Add New Post
Recent Work
Showcase your completed projects. Click the ★ star on any project to feature it on the homepage.
🏠 Homepage — Recent Work Labels Loading...
📁 Projects Page Labels Loading...
Add New Project
Constant Contact Sync
Automatically imports your Tailgate Talks and Newsletters from Constant Contact.
One-time: consolidates the old Tailgate Talks + News Articles collections into the new unified Dispatch collection, re-fetching missing content from Constant Contact.
Sync History
| Campaign | Classified As | Synced |
|---|
Service Pages
Manage each service page's hero image and grid cards. Hero image changes also update the homepage service carousel.
Homepage Images
Manage the images in the Zoom Parallax gallery, the Why Choose Us cards, and the Homepage Hero slideshow.
Homepage Hero Slideshow (5 slides)
Upload custom high-definition images to represent each of your key services in the rotating header slideshow.
Zoom Parallax Gallery (7 images)
"Why Choose Us" Floating Cards (16 images)
Leads
Contact form submissions from your website. Click a lead to see full details.
Testimonials
Customer reviews shown on the homepage — a single horizontal scrolling marquee on both desktop and mobile.
Add Testimonial
Activity Log
Recent actions on your dashboard — auto-tracked whenever content is added, edited, or deleted.
Your Website
How your Northampton Nursery website was designed and built — by Brez Studio.
Northampton Nursery
44 years of craftsmanship, brought online for the first time.
01 — The Challenge
Northampton Nursery LLC — a 44-year heritage landscaping firm trusted across the Delaware Valley — had zero digital presence. Their reputation was built on word-of-mouth and Google Reviews while competitors captured leads with polished websites.
They needed a platform matching the craftsmanship of their outdoor work — organic and premium, not templated. It had to showcase 2,500+ projects across five service divisions and convert visitors into consultation requests.
02 — Design System
We architected a Light Forest design system on a cool-neutral slate scale anchored by a desaturated forest accent. Typography pairs Outfit at 400/600 with Playfair Display for editorial emphasis.
Color Palette
Typography
03 — Key Features
04 — Technical Architecture
We built the site as a multi-page vanilla HTML/CSS/JS application — no framework bloat, instant page
loads, perfect SEO. Each of the 8 pages (Home, About, 5 Services, Projects, News, Contact) shares a
unified styles.css design system with 128 CSS custom properties.
Content is driven by Firebase Firestore for project showcases and homepage image overrides, with Cloud Functions (Gen 2) powering a server-side contact form pipeline via Gmail API. The admin dashboard provides full CRUD for projects, image uploads, and featured project curation.
05 — Service Divisions
06 — Tech Stack
Crafted with care by Brez Studio
brezstudio.com →Dashboard Guide
Everything you need to know about managing your website. Click any section below to expand it.
Welcome to your Northampton Nursery Content Dashboard! This is where you manage everything that appears on your website — blog posts, project photos, service page images, leads, and more.
The stat cards at the top of the page give you a quick snapshot of your content — how many posts you have, how many projects, etc.
Dispatch is your blog/newsletter hub. Posts appear on the News and Tailgate Talk pages of your website.
Adding a New Post
- Click the "Add New Post" button
- Enter a title (required)
- Optionally add a Link URL — if you have a Constant Contact newsletter, paste the link here and visitors will be sent to read it there
- Add a Short Description — this is the preview text that shows on the card
- Write the Full Body if you want the full article on your site (you can use the toolbar to bold text, add links, and create lists)
- Upload a Cover Image (optional, max 5MB)
- Click "Publish"
Editing or Deleting
- Click the pencil icon ✏️ on any post to edit it
- Click the trash icon 🗑️ to delete — you'll be asked to confirm
This page connects your Constant Contact account to your website. When you send a newsletter or Tailgate Talk through Constant Contact, it can be automatically imported here.
How It Works
- Click "Connect Constant Contact" if you haven't already
- Log into your Constant Contact account when prompted
- Once connected, you'll see a green status dot
- Click "Sync Now" to pull in your latest campaigns
What Gets Synced
- Newsletter campaigns become Dispatch posts
- The sync is smart — it won't create duplicates
- You can see the sync history log at the bottom of the page
Every time someone fills out the contact form on your website, it shows up here as a lead.
What You'll See
- Name and email of the person
- Their message or inquiry
- The date they submitted it
- What service they're interested in (if they selected one)
This is your portfolio — add completed projects to show off your work to potential customers.
Adding a Project
- Click "Add New Project"
- Fill in the Title, Location, and select a Category
- Write a short Description of the work
- Optionally add Sq Ft and Days to complete
- Upload a project photo (required)
- Click "Publish Project"
Featuring Projects
Each project has two special buttons:
- ⭐ Star — Adds the project to its service page (e.g., a landscaping project appears on the Landscaping page)
- 🏠 House — Features the project on the homepage showcase
Each service page (Landscaping, Hardscaping, Maintenance, etc.) has a grid of image cards. Here you can change the names and photos on those cards.
How to Edit
- Select the service page from the dropdown
- You'll see all the grid cards for that page
- Hover over any image and click to upload a replacement photo
- Edit the label text below the image
- Click "Save" on the card when you're done
This controls the images on your homepage in two sections:
Zoom Parallax Gallery (7 images)
These are the large, cinematic images that zoom as visitors scroll down your homepage. Click any image to upload a replacement.
"Why Choose Us" Floating Cards (16 images)
These are the smaller floating photo cards in the "Why Choose Us" section. Same thing — click to replace any of them.
General Tips
- Images: Always use JPG, PNG, or WebP. Keep them under 5MB. Landscape orientation works best for most places on the site.
- Changes are live immediately — once you save or publish, the website updates within seconds.
- Refresh the page if something looks off or if data doesn't load.
- You can access this dashboard from any device — computer, tablet, or phone.
Common Questions
Q: I uploaded an image but it's not showing on the website?
A: Try refreshing the website page. Your browser may be showing a cached (old) version. If it still doesn't show after a minute, try clearing your browser cache or opening the site in a private/incognito window.
Q: Can I undo a delete?
A: No — once you confirm a deletion, the content is permanently removed. Always double-check before deleting!
Q: My Constant Contact sync isn't working?
A: Go to the CC Sync page and check if the connection is still active (green dot). If it shows disconnected, click "Connect Constant Contact" to re-authorize.
Q: Who do I contact for help?
A: Reach out to your web team at Brez Studio — we're always happy to help!
Landscape Labs BETA
A workshop for AI-powered helpers to make running the dashboard easier. Nothing here will publish or send anything without your say-so.
Tools we can build for you.
These are add-ons we can integrate directly into your dashboard. Let us know if any of these sound helpful and we'll get it built — or suggest something else entirely.
Invoicing & Payments
Send professional invoices to clients directly from the dashboard. Powered by Stripe — customers pay online via credit card or ACH, and funds go straight to your bank account. Track paid vs. outstanding invoices in one place.
AI Website Assistant
A chat widget on your website that answers visitor questions 24/7 — trained on your services, service areas, hours, and FAQs. Captures lead info when visitors ask about quotes or scheduling, and funnels it straight to your Leads tab.
AI Newsletter Generator
Give it a topic — spring cleanup tips, a recent project highlight, a seasonal promo — and it writes a full newsletter draft in your voice. Review it, tweak it, and publish straight to Constant Contact or your Dispatch feed.
Seasonal Tips Auto-Post
Automatically generates a monthly "What to do in your yard this month" blog post — Bucks County–specific, written in the Northampton Nursery voice. Publishes to your Dispatch feed on a schedule you set.
Review & Reputation Manager
Automatically sends happy customers a follow-up text or email asking for a Google review after a project wraps. Tracks your review count and rating over time right in the dashboard.
Suggest Something
Have an idea for a tool that would actually save you time? Tell us and we'll build it.
Send an Idea