About this block

Timezone Overlap uses a two column split. The left column holds a heading naming where I work from, a short async policy intro, a ruled list of schedule facts covering working days, core hours, meetings, and response time, and a Book an intro call button. The right column plots one row per city, each drawing my working day against their business hours on a shared twenty four hour track, with an overlap label and a small legend beneath.

The schedule facts and the city zones are two separate arrays, and each zone carries the start and width percentages that place my working window inside their local day. The overlap track is the distinctive detail; it turns a vague remote is fine claim into a picture a client can read at a glance to see exactly how many hours of the day we share.

When to use

Reach for this block as the availability section when you work remotely across timezones and want to answer the how do we overlap question before it is asked. The installer sets the home city and schedule facts, the list of client cities with their offsets and overlap windows, and the mailto.

A natural flow around it on a Portfolio Pro page:

Before

• About section
• Services section

After

• Contact section
• Footer

What you can display

One strong use is the remote overlap chart across several client cities. Other layouts:

• Single client focus. Show one city with a wider track when you work mostly with one region.
• Async first. Emphasize the written policy list and keep the chart as a supporting note for occasional calls.
• Team hours. Plot a studio coverage window instead of one person so clients see round the clock reach.

Tip: set the overlap labels honestly; a small shared window stated plainly reads better than an inflated one.