About this block

Name And Menu is the mobile-first header shown in its open state as a static blueprint: the name mark Avery Stone and a close button sit in the bar, and below them an expanded panel lists four large stacked links, Work, Services, About, and Contact, each paired with a zero-padded index number on the right, 01 through 04. The large type and the numbering give the open menu editorial weight.

Links are one array; each item renders its index via the map position. The panel is a static div, not a Radix portal, so it renders correctly inside the preview iframe.

When to use

Reach for this block at the top of a portfolio whose primary audience arrives on a phone. The installer swaps the name, the four link labels and hrefs, and wires the close button to their own state toggle before shipping.

A natural flow around it on a Portfolio Pro page:

Before

• Nothing, navbars open the page

After

• Name and role hero
• Featured work grid

What you can display

One strong use is the full-panel mobile menu. Other name-and-menu uses:

• Studio site. More than four destinations fit comfortably in the stacked large-type list.
• Photography portfolio. Series names read clearly at large size, the numbers act as a visual index.
• Multi-discipline practice. Separate links for each discipline, the menu making the breadth readable.

Tip: the numbered list is the design statement, keep every link label to one or two words so the numbers align cleanly.