๐ŸŒ‘
Happy Birthday, Maya

This is your
website.

A home for your sound, your words, your practice โ€” built entirely for you, in your palette, your voice, your frequency.

Visit your site โ†’
scroll to explore โ†“
What your site can do

Everything you need.
Nothing you don't.

๐ŸŽต

Audio player

Upload sound transmissions directly in Framer's right panel โ€” each track gets its own file slot, title, subtitle, and a public or members-only toggle.

WAVMP3AACM4AOGG

High-fidelity WAV for archive quality, MP3 for broad compatibility. Progress bar, loop, shuffle, and sticky controls all built in.

๐ŸŽฌ

Video sessions

The same player handles video. Upload a session or paste a CDN URL โ€” it renders full-width in the visualiser above the track list.

MP4WebMMOV

Great for ceremony recordings, movement sessions, or anything where seeing you matters as much as hearing you.

๐Ÿ”’

Members-only paywall

Any track can be locked behind your $22.22/mo subscription. Clicking a locked track opens the on-brand checkout modal โ€” no external redirects until payment.

Per trackToggle in panel

One 'Members Only' toggle in the right panel locks a track. It shows a lavender 'Members' pill instead of the track type tag.

๐Ÿ“ง

Email list โ†’ Google Sheets

'Join the circle' captures name + email and lands directly in a Google Sheet you own โ€” no Mailchimp, no fees, no middleman.

Google SheetsNo monthly fee

Paste a Google Apps Script URL into the modal's right panel. Every submission appends a row: timestamp, name, email. You own the data.

โœ๏ธ

Your writing space

A full editorial blog at /maya/learn for writings on sound, somatics, the lunar cycle, and belonging โ€” all editable in the right panel.

Articles/learn

Each card (tag, emoji, date, title, excerpt) is a right-panel control. Add or remove articles without touching any code.

๐Ÿ’ณ

Stripe subscription

Paste your Stripe Payment Link into the checkout modal's right panel. Maya's branding shows first โ€” payment is the final step.

StripePaste & go

Create a $22.22/mo product in Stripe โ†’ Payment Links โ†’ copy โ†’ paste into MayaCheckoutModal's Stripe URL prop. Done in 60 seconds.

Paid memberships

This is what members see.

When someone clicks a locked track โ€” or presses Subscribe โ€” they see this on-brand checkout modal. Your branding, your price, your perks. Stripe handles the actual payment after they commit.

1๐Ÿ”’

Locked track

Any track marked Members Only shows a lavender pill. Clicking it triggers the checkout popup โ€” no page reload, no jarring redirect.

2๐Ÿ’œ

Your branded modal

The popup is fully Maya โ€” dark frosted glass, animated orbs, your palette, your copy. Stripe branding doesn't appear until payment.

3๐Ÿ’ณ

Stripe checkout

Clicking 'Subscribe for $22.22 / mo' opens your Stripe Payment Link in a new tab. Stripe handles the secure payment.

4โœฆ

Member access

Once subscribed, members access all locked content. You manage everything from your Stripe dashboard โ€” no code needed.

๐Ÿ’ณ

Setting up Stripe takes 2 minutes

You don't need to touch any code. Create your subscription in Stripe, copy the payment link, paste it in Framer.

1.Go to stripe.com โ†’ Products โ†’ create a $22.22/mo subscription
2.Payment Links โ†’ create a link for that product โ†’ copy the URL
3.In Framer: click MayaCheckoutModal on the canvas โ†’ right panel โ†’ paste into 'Stripe URL'
4.That's it. All subscribe buttons on the site now open Stripe checkout.
Try it yourself

This is how people join your list.

The same popup that lives on your site. Enter your name and email to see exactly what your visitors experience. Entries go straight to your Google Sheet.

No spam. This is a live demo of your own signup flow.

Getting started

Three things to do next.

01
๐ŸŽต

Upload your sessions

Click the player on the Framer canvas. In the right panel open Tracks. Each track has a File field โ€” click to upload your WAV or MP3. Set titles, subtitles, and toggle which are Members Only.

02
๐Ÿ“ง

Connect your email list

Google Sheets โ†’ Extensions โ†’ Apps Script โ†’ paste the provided script โ†’ Deploy as Web App โ†’ copy the URL โ†’ paste into MayaSubscribeModal's Google Sheet URL prop in Framer's right panel.

03
๐Ÿ’ณ

Connect Stripe when ready

Stripe โ†’ Products โ†’ create $22.22/mo subscription โ†’ Payment Links โ†’ copy URL โ†’ find MayaCheckoutModal on the Framer canvas โ†’ paste into Stripe URL in the right panel. That's it.

"My work is guided by a North Star: the feeling of belonging."

You've spent years building a practice rooted in that. This site is built to hold it โ€” and to help more people find their way to it.

Happy birthday, Maya. Be whole. Be well. Belong.

โ€” Eric ๐ŸŒ‘
Visit ericjordan.design/maya โ†’