/* global React, Button, Chip, Stamp, Reveal, Sticker */ const { useState } = React; /* ============================================================ Memberships / packages ============================================================ */ function MembershipSection({ onBook }) { const plans = [ { name: 'Triple Bare', jp: '3回パック', price: 144, period: '3 Brazilians', tone: 'paper', rot: -2, blurb: 'Prepay for 3 Brazilian waxes and your per-visit price drops from $53 to $48.', perks: ['3 Brazilian waxes, use anytime', '$48 per appt (vs. $53 drop-in)', 'No autopay, no monthly commitment', 'Just book & go ♡'], cta: 'Grab the 3-pack', payOverTime: true }, { name: 'Smooth Operator', jp: '5回パック', price: 225, period: '5 Brazilians', tone: 'pink', rot: 0, blurb: 'Prepay for 5 Brazilian waxes and your per-visit price drops from $53 to $45 — our best value.', perks: ['5 Brazilian waxes, use anytime', '$45 per appt (vs. $53 drop-in)', 'No autopay, no monthly commitment', 'Biggest savings per wax ✦'], cta: 'Grab the 5-pack', featured: true, payOverTime: true }, { name: 'FabuLASH', jp: 'ラッシュ', price: 130, period: 'month', tone: 'lime', rot: 2, blurb: 'Maintain your lashes with 2 fills per month — or swap for a full set.', perks: ['2 lash fills / month (or 1 full set)', 'Rollover credits if you miss', 'Cancel anytime after 3 months', 'Priority lash bookings'], cta: 'Join FabuLASH' }]; const toneBg = { paper: 'var(--tbb-paper)', pink: 'var(--tbb-hotpink)', lime: 'var(--tbb-lime)' }; const toneFg = { paper: 'var(--tbb-ink)', pink: 'var(--tbb-paper)', lime: 'var(--tbb-ink)' }; return (
Memberships

Pick your glow pace.

{plans.map((p, i) =>
{p.featured &&
★ Most loved
}
{p.name}
{p.price > 0 &&
{`$${p.price}`}
/ {p.period || 'month'}
}

{p.blurb}

    {p.perks.map((perk) =>
  • ✦ {perk}
    • )}
{p.payOverTime &&
✦ Or split it with Affirm at checkout
}
)}
); } /* ============================================================ FAQ accordion ============================================================ */ const FAQS = [ ['What kind of wax do you use?', "Premium hard wax, mostly — gentler on skin, kinder on hair, perfect for sensitive bits. Soft wax when it makes sense for the area. Either way, you’re in good hands."], ["Will it hurt?", "Honest answer: the first time is the worst. After that your hairs grow back finer, and your nervous system catches on. Most babes say it's a 4/10 by visit three. I'll talk you through every single pull."], ["How long should my hair be?", "At least a ¼ inch — about a grain of rice. If you shaved within two weeks, we'll need to wait."], ["Can I come in on my period?", "Yes, totally. You'll be a touch more sensitive but it doesn't change the service. Wear a tampon or cup, take an Advil 30 min before, and we're golden."], ["Do you take walk-ins?", "No walk-ins, ever — the studio is private and by-appointment only. Hit the booking button to see my live availability and grab a slot."], ["How do I cancel or reschedule?", "Up to 24 hours before, no charge. Inside 24h there's a 50% fee (rent, you know). Use the link in your confirmation text."], ["Where are you located?", "4840 Calle Alto, Suite A, Camarillo, CA 93012. Park on the street — you'll get a text with how to get in. Call or text (805) 883-0714."]]; function FaqSection() { return (
The asked & answered

FAQ for the curious.

{FAQS.map(([q, a], i) =>
{q} +
{a}
)}
); } /* ============================================================ Location & hours ============================================================ */ function LocationSection({ onBook }) { return (
The studio

Find me in Camarillo.

A private wax studio right off the 101 — easy to reach from Oxnard, Thousand Oaks, Ventura, and anywhere else in Ventura County.

Address
4840 Calle Alto, Suite A
Camarillo, CA 93012
Hours
I'm on new-mom hours right now, so the schedule shifts week to week — no set hours, no walk-ins, appointment-only.{' '} Check the link for live availability {' '}♡
Say hi
(805) 883-0714 · tokyobikinibar@gmail.com
{/* faux map */}
{/* pin */}
You're here ♡
Street parking available ✦
); } function FauxMap() { // sticker-shop pretend map, mirroring the actual 4840 Calle Alto layout return ( {/* halftone dots */} {/* Calle Alto — main road, dead-ends on the east (right) */} {/* dead-end bar */} DEAD END → {/* All buildings as horizontal rectangles, parallel to Calle Alto — pulled up close to the road */} {/* Row 1: blank | Tokyo Bikini Bar (pin) */} {/* Row 2: blank | 4840 */} {/* Row 3: blank | blank */} {/* street label */} Calle Alto ); } /* ============================================================ Footer ============================================================ */ function Footer() { return ( ); } function FooterCol({ title, items }) { return (
{title}
); } /* ============================================================ Collab / Sponsorship form ============================================================ */ function CollabSection() { const [form, setForm] = React.useState({ name: '', brand: '', email: '', handle: '', type: 'Paid social post', budget: '', pitch: '' }); const [submitted, setSubmitted] = React.useState(false); const [submitting, setSubmitting] = React.useState(false); const [error, setError] = React.useState(''); const types = ['Paid social post', 'Gifted collab', 'Brand partnership', 'UGC / content trade', 'Event / pop-up', 'Other ✦']; function update(key, value) { setForm((f) => ({ ...f, [key]: value })); } async function handleSubmit(e) { e.preventDefault(); if (submitting) return; const fd = new FormData(e.target); const pick = (key) => ((fd.get(key) ?? '') + '').trim() || ((form[key] ?? '') + '').trim(); const data = { name: pick('name'), brand: pick('brand'), email: pick('email'), handle: pick('handle'), type: pick('type'), budget: pick('budget'), pitch: pick('pitch') }; if (!data.name || !data.email || !data.pitch) { console.warn('[collab form] missing required fields', { data, formState: form }); setError("Please fill in your name, email, and pitch."); return; } setSubmitting(true); setError(''); try { const res = await fetch('https://formspree.io/f/xnjrdorq', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, body: JSON.stringify({ _subject: `Collab pitch from ${data.name || data.brand || 'a babe'} ✦`, ...data }) }); if (!res.ok) { const body = await res.json().catch(() => ({})); throw new Error(body.error || 'Submission failed'); } setSubmitted(true); } catch (err) { setError("Something glitched — try again, or email tokyobikinibar@gmail.com directly."); } finally { setSubmitting(false); } } const fieldStyle = { fontFamily: 'Nunito, system-ui', fontWeight: 600, fontSize: 16, padding: '12px 16px', borderRadius: 14, border: '3px solid var(--tbb-ink)', background: 'var(--tbb-paper)', color: 'var(--tbb-ink)', boxShadow: '3px 3px 0 0 var(--tbb-ink)', outline: 'none', width: '100%', fontFamily: 'inherit' }; return (
← Back home
Brand babes

Got a collab in mind?

I'm open to paid social posts, brand partnerships, UGC trades, pop-ups, and anything fun in between. Pitch me below and I'll get back within a few days. ♡

✦ 90K+ combined followers across platforms
✦ 380+ regulars in the Camarillo area
✦ Authentic, on-brand storytelling
 {!submitted ?
update('name', e.target.value)} required /> update('brand', e.target.value)} placeholder="(if applicable)" />
update('email', e.target.value)} required /> update('handle', e.target.value)} placeholder="@yourbrand" />
{types.map((t) => )}
update('budget', e.target.value)} placeholder="$500–$2k, end of June, etc." />