/* The Face Edit, workshops page Pre-launch corrections Round 1: duration consistency, WhyKylie replaces fabricated testimonials, Inclusions panel, PriceMoment panel, ArrivalRitual section, chapters renumbered. */ const { useState, useEffect, useRef } = React; /* ========================================================== WORKSHOP TWEAKS, page-scoped ========================================================== */ const WS_TWEAK_DEFAULTS = /*WS-EDITMODE-BEGIN*/{ "ws_hero": "bold-type", "ws_pitch": "emotional", "ws_cta_tone": "warm" }/*WS-EDITMODE-END*/; function useWorkshopTweaks(baseTweaks, baseUpdate) { const [wt, setWt] = useState(() => ({ ...WS_TWEAK_DEFAULTS, ...(baseTweaks || {}) })); useEffect(() => { setWt(p => ({ ...p, ...(baseTweaks || {}) })); }, [baseTweaks]); const update = (k, v) => { setWt(p => ({ ...p, [k]: v })); if (baseUpdate) baseUpdate(k, v); window.parent.postMessage({ type: '__edit_mode_set_keys', edits: { [k]: v } }, '*'); }; return { wt, update }; } /* ========================================================== HERO, 3 variants ========================================================== */ function WsHero({ variant }) { return (
A decision-making system for beauty · Tickets available · Limited spaces
{variant === 'bold-type' && } {variant === 'question' && } {variant === 'editorial' && }
); } function HeroBoldType() { return (
The Signature Experience

The Face Edit.

A premium, intimate workshop built around a system designed to decode your face, so makeup finally makes sense. You will learn how to understand your face through your colour theory, your contrast, and your natural balance, so you are not just copying a look. You are learning how to build one that belongs to you.

Reserve Your Seat By invitation order
); } function HeroQuestion() { return (
Before we begin

Have you ever followed a tutorial that worked on her, and not on you?

The problem was never your face. It was that no one ever taught you how to read it. This workshop does.

Reserve Your Seat The Method
); } function HeroEditorial() { return (
The Workshop

Makeup, edited for you.

); } /* ========================================================== THE PITCH, 02 ========================================================== */ function Pitch({ variant }) { if (variant === 'direct') return ; return ; } function PitchEmotional() { const lines = [ ['You have tried the tutorials.', 'They worked on her. Not on you.'], ['You have bought the products.', 'Half sit unused in the drawer.'], ['You have followed the trends.', 'And still don\'t feel like yourself.'], ['The problem was never your face.', 'It was that no one taught you how to read it.'], ]; return (
Why this workshop
If this sounds like you,
this is for you.
{lines.map(([a, b], i) => (
{a}
{b}
 ))}
); } function PitchDirect() { const bullets = [ 'Stop buying products that never get used.', 'Stop copying tutorials that weren\'t made for your face.', 'Stop guessing at the shop counter.', 'Stop starting over every time a new trend lands.', 'Start with one system that works on every face, yours.' ]; return (
The case for this workshop

You don't need more makeup. You need one thing that actually works.

{bullets.map((b, i) => (
0{i+1}
{b}
 ))}
); } /* ========================================================== TRANSFORMATION, 03 ========================================================== */ function Transformation() { const rows = [ ['Copying tutorials', 'Understanding your own face'], ['Guessing at the counter', 'Buying with confidence'], ['Overwhelmed by trends', 'Calm. Clear. Decided.'], ['A drawer full of mistakes', 'A kit edited down to what works'], ['Looking like somebody else', 'Looking like you, elevated'], ]; return (
The shift
From there,
to here.
{rows.map(([a, b], i) => ( {a} → {b} ))}
); } /* ========================================================== TEACH SECTION, 04 ========================================================== */ function TeachSection() { const items = [ 'The most important, but most overlooked factor that determines your end result.', 'What colours enhance your features most beautifully.', 'Where your makeup should bring balance and definition.', 'How to create a signature look that feels effortless and unmistakably you.', ]; return (
In this workshop

I'll teach
you.

{items.map((item, i) => (
0{i + 1}
{item}
))}
); } /* ========================================================== ARRIVAL RITUAL, 05 ========================================================== */ function ArrivalRitual() { return (
Arrival setup at a Face Edit workshop, sparkling on tray, charcuterie board and signage
Arrival

Walk in.
Slow down.

Drinks on arrival. Soft music. A name card at your seat. A beautifully prepared grazing board. Kylie greets you herself.

These are the small details that make the experience feel considered, personal and quietly premium.

Held in Toowoomba · Address shared on booking
); } /* ========================================================== LEAVE WITH, 07 (was 06) ========================================================== */ function LeaveWith() { const items = [ ['Your signature look', 'Not Kylie\'s. Not TikTok\'s. Yours, built from the system.'], ['A personal system', 'Contrast, Colour, Balance, calibrated to your face.'], ['The workbook', 'Your decision-making tool to carry the work forward.'], ['Confidence in decisions', 'In-store, on-camera, in the mirror. You know why.'], ['A room of like-minded women', 'Small group. Real conversation. Quietly, a community.'], ]; return (

Who you'll become.

{items.map(([h, b], i) => (
0{i+1}
{h}
{b}
 ))}
); } /* ========================================================== INCLUSIONS, 08 (NEW) ========================================================== */ function Inclusions() { const items = [ ['The workbook', 'Bound, branded, designed to be written in. Yours to keep, your decision-making tool for life.'], ['A makeup goody bag', 'A curated selection of makeup tools and essentials, yours to keep. The contents vary each intake, always chosen to complement what you have learned.'], ['Sparkling on arrival', 'Or a non-alcoholic alternative. A glass in your hand before we begin, the way every good gathering starts.'], ['A grazing board', 'Shared during the social hour. Unhurried conversation, real food, no rush.'], ['The social hour', 'One full hour with Kylie, after the teaching. Ask anything. Stay as long as you like.'], ['Limited seating', 'Seats are intentionally limited to ensure the experience works the way it should: genuine attention, real conversation, and a room that feels considered.'], ]; return (
What you take home

And the things you
carry with you.

Every detail, considered.
{items.map(([h, b], i) => (
{h}
{b}
 ))}
); } /* ========================================================== PRICE MOMENT, 09 (NEW) ========================================================== */ function PriceMoment() { return (
The investment

Founding cohort, intro price.

$199
AUD · Per seat · Pilot pricing

Pilot pricing is offered to the founding cohort, the women who shape what this workshop becomes. From the next intake, the price reflects the full programme. Reserve once. We will not run this price again.

); } /* ========================================================== WHY KYLIE, 10 (replaces fabricated testimonials) ========================================================== */ function WhyKylie() { return (
Portrait of Kylie Nolan, makeup artist and educator, in studio
Why Kylie

Twenty years
of understanding.

After more than twenty years working in makeup, Kylie Nolan has seen the same pattern again and again. Women do not need more makeup trends. They need to understand their own face.

They need to know why certain colours work, why some techniques feel wrong, why balance matters, and why copying someone else's look rarely gives them the result they hoped for.

The Face Edit was created from those gaps. It is Kylie's way of turning two decades of artistry, observation and experience into a system that helps women finally understand their face, their colour, their contrast and their makeup.

Most artists apply makeup. Kylie teaches you how to read your face, so makeup finally makes sense.

Beauty educator · Face specialist · The Face Edit method
20+
Years working with faces
3
Pillars · the method
Small
Group format · by design
); } /* ========================================================== FAQ, 11 ========================================================== */ function FAQ() { const faq = [ ['Is this a tutorial?', ['Yes, it is a tutorial, but not the ordinary kind.', 'Most tutorials teach you how to copy someone else\'s face.', 'The Face Edit teaches you how to understand your own.']], ['Do I need to be good at makeup?', 'No. Beginners and long-time enthusiasts both leave with the same thing: clarity.'], ['I don\'t wear much makeup. Is this still for me?', ['This workshop is not about teaching you to wear more makeup. It is about helping you understand why certain makeup feels right, why some choices feel wrong, and what actually works for your face.', 'If you have always kept things minimal, The Face Edit helps you understand the reason behind that, so your makeup choices become more conscious, confident and personal.']], ['What do I bring?', ['Bring yourself, and a clear, well-lit photo of your face without makeup.', 'This can be on your phone or printed. The photo helps you see your face as the starting point: your natural colour, contrast, balance and features.', 'The Face Edit begins with your own beauty. Your face is the canvas. This workshop helps you understand how to work with it, not against it.']], ['How many people attend?', 'Intentionally small. The point is personalisation, not scale.'], ['When is the next workshop?', 'Dates are announced to the waitlist first. Join to be notified before public release.'], ['How much is the workshop?', 'The Foundation workshop is $199 for the founding cohort. This is pilot pricing offered to the women who shape the programme. The price reflects the full programme from the next intake onwards.'], ['Is there a refund policy?', 'Seats transfer. If you cannot attend, you can gift or reassign your seat up to 7 days prior.'], ]; return (
Before you ask.

Still unsure? Join the waitlist. Kylie replies personally.

{faq.map((f, i) => )}
); } function FAQItem({ q, a, n }) { const [open, setOpen] = useState(false); return (
{Array.isArray(a) ? a.map((p, i) =>

0 ? '0.8rem 0 0' : 0 }}>{p}

) : a}
); } /* ========================================================== RESERVE, 12 ========================================================== */ function Reserve({ tone }) { const isWarm = tone === 'warm'; const bg = isWarm ? 'var(--pink-bg)' : 'var(--ink)'; const fg = isWarm ? 'var(--ink)' : 'white'; const headline = isWarm ? <>By invitation
order. : <>Reserve your
seat.; const blurb = isWarm ? 'The workshop opens to the waitlist before anyone else. Enter once. Kylie reads every name.' : 'Spaces are intentionally limited. Waitlist members are offered seats before public release.'; return (
Reserve your seat

{headline}

{blurb}

Tickets · Book now
Click here to view current available sessions
Book your seat Join the waitlist

If no sessions are available or booked out please join the waitlist. The Face Edit fills from the inside out. Waitlist members hear first, always. Drop your details below and we'll be in touch the moment new dates are confirmed.

); } function ReserveStat({ n, l, tone }) { const isWarm = tone === 'warm'; return (
{n}
{l}
); } function FormField({ label, value, onChange, type = 'text' }) { return (
onChange(e.target.value)} onFocus={(e) => e.target.parentElement.classList.add('filled')} onBlur={(e) => { if (!e.target.value) e.target.parentElement.classList.remove('filled'); }} />
); } /* ========================================================== TWEAKS PANEL ========================================================== */ function WorkshopTweaksPanel({ tweaks, update, wt, wupdate }) { const opt = (label, key, val, onClick) => ( ); return (
Tweaks · The Face Edit
Hero
{opt('Bold type', 'ws_hero', 'bold-type', wupdate)} {opt('Question', 'ws_hero', 'question', wupdate)} {opt('Editorial', 'ws_hero', 'editorial', wupdate)}
The pitch
{opt('Emotional', 'ws_pitch', 'emotional', wupdate)} {opt('Direct', 'ws_pitch', 'direct', wupdate)}
Reserve tone
{opt('Warm (pink)', 'ws_cta_tone', 'warm', wupdate)} {opt('Authority (black)', 'ws_cta_tone', 'authority', wupdate)}
Type pairing
{opt('Editorial', 'type', 'editorial', update)} {opt('Didone', 'type', 'didone', update)} {opt('All-sans', 'type', 'all-sans', update)} {opt('Serif+Sans', 'type', 'serif-sans', update)}
Pink intensity
{opt('Off', 'pink', 'off', update)} {opt('Whisper', 'pink', 'whisper', update)} {opt('Soft', 'pink', 'soft', update)} {opt('Anchor', 'pink', 'anchor', update)}
); } /* ========================================================== PAGE ========================================================== */ function WorkshopsPage() { const { tweaks, editMode, update } = useTweaks(); const { wt, update: wupdate } = useWorkshopTweaks(tweaks, null); return (