// Editorial launch page — sections. // ─────── NAV ─────── const TopNav = () => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); return (
AC Media Portal by AC Media
Sign in Get an invite
); }; // ─────── HERO ─────── const Hero = () => (
{/* Headline */}
In private beta · Melbourne, AU

Book the shoot.
Skip
the phone tag.

Portal is the AC Media client platform for real estate agents. Book photography or film in three quick steps, hand off the brief, and watch every shoot move from confirmation to delivered files. All without a single phone call.

Figure 01
Client dashboard  ·  Booking wizard, step 1
{/* Split hero shot */}
); // ─────── STATUS TICKER (between hero and 3-up) ─────── const Ticker = () => { // Status colour follows the kind of event (mirrors Portal's stage palette) const items = [ { t: "Toorak · bundle confirmed Fri 24 Apr", c: "#16a34a" }, // green — confirmed { t: "South Yarra · photos delivered, 38 images", c: "#16a34a" }, // green — delivered { t: "Armadale · brief completed by agent", c: "#2563eb" }, // blue — info { t: "Brighton · alternative slot accepted", c: "#16a34a" }, // green — accepted { t: "Hawthorn · film editing 82%, ETA Thu", c: "#2563eb" }, // blue — editing { t: "Carlton North · drone footage uploaded", c: "#f59e0b" }, // amber — in queue { t: "Albert Park · invoice issued", c: "#10b981" }, // emerald — invoicing ]; const row = [...items, ...items]; return (
{row.map((it, i) => (
{it.t}
))}
); }; // ─────── THREE-UP: BOOK → MANAGE → TRACK ─────── const ThreeUp = () => { const items = [ { n: 1, lead: "Book in three steps", body: "Service, details, review. Pick photography, film, or a bundle and add extras like a floor plan or a social reel. Your name, email, phone and agency pre-fill from your profile, every time.", tags: ["Three quick steps", "Australian addresses", "Bundle = 10% off"], }, { n: 2, lead: "Every booking, one dashboard", body: "Every shoot you've requested, in one list. Clear status labels (Awaiting review, Confirmed, Completed) with the full brief, the package, and one-tap reschedule or cancel.", tags: ["Confirmed / Awaiting / Completed", "Reschedule any time", "No spreadsheet"], }, { n: 3, lead: "Live production status", body: "No more \"is it ready yet?\" emails. Tap Check status on any confirmed booking and see exactly where things sit, with an ETA. Photo and film tracked separately when you book a bundle.", tags: ["Photo + film, side by side", "Live percentage", "ETA on every stage"], }, ]; return (
What you get

Book. Manage. Track. The whole shoot, in one place.

{items.map((it) => (
0{it.n}

{it.lead}

{it.body}

{it.tags.map((t) => {t})}
))}
); }; // ─────── DEEP DIVE — reusable left/right row ─────── const DeepDive = ({ n, kicker, title, body, highlight, screenshot, right = false }) => (
{kicker}

{title}

{body}

{highlight}

{screenshot}
Fig. {String(n).padStart(2, "0")} · {kicker}
); // ─────── FEATURE — BRIEF, SCHEDULING, CHAT ─────── const FeatureBrief = () => ( One form. Everything the shooter and editor need.} body="Add the listing agents, drop in reference images or links, pick the music vibe for the film, and call out the hero features. Update any time before the shoot. We'll send a friendly reminder if anything's still missing." highlight="Listing agents, reference images, notes and links, plus film-specific questions like music preference, piece-to-camera and key selling points." screenshot={} /> ); const FeatureScheduling = () => ( If your time isn't free, we don't make you start over.} body="When we can't fit your preferred time, we email you a few proposed slots. Pick one in a tap, or suggest your own. For bundles you can choose different times for photo and film." highlight="A few proposed times. Pick one, propose your own, or hold off and reply to the email. Whatever's easiest." right screenshot={} /> ); const FeatureChat = () => ( Tap Check status on any booking.} body={<>Every confirmed booking has a Check status button. One tap shows you exactly where the shoot sits, the current stage for photo and film, and an ETA on each. No more chasing for an update.

Coming nextAn in-app assistant that can answer questions about your booking, pricing and packages.} highlight={<>Five stages, tracked separately for photo and film:
To Shoot → In Queue → Editing → Delivered → Ready for Invoicing.} screenshot={} /> ); // ─────── ONBOARDING ─────── const Onboarding = () => (
Onboarding

Built for the whole agency,
not just one agent.

Your agency gets a code. Anyone on the team can use it to sign up themselves and land in the right office. No central admin needed, no email chains to set up new agents.

Self-serve sign-up for the whole team. Or, if you'd rather, we can send an invite link straight to each agent.

); // ─────── HELP ─────── const HelpSection = () => (
Help, when you need it

Guides for every part of Portal. And a real human at the end.

Step-by-step guides for booking, the brief, rescheduling and reading the production tracker. If a guide doesn't answer it, the AC Media studio team is one email away.

); // ─────── POLISH STRIP ─────── const Polish = () => { const items = [ { kicker: "Built for your phone", body: "Same Portal, every device. Book on the go between inspections, then check in from your desk later. Save it to your home screen for one-tap access.", render: () => (
{[70, 55, 85].map((h, i) => (
))}
{["○", "◉", "○", "○"].map((d, i) => ( {d} ))}
), }, { kicker: "Less to type", body: "Your name, email, phone and agency pre-fill into every booking. The form you fill the least is the one you type the least.", render: () => (
), }, { kicker: "Catches mistakes early", body: "Forms tell you what's off as you go, never after you submit. Invite codes verify on the spot, weekend dates politely decline.", render: () => (
✓ Valid} /> Weekdays only} />
), }, { kicker: "Made in Melbourne", body: "AU-only address lookup, weekday-only shoot dates, prices in AUD. Built in Melbourne for the agents we work with every day.", render: () => (
AU-only AUD Mon–Fri
), }, ]; return (
Polish strip

Designed for the way you work.

{items.map((it, i) => (

{it.body}

{it.render()}
))}
); }; // ─────── FAQ ─────── const FAQ = () => { const items = [ { q: "Who is Portal for?", a: "Real estate agents and their teams who book AC Media for property photography and video. Portal is the client side of our studio: the booking, the brief, the live production tracker, the delivery. It's the AC Media workflow, opened up to the agents we work with." }, { q: "What happens if my preferred shoot time isn't available?", a: "We email a few proposed alternative slots. Accept one in a tap, or propose your own date and time. For bundles you can pick different times for photo and film." }, { q: "Can I reschedule or cancel after booking?", a: "Yes, directly from the booking on your dashboard. If the new time isn't free we'll come back with alternatives." }, { q: "How is production tracked?", a: "Every confirmed booking has a Check status button. Behind it sits a five-stage pipeline (To Shoot, In Queue, Editing, Delivered, Ready for Invoicing) tracked separately for photo and film, with a live percentage and an ETA on each." }, { q: "How do I get my whole agency onto Portal?", a: "Once your agency has a code, anyone on the team can sign up themselves and land in the right office. If you'd rather, we can also send a personalised invite link to each agent." }, { q: "Is there an app?", a: "Portal works perfectly on your phone, with the same features as on desktop. Save it to your home screen for one-tap access between inspections." }, ]; const [open, setOpen] = React.useState(0); return (
Questions

Short answers.

Still have questions? Drop us an email at admin@acmediaau.com.

{items.map((it, i) => (
{open === i && (

{it.a}

)}
))}
); }; // ─────── INVITE CTA ─────── const InviteCTA = () => { const [email, setEmail] = React.useState(""); const [submitted, setSubmitted] = React.useState(false); return (
Get an invite

Get your agency
on Portal.

We're onboarding Melbourne agencies one office at a time. Drop your work email below and we'll come back with a walk-through, a quote, and an invite code your team can self-serve from.

{submitted ? (
Thanks

We'll be in touch from admin@acmediaau.com within a business day.

) : (
{ e.preventDefault(); if (email) setSubmitted(true); }} style={{ display: "flex", flexDirection: "column", gap: 18 }} >
Work email
setEmail(e.target.value)} required style={{ width: "100%", border: "none", borderBottom: "0.5px solid rgba(0,0,0,0.2)", padding: "10px 0", fontSize: 22, letterSpacing: "-0.015em", fontFamily: "inherit", background: "transparent", outline: "none", }} />
Agency

We'll only ever use this to reach out about Portal. No newsletter.

)}
); }; // ─────── FOOTER ─────── const Footer = () => ( ); Object.assign(window, { TopNav, Hero, Ticker, ThreeUp, FeatureBrief, FeatureScheduling, FeatureChat, Onboarding, HelpSection, Polish, FAQ, InviteCTA, Footer });