Petty Auto Repair: pick a direction

Three complete design directions for pettyautorepair.net. Each has the home page and the brake page, in English and Spanish. Scroll slowly on each home page; the motion is driven by scrolling. Private preview, not indexed. Photos are stock until we have real shop photos.

Direction A on a phone: headline, roll-up door over the hero photo, call buttons

A · The Open Bay

The hero photo sits behind a roll-up door that opens as you scroll and grows to full screen. Then a sticky walk through the four services, bay by bay. Blue accent, condensed signage type.

HomeEspañolBrakes
Direction B on a phone: headline with amber underline, call buttons, dashboard warning lights

B · The Readout

Diagnostics first. Headlines slide up line by line, a trouble code resolves into plain words, the services sit on a timeline whose beam fills as you scroll, and a marquee speeds up with your scroll. Amber accent, technical mono labels.

HomeEspañolBrakes
Direction C on a phone: headline, green call button, four service bays as an accordion

C · Four Bays

Four tall panels, one per service, like four garage doors: the one you hover or tap swings wide. A photo blooms from a circle to full frame, and the repair steps stack like job tickets. Green accent.

HomeEspañolBrakes