/* Mobile landing · purpose-built for 420px width
Sized & laid out for one-thumb scrolling, not a squeezed desktop. */
const MOBILE_SAMPLE_GIFT_PAGE_PATH = "/sample/maya-30th-birthday-roast";
function MobileNav({ onNavigate }) {
const [open, setOpen] = React.useState(false);
return (
);
}
function MobileHero({ mood, onNavigate }) {
const heroTape = landingCassetteProps({
seed: mood === "heartfelt" ? "mobile-hero-heartfelt" : "mobile-hero-roast",
recipient: "Maya",
occasion: "30th birthday",
title: "The Ballad of May-May",
songType: mood === "heartfelt" ? "Heartfelt" : "Roast",
genre: mood === "heartfelt" ? "Acoustic singer-songwriter" : "Pop anthem",
tier: mood === "heartfelt" ? "Polished" : "Quick",
durationSeconds: mood === "heartfelt" ? 112 : 54,
}, { includeEdition: false });
const accent = heroTape.accent;
return (
{/* Eyebrow with sticker */}
CUSTOM SONG GIFTPRIVATE MIXTAPE PAGE
{/* Headline · uses 1 line at a time, big */}
custom songs
from inside jokes.
{/* Support copy */}
Give them the song only you could send. Share the jokes, memories, and tiny details, then send a private cassette-style page they can play, read, download, and replay.
);
}
function MobileSteps({ onNavigate }) {
const steps = [
{ n: "01", title: "Check the fit", body: "Answer four quick questions so we can recommend the right song type and tier.", body1: "#D93616", body2: "#FF6A3E" },
{ n: "02", title: "Fill the paid intake", body: "After checkout, add names, memories, pronunciation, boundaries, and the bit only your people know.", body1: "#E8669A", body2: "#F590B5" },
{ n: "03", title: "Send the tape", body: "A private page with audio, lyrics, your note, and MP3 download.", body1: "#3D6FA8", body2: "#5C9EAD" }];
// Tiny red cassette badge — number lives on the label
const TinyTape = ({ n, body1, body2 }) => (
);
return (
03 · How it works
Three steps · one tape.
{steps.map((s, i) =>
{s.title}
{s.body}
)}
);
}
function MobilePricing({ onNavigate }) {
return (
05 · Two tiers
Pick your gift speed.
{/* Quick */}
Quick Jam
UNDER 10 MIN
$29
{["45-60 second personalized song", "Private gift page + MP3", "Target delivery under 10 minutes after paid intake", "1 free regeneration for technical issues", "No promised human review"].map((t) =>
✓ {t}
)}
{/* Polished · featured */}
HEARTFELT PICK
Polished Jam
WITHIN 24H
$69
{["90-120 second personalized song", "Human-polished lyrics", "Quality-checked audio", "1 minor revision included"].map((t) =>
✓ {t}
)}
);
}
function MobileFAQ() {
const faqs = [
{ q: "What is InsideJams?", a: "A custom-song gift product with a private cassette-style page, lyrics, share controls, and MP3 download." },
{ q: "How long does it take?", a: "Quick Jams target under 10 minutes after paid intake. Polished Jams are delivered within 24 hours." },
{ q: "How much does it cost?", a: "Quick Jam is $29. Polished Jam is $69 and includes human-polished lyrics plus audio QA." },
{ q: "Are songs private?", a: "Yes. Songs are delivered through unlisted private gift pages and are not released to public streaming platforms." },
{ q: "Can I make a roast?", a: "Yes, with mild, medium, or savage tone. Hate, threats, doxxing, trauma jokes, and harassment stay off-limits." },
{ q: "Can I use it for business?", a: "Yes, but business or commercial songs require Polished Jam." },
{ q: "What do recipients get?", a: "A private gift page with the song, cassette visual, lyrics, sender note, share controls, and MP3 download." }];
const [open, setOpen] = React.useState(0);
return (
06 · FAQ