# Lumea Strand

[Lumea Strand](https://haircare.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a haircare and beauty shop before a real Shopify store is ready. The catalog includes shampoos, hair masks, hair oils, styling creams and clays, hairbrushes, and body care kits. There are 30 products across four collections. Each product has one option selector; its label and choices depend on the item.

mock.shop is an auth-free Shopify Storefront GraphQL API backed by sample reference stores. Find out more about [mock.shop sample stores](https://www.shopify.com/blog/mock-shop).

## When to use this store

Choose Lumea Strand when you want to build a haircare shop with shampoos, masks, oils, styling products, and brushes.

Use Lumea Strand for:

- Haircare and beauty shop with shampoos, conditioning masks, hair oils, styling pomades, brushes, and bath products
- Daily Cleanse Shampoo Sulfate-Free product pages with `Scent` choices
- Browsing cleansing and restoration collections and combining haircare products with brushes

Choose another mock.shop store if you need a styling appliance shop with paired heat-setting and barrel-size choices. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Lumea Strand query

Here’s an example GraphQL `POST` request that retrieves options and variant prices for one product from <https://haircare.mock.shop/api>:

```bash
curl https://haircare.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"daily-cleanse-shampoo-sulfate-free\") { id title options { name values } variants(first: 50) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Daily Cleanse Shampoo Sulfate-Free, including option values, variant IDs, selected options, availability, and current and compare-at prices. Use the selected variant’s ID and price when adding it to a cart.

The endpoint doesn't require authentication or an access token. Read <https://haircare.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a haircare shop where customers browse cleansing and treatment collections, choose a shampoo scent, and add a brush or styling product to their cart. Lumea Strand provides shampoos, masks, oils, styling products, and brushes alongside some body care items. Daily Cleanse Shampoo Sulfate-Free offers Cedar, Bergamot, or Unscented at the same price. Other products use their own selectors, so build product pages from the saved options rather than copying the shampoo’s scent menu everywhere. Compare-at prices on some products support sale cards.

Preview the catalog in a storefront by opening <https://haircare.hydrogen.mock.shop> in a browser.

![Daily Cleanse Shampoo Sulfate-Free product page on Lumea Strand, showing tall gray bottle with botanical label shown on light and dark green backgrounds, scent selector](images/lumea-strand-daily-cleanse-shampoo-sulfate-free-20260911.webp)

## Build with an AI coding tool

To build a haircare storefront with Lumea Strand using Claude, ChatGPT, Cursor, Lovable, or another AI assistant, copy the prompt below. It gives the assistant the store domain and directs it to the catalog instructions before it starts writing code.

```text
Build me a Hydrogen storefront using haircare.mock.shop as the store domain. Setup instructions: haircare.mock.shop/llms.txt
```

Shopify also provides a [mock.shop starter project](https://github.com/Shopify/mock-shop-starter): a Hydrogen storefront with product pages, collection browsing, and a working cart already connected to mock.shop. You or your AI coding tool can customize this code instead of building those pieces from scratch.

Follow the repository’s setup instructions, then set `PUBLIC_STORE_DOMAIN=haircare.mock.shop` in `.env` and restart the dev server to use Lumea Strand’s catalog. Leave `PUBLIC_STOREFRONT_API_TOKEN` empty; mock.shop doesn’t require a token.

## Move to a real Shopify store

mock.shop uses fictional, read-only catalog data. Cart operations work, and checkout is mocked: no payment is taken and no real order is placed. The Customer Account API isn’t supported.

When you’re ready to launch, point your storefront at a Shopify store and add that store’s public Storefront API token. If you don’t have a Shopify store yet, [start a Shopify free trial](https://www.shopify.com/free-trial) to create one.

Read the [mock.shop developer documentation](https://shopify.dev/docs/storefronts/headless/mock-shop) for setup and migration details.

## Store facts

| | |
|---|---|
| Store handle | `haircare` |
| Catalog model | Haircare and beauty shop |
| Products | 30 |
| Collections | 4 |
| Categories | 10 |
| Variants per product | 3 |
| Compare-at prices | 9 products |
| Requires shipping | All products |
| API endpoint | <https://haircare.mock.shop/api> |
| Store instructions | <https://haircare.mock.shop/llms.txt> |
| Browser preview | <https://haircare.hydrogen.mock.shop> |
