Arbor - Elegant Pergola Landing Page Template

Quick summary

Arbor is a single-page template designed for a custom pergola and gazebo building business. It pairs striking project photography with client-told stories, then funnels visitors into a two-step site visit booking form. The palette and typography feel like a premium architecture hardcover. Every section earns trust before it asks for action.

Who this template is for

This template is built for skilled outdoor structure builders who need a page that reflects the quality of their work. It speaks directly to the clients most likely to invest in a custom build.

• Pergola and gazebo contractors showcasing hand-crafted outdoor structures
• Pool and landscaping adjacent builders serving homeowners upgrading finished yards
• Outdoor living specialists targeting property managers and event-venue clients

What problem this template solves

Most contractor pages lead with service lists and price grids. That approach undervalues craft work and fails to build the emotional case for a premium build. This template fixes that problem.

• Visitors arrive skeptical; real client quotes and project photography establish credibility immediately
• Generic contact forms waste leads; the two-step scheduling form qualifies project type and books consultations in one flow
• No visual hierarchy around quality; the 50/50 split-screen layout keeps project proof front and center throughout the scroll

What you get with this template

You get a fully structured landing page built around a Case Study Narrative layout. Each major section is purpose-designed to move a specific type of visitor closer to booking.

• A Testimonial Card header with a large-format pergola photograph and oversized client quote
• Three case study sections, each telling a before-to-finished project story across the split screen
• A pinned booking sidebar with a two-step form and calendar widget, plus a secondary pricing tier table

Feature list

This template is built around specific structural and conversion components drawn from the project brief.

Split-Screen Testimonial Header

The header divides the viewport evenly. The left side holds a large-format photograph shot from beneath completed pergola rafters. The right side presents a single client quote in oversized serif type on cream, attributed with first name, neighborhood, and project scope details.

Case Study Narrative Sections

Each project is told in three visual beats across the split screen. Left shows the empty yard and the client's original brief. Center transitions to a build-process image. Right resolves with the finished structure photographed at its best hour.

Pinned Two-Step Booking Form

The primary call to action, "Schedule Your Site Visit," pins to the right column after the second case study. It follows the visitor as they scroll. Step one captures project type, approximate footprint, and attachment details. Step two reveals a calendar widget for choosing a 30-minute on-site consultation slot.

Pricing Tier Table

A secondary path labeled "See Pricing Ranges" links to a simple tier table. It sets expectations without quoting a fixed price. The table closes with the line "Every yard is different, let's walk yours," which nudges visitors back toward the booking form.

Executive Suite Typography System

The template uses oversized serif type for quotes and headings, giving the page an architecture-and-garden editorial feel. Type sizing and weight are calibrated to let photography lead while keeping text immediately readable on every screen size.

Cloud Canvas Color System

The four-color palette anchors every component. Soft overcast white provides the page background. Weathered timber and charcoal fascia define text and structural elements. Muted brass appears on buttons, divider rules, and hover states for a tactile, restrained finish.

Page sections overview

Design & branding system

The visual identity follows an Executive Suite theme built on the Cloud Canvas color system. The overall feel is restrained and tactile, like a high-end architecture and garden hardcover on a linen sofa.

• Four-color palette: soft overcast white (#F4F1EC), weathered timber (#6B5B4E), charcoal fascia (#2D2D2D), and muted brass accent (#C2A66B)
• Oversized serif type for client quotes and headings; clean body copy for project briefs and descriptions
• Muted brass applied consistently to buttons, divider rules, and hover states for visual cohesion

Mobile & speed optimization

The 50/50 split-screen layout is designed to reflow gracefully on smaller screens. Pinned sidebar elements adapt to a fixed bottom bar on mobile so the booking call to action stays accessible throughout the scroll.

• Split-screen columns stack vertically on mobile, keeping images and text in their correct narrative order
• The pinned booking form converts to a fixed bottom bar so it remains reachable on small screens
• Case study image sequences are structured for clean top-to-bottom reading on a single-column mobile layout

How this template helps you convert

Every design and copy decision in Arbor is built to reduce hesitation and remove friction from the path to a booked consultation.

1. The testimonial header leads with a real client outcome, so visitors arrive with social proof before they read a single service description.
2. Case studies escalate from simple to complex, proving range quietly through imagery rather than a list of claims, which builds confidence in buyers with larger budgets.
3. The two-step booking form filters project type and footprint before revealing the calendar, so the builder receives qualified leads and the visitor feels the process is personal.

Other information about this template

Arbor is built for the professional services category, specifically the gazebo and pergola builder business niche. It is designed as a quote request and scheduling page rather than a general company website.

• Template style: Split Screen (50/50) with a Case Study Narrative creative direction
• Header concept: Testimonial Card, leading with client voice rather than a headline
• Landing page direction: Booking and scheduling, optimized for site visit consultation requests
• Ideal project types covered by the form: pergola, gazebo, pavilion, and undecided inquiries
• The pricing tier table is included as a secondary conversion path, not a primary sales element
• The template supports western red cedar pergola builders, octagonal gazebo specialists, and full outdoor living pavilion contractors

Show more