> ## Documentation Index
> Fetch the complete documentation index at: https://constanza101-borrissol-28.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Punch needle landing page: technique & booking guide

> Documents the /punch-needle landing: aguja mágica technique, what participants create (tote bags, cushions), TikTok band, and WhatsApp CTAs.

The punch needle landing page (`/punch-needle`) is an informational page that introduces the *aguja mágica* (magic needle) technique to people searching for "taller punch needle Barcelona" or similar. It explains what punch needle is, showcases what participants can create — tote bags, cushions, wall hangings — demonstrates the technique via embedded TikTok clips, and drives bookings through pre-filled WhatsApp messages. The page targets beginners with zero embroidery experience and is optimised for the technique's two Catalan/Spanish colloquial names: *punch needle* and *aguja mágica*.

## Routes

| Locale            | URL                |
| ----------------- | ------------------ |
| Catalan (default) | `/punch-needle`    |
| Spanish           | `/es/punch-needle` |
| English           | `/en/punch-needle` |
| French            | `/fr/punch-needle` |

The default-locale route is `src/pages/punch-needle.astro`; the multilingual variants come from `src/pages/[lang]/punch-needle.astro`.

## Page component

**`src/components/landings/PunchNeedleLanding.astro`**

This component wraps the shared `<TechniqueLanding>` layout and passes `prefix="pn"` — the landing's entire copy is therefore resolved from `pn.*` keys in `src/i18n/ui.ts`. It also defines a **bespoke TikTok video band** injected via the `after-create` slot, which renders three vertical clips as lazy `<iframe>` embeds:

```astro theme={null}
<TechniqueLanding
  prefix="pn"
  img={heroImg}
  createImg={{ src: createImg, ... }}
>
  <section slot="after-create" class="pn-videos">
    <!-- three TikTok iframes, lazy-loaded -->
  </section>
</TechniqueLanding>
```

<Note>
  The videos are embedded as `https://www.tiktok.com/embed/v2/{id}` iframes with `loading="lazy"` — the heavy TikTok `embed.js` script is intentionally avoided to protect Lighthouse Performance scores.
</Note>

## SEO metadata

| Key                   | English value                                                                                                                                                          |
| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `page.pn.title`       | `Punch Needle Workshop in Barcelona & Mataró`                                                                                                                          |
| `page.pn.description` | `Discover punch needle at Borrissol, Mataró: what it is, what you can create —tote bags, cushions— and where to practise it. A rhythmic, addictive textile technique.` |

## Technique description

Punch needle — also called *aguja mágica* in Spanish — is a hollow-needle embroidery technique where you punch yarn through a stretched monk's cloth or monk-stitch backing. Each stitch leaves a loop on the reverse face, gradually building up a plush, raised relief. The motion is rhythmic and repetitive — described in the site copy as *hipnótico* (hypnotic) — and participants reliably report that it is hard to stop once started.

<CardGroup cols={3}>
  <Card title="Rhythmic & addictive" icon="music">
    The repetitive punching motion is hypnotic. Results are visible almost immediately, which makes it uniquely satisfying from the very first stitch.
  </Card>

  <Card title="For beginners" icon="star">
    No drawing or embroidery experience needed. The technique takes minutes to learn and produces striking results from day one.
  </Card>

  <Card title="Full of texture" icon="hand">
    The raised loops give each piece a plush, soft-to-touch finish that is impossible to replicate with flat embroidery.
  </Card>
</CardGroup>

## What participants create

Participants choose a simple design — provided or adapted by the instructor — and fill it in with coloured yarn. Typical finished objects include:

* **Tote bags** — the most popular format; a plain canvas tote becomes a personalised, textured piece
* **Cushions** — filled designs on cushion-sized fabric panels
* **Wall hangings and decorative pieces** — small framed panels

The `pn.create.body` key (EN): *"With punch needle you can embroider tote bags, cushions, wall pieces and textured decorative items. You choose a simple design and fill it in with coloured yarn; the result is a raised piece, soft to the touch and full of personality."*

## Where to practise at Borrissol

Punch needle is available in the **Borla** monthly drop-in workshop. The `pn.practice.body` copy directs visitors there:

> "At Borrissol you can devote yourself to punch needle at Borla, our monthly textile workshop: come at your own pace to embroider your tote bag, cushion or whatever project you imagine."

A secondary CTA button links to the Borla landing using `localizedPath(lang, '/borla')`.

## WhatsApp CTA

Both the hero CTA and final-CTA section use `waHref(t('wa.pn.landing'))`:

| Locale | Pre-filled message                                                                                    |
| ------ | ----------------------------------------------------------------------------------------------------- |
| ES     | `¡Hola! Me interesa el punch needle (aguja mágica). ¿Me podéis contar cómo practicarlo en Borrissol?` |
| EN     | `Hi! I am interested in punch needle. Could you tell me how to practise it at Borrissol?`             |

## FAQ

Three questions from the `pn.faq.*` keys:

1. **Do I need prior experience?** — No; one of the quickest techniques to learn.
2. **How is it different from traditional embroidery?** — Traditional embroidery is done stitch-by-stitch with thread; punch needle uses a hollow needle that creates yarn loops, adding texture and volume much faster.
3. **What can I embroider?** — Tote bags, cushions, wall pieces and decorative items; any simple design filled with colour.

## TikTok video band

Three TikTok clip IDs are hardcoded in the component:

| ID                    | Caption (EN)                                                             |
| --------------------- | ------------------------------------------------------------------------ |
| `7648242988929322262` | Sped up, it looks like magic: a punch needle timelapse.                  |
| `7645740574317743362` | Belén with a cushion embroidered with punch needle.                      |
| `7633469163104636182` | Belén explains the punch needle technique while embroidering a tote bag. |

The video grid is `3 columns` on desktop and collapses to `1 column` below 768 px. It is widened to `calc(var(--layout-max-width) * 1.25)` so three vertical clips fit comfortably side by side.