/* Celestial Dial landing page — ported from the "CelestialDial.dc.html" Claude Design file (claude.ai/design/p/4ede657c…). Markup kept 1:1; the original DCLogic interactivity (tweaks, the tap-a-sign sample selector, and the parallax/tilt/glow) is reimplemented in the React effects below. Auth links point at the live app worker. The Claude-only is substituted with a static on-brand dial. */ const MARKUP = `
✦ ✦ ✦ ✦
Your daily horoscope, by text

Begin the day with a
moment that’s yours.

Celestial Dial sends one thoughtful, personal reading to your phone each morning — at the hour you choose. Before the inbox fills and everyone needs you, there’s a quiet minute that belongs to you alone.

Start your free week Read a sample →

✦ 7 days free, then $9/mo · cancel anytime by texting STOP

7:02 ●●● ▮
✦
Celestial Dial
Tuesday, May 4 · 7:02 AM
Diane, today’s clear thinking is a gift, and you’ll want to use it on something that matters. The Mercury–Pluto trine sharpens your read on a situation you’ve been quietly turning over. Trust the pattern you’re seeing and say it out loud.
Delivered
Text Message
✦ A grounded minute before the day begins ✦ Written for the life you actually lead ✦ Yours alone · read it with your coffee
How it works

Three minutes to set up. Then it simply arrives.

1

Tell us about you

Your name, your birthday, and — if you know it — when and where you were born. Enough to read your chart, and nothing you’ll have to go hunting for.

2

Choose your hour

Before the house wakes, or once it’s finally quiet again — pick the moment your reading arrives, in your own time zone. Change it whenever life does.

3

Let it find you

Each morning, one personal reading is already waiting in your texts. Nothing to download, nothing to remember — it simply arrives.

Your dial

One small choice, and the whole day turns on it.

This is the dial we’re named for. Choose the hour your reading arrives — we’ll hold that time for you every single morning, and you can move it whenever your days change.

✦ 6:00 AM · with the first coffee ✦ 8:00 PM · once the house is quiet
7:00
AM · your hour
Set it once — change it anytime
✦ ✦ ✦
A few mornings

Like a note from a friend who knows you — and your chart.

Grounded, useful, and a little poetic — written for the life you actually lead, never the “cosmic energies, beautiful soul” cliché. Here’s the real thing.

Tap your sign — see how a morning actually reads.

♋︎
Cancer
Jun 21 – Jul 22
Tuesday · Mercury trine Pluto

“Diane, today’s clear thinking is a gift, and you’ll want to use it on something that matters. The Mercury–Pluto trine sharpens your read on a situation you’ve been quietly turning over. Trust the pattern you’re seeing and say it out loud.”

Delivered to Diane · Tuesday morning · 7:02 AM
The intelligence behind it

Most horoscopes guess. Ours actually reads the sky.

Every reading begins with where the planets really are — calculated to the minute — and ends as a few honest sentences our astrologers write for you alone. Here’s what happens between dusk and your morning.

We read the real sky

Each night we compute the true positions of the sun, moon, and planets using the same precision ephemeris science observatories rely on. The day’s aspects — a Mercury trine, a Venus shift — are real movements, not a recycled monthly blurb.

We read your chart

Those movements only matter in light of you. Your sun sign — and the birth time and place you choose to share — decide which house each transit lands in, so the same sky says something different to you than to anyone else.

Then our astrologers write it

Our expert astrologers — practicing readers, not a template — turn all of it into a short, warm, genuinely useful note, written in their own voice and addressed to you by name. Every reading is reviewed for care and tone, and never repeats what it told you last week.

✦ Real astronomical data, computed nightly ✦ Written fresh — never a template ✦ Written by expert astrologers
Why text?

No new app. No new habit. Just your phone.

You don’t need another app to check, another password to remember, or another feed to disappear into. You have a phone, and you read your texts. That’s all this asks of you.

That’s the whole idea. One unhurried message, arriving where your attention already is, becomes a small ritual that’s yours — not one more thing on the list.

90%+

of text messages are opened — vs. roughly 20% of marketing email.

1

message a morning. No feed, no badges piling up, nothing pulling you to scroll.

24

hours to choose from — your reading arrives at the exact hour you pick.

STOP

is all it takes to leave. One text, unsubscribed instantly. No hard feelings.

Pricing

One simple plan. Free for a week.

$9 / month

Start with 7 days free. Cancel before it ends and you’re never charged.

  • ✦ A personal reading every single morning
  • ✦ Delivered at the hour you choose, your time zone
  • ✦ A web dashboard with your last seven days
  • ✦ Change your time or pause whenever you like
Start your free week

Consent is not a condition of purchase. Up to 35 messages/month. Message & data rates may apply. Reply HELP for help, STOP to cancel.

Questions

Good things to ask first.

Is it actually personal, or just my sun sign?

It’s written for you by name, using your sun sign and the day’s real planetary transits. Share your birth time and place and we’ll layer in deeper, chart-aware personalization as it rolls out.

Can I choose when it arrives?

Any hour you like, in your own time zone — and you can change it anytime from your dashboard. It even follows you correctly through daylight saving.

How do I stop the texts?

Reply STOP to any message and you’re unsubscribed immediately. Reply HELP any time for support, or START to come back.

What do you need from me?

Your name, birthday, phone number and email to set up the account. Birth time and place are optional — they only make your readings richer.

Is my data private?

Your sensitive details are encrypted, never sold, and never used for advertising. You can download or permanently delete everything from your settings whenever you want.

Is this real advice?

No — Celestial Dial is for reflection and entertainment. It isn’t medical, legal, or financial advice, and it’s not a substitute for a professional.

✦ ✦
✦

Tomorrow morning,
let the sky speak first.

Set it up in three minutes. Your first reading arrives at the hour you choose.

Start your free week

7 days free · then $9/mo · cancel anytime

`; /* Zodiac sample data (ported from the design's DCLogic). */ const SIGNS = [ { glyph: "♈︎", name: "Aries", dates: "Mar 21 – Apr 19", person: "Lauren", day: "Friday", transit: "Mars in the third house", reading: "Lauren, your words have weight today, more than usual. Mars moving through your third house gives them edge, and the people who matter will be paying attention. Pick the one conversation that’s been waiting and start it." }, { glyph: "♉︎", name: "Taurus", dates: "Apr 20 – May 20", person: "Karen", day: "Monday", transit: "Venus conjunct Saturn", reading: "Karen, the steady thing you’ve been building quietly is starting to hold weight. Venus meets Saturn today and rewards what you’ve tended over what’s flashy. Let the slow work take up a little more room." }, { glyph: "♊︎", name: "Gemini", dates: "May 21 – Jun 20", person: "Theresa", day: "Thursday", transit: "Mercury in the fifth house", reading: "Theresa, a lighter idea wants your attention, and it isn’t frivolous. Mercury in your fifth house turns play into clarity. Say yes to the thing that sounds fun before you talk yourself into the sensible version." }, { glyph: "♋︎", name: "Cancer", dates: "Jun 21 – Jul 22", person: "Diane", day: "Tuesday", transit: "Mercury trine Pluto", reading: "Diane, today’s clear thinking is a gift, and you’ll want to use it on something that matters. The Mercury–Pluto trine sharpens your read on a situation you’ve been quietly turning over. Trust the pattern you’re seeing and say it out loud." }, { glyph: "♌︎", name: "Leo", dates: "Jul 23 – Aug 22", person: "Paula", day: "Saturday", transit: "Sun in the tenth house", reading: "Paula, you don’t need to perform today — being clearly yourself is the whole strategy. The Sun lights your tenth house and people are taking their cue from you. Set the tone warm, and let them follow." }, { glyph: "♍︎", name: "Virgo", dates: "Aug 23 – Sep 22", person: "Anne", day: "Monday", transit: "Moon in the sixth house", reading: "Anne, the small repair you keep postponing will cost far less than the worry about it. The Moon in your sixth house favors tending over fixing. Do the modest, quiet thing and feel how much it loosens." }, { glyph: "♎︎", name: "Libra", dates: "Sep 23 – Oct 22", person: "Renée", day: "Sunday", transit: "Venus in the tenth house", reading: "Renée, your gift this week is reading a room before you walk into it, and it’s working in your favor at work. Venus in your tenth house wants you seen for what you actually do. Keep choosing the version that’s true." }, { glyph: "♏︎", name: "Scorpio", dates: "Oct 23 – Nov 21", person: "Gail", day: "Thursday", transit: "Pluto sextile Sun", reading: "Gail, you can feel the difference between what you want and what you’ve settled for, and today that honesty is useful, not heavy. Pluto sextiles your sun. Name the truer want, even if only to yourself." }, { glyph: "♐︎", name: "Sagittarius", dates: "Nov 22 – Dec 21", person: "Bonnie", day: "Saturday", transit: "Jupiter in the ninth house", reading: "Bonnie, the wider view you’ve been craving is closer than a plane ticket. Jupiter in your ninth house opens a door inside an ordinary day. Follow the curiosity that doesn’t quite make sense yet." }, { glyph: "♑︎", name: "Capricorn", dates: "Dec 22 – Jan 19", person: "Eva", day: "Monday", transit: "Saturn return aspects", reading: "Eva, slow is winning this round, even if it doesn’t feel that way yet. Saturn keeps asking the same question, and you keep getting closer to the real answer. Today is a continuation, not a deadline." }, { glyph: "♒︎", name: "Aquarius", dates: "Jan 20 – Feb 18", person: "Marie", day: "Wednesday", transit: "Uranus trine Mercury", reading: "Marie, the unconventional choice is also the practical one today, which doesn’t happen often. Uranus trines Mercury and clears the static. Trust the idea your past self would have called impractical." }, { glyph: "♓︎", name: "Pisces", dates: "Feb 19 – Mar 20", person: "Maggie", day: "Wednesday", transit: "Neptune trine Sun", reading: "Maggie, today softens you in a way that feels good, not lost. Let yourself dream a little out loud with someone who can hold it. The trine between Neptune and your sun is rare — you don’t need to do anything productive with it." }, ]; /* Wire the tap-a-sign sample selector against the injected DOM. */ function initSignSelector(root) { let selected = 3; const q = (r) => root.querySelector(`[data-ref="${r}"]`); function apply() { const s = SIGNS[selected]; const set = (r, v) => { const el = q(r); if (el) el.textContent = v; }; set("glyph", s.glyph); set("name", s.name); set("date", s.dates); set("transit", s.day + " · " + s.transit); set("text", "“" + s.reading + "”"); const f = q("footer"); if (f) f.innerHTML = 'Delivered to ' + s.person + ' · ' + s.day + " morning · 7:02 AM"; root.querySelectorAll("button[data-sign]").forEach(b => { const on = Number(b.dataset.sign) === selected; b.style.background = on ? "var(--accent,#805FBF)" : "transparent"; b.style.color = on ? "#fff" : "#C9BFD2"; b.style.borderColor = on ? "var(--accent,#805FBF)" : "rgba(255,255,255,.18)"; }); } const onClick = (e) => { const b = e.target.closest && e.target.closest("button[data-sign]"); if (!b || !root.contains(b)) return; selected = Number(b.dataset.sign); apply(); }; root.addEventListener("click", onClick); apply(); return () => root.removeEventListener("click", onClick); } /* Eased pointer parallax: drifting motifs, phone tilt, and section glow (ported from DCLogic). */ function initParallax(root) { if (window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return () => {}; const motifs = [...root.querySelectorAll("[data-motif]")].map((el, i) => { el.style.willChange = "translate"; return { el, depth: 9 + (i % 4) * 6 }; }); const tilt = root.querySelector("[data-tilt]"); const glows = [...root.querySelectorAll("[data-glow]")]; const tgt = { nx: 0, ny: 0 }, cur = { nx: 0, ny: 0 }; let mx = -1, my = -1, raf = 0; const onMove = (e) => { tgt.nx = e.clientX / window.innerWidth - 0.5; tgt.ny = e.clientY / window.innerHeight - 0.5; mx = e.clientX; my = e.clientY; }; window.addEventListener("mousemove", onMove, { passive: true }); const loop = () => { cur.nx += (tgt.nx - cur.nx) * 0.07; cur.ny += (tgt.ny - cur.ny) * 0.07; const nx = cur.nx, ny = cur.ny; for (const m of motifs) m.el.style.translate = (-nx * m.depth).toFixed(2) + "px " + (-ny * m.depth).toFixed(2) + "px"; if (tilt) tilt.style.transform = "perspective(1000px) rotateY(" + (nx * 5).toFixed(2) + "deg) rotateX(" + (-ny * 4).toFixed(2) + "deg) translateY(" + (ny * -6).toFixed(1) + "px)"; if (mx >= 0) for (const g of glows) { const p = g.parentElement.getBoundingClientRect(); const inside = my > p.top - 80 && my < p.bottom + 80 && mx > p.left - 80 && mx < p.right + 80; g.style.opacity = inside ? "1" : "0"; if (inside) g.style.transform = "translate(" + (mx - p.left - 280) + "px," + (my - p.top - 280) + "px)"; } raf = requestAnimationFrame(loop); }; raf = requestAnimationFrame(loop); return () => { window.removeEventListener("mousemove", onMove); cancelAnimationFrame(raf); }; } function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const rootRef = React.useRef(null); React.useEffect(() => { applyTweaks(rootRef.current, t); }, [t]); React.useEffect(() => { const root = rootRef.current; if (!root) return; const offSign = initSignSelector(root); const offPar = initParallax(root); return () => { offSign && offSign(); offPar && offPar(); }; }, []); return (
); }