> ## Documentation Index
> Fetch the complete documentation index at: https://sentiment-docs.arhamwebworks.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Contact header

The **Contact Header** section is an editorial masthead for contact pages, featuring an optional breadcrumb, eyebrow, and a rich text heading. Optional Text and Stats blocks populate a side column with a lede paragraph or at-a-glance stats. Pair it with the **Contact form** section directly below for a complete, well-structured contact page layout.

<Frame>
  <img src="https://mintcdn.com/arhamwebworks-95d5f818/NWPTF26oCB0wZO4R/images/contact-header.webp?fit=max&auto=format&n=NWPTF26oCB0wZO4R&q=85&s=af347cc195f7069b32ffb154058fd197" alt="Contact Header" width="1917" height="904" data-path="images/contact-header.webp" />
</Frame>

### How to Add the Section

1. From your Shopify admin, go to **Online Store → Themes** and click **Customize**.
2. Navigate to your **Contact** page.
3. Click **Add section** and select **Contact header**.
4. Optionally add **Text** and **Stats** blocks to populate the side column.
5. Click **Save**.

### Section Settings

#### Breadcrumb

* **Show breadcrumb:** Toggle to show or hide the breadcrumb navigation above the heading.
* **Breadcrumb meta:** Secondary text on the right side of the breadcrumb row (e.g., "Reach us directly or visit the studio").

#### Content

* **Eyebrow:** Small label above the main heading.
* **Heading:** The main page heading. Supports rich text and italic emphasis.

#### Style

* **Color scheme:** Choose a color scheme for the section.

#### Spacing

* **Padding top / Padding bottom:** Control vertical spacing around the section.

***

### Text Block Settings *(limit 1)*

A lede or introductory paragraph displayed in the right side column.

* **Text:** Rich text content for the side column (e.g., a warm welcome or brief studio description).

***

### Stats Block Settings *(limit 1)*

A two-cell stat grid displayed in the right side column.

* **Show live dot:** Toggle to display an animated live dot — useful for indicating real-time studio availability.
* **Stat 1 label / value:** Label and value for the first stat cell (e.g., "Response / Within 24 hours").
* **Stat 2 label / value:** Label and value for the second stat cell (e.g., "Atelier / By appointment").

<Frame>
  <img src="https://mintcdn.com/arhamwebworks-95d5f818/NWPTF26oCB0wZO4R/images/contact-1.webp?fit=max&auto=format&n=NWPTF26oCB0wZO4R&q=85&s=c032a4f85fd37daea5f35eb8dd60280f" alt="Contact Header Settings" width="1921" height="870" data-path="images/contact-1.webp" />
</Frame>