About Page
Configure your store's about page content — your story, mission, vision, values, and more. This content is available to your storefront via GraphQL and can be rendered with the pre-built <About> component.
Managing Your About Page
- Go to Admin → Settings → About
- Fill in the sections you want to display
- Save
Available Fields
| Field | Description |
|---|---|
| Our Story | Tell the story of your store — how it began and what it stands for |
| Mission | What drives your business every day |
| Vision | Where your store is headed in the future |
| Core Values | A list of values with labels, icons/emojis, and descriptions |
| Why Choose Us | What makes your store different from the competition |
Core Values
You can add multiple core values, each with:
| Field | Description |
|---|---|
| Label | The value name (e.g. "Quality", "Sustainability") |
| Icon | An emoji or icon name (e.g. ⭐, 🌿) |
| Description | A brief explanation of this value |
Default values are provided as a starting point. Customize or remove them as needed.
Using on Your Storefront
The about page data is available through the GraphQL API and the <About> component:
<About>
<AboutStory class="prose max-w-2xl" />
<AboutMission class="prose" />
<AboutVision class="prose" />
<AboutValues>
<AboutValueList />
</AboutValues>
<AboutWhyUs class="prose" />
</About>
Like all storefront components, <About> auto-fetches its data — no API calls needed.