Website Client Package

Overview

@zooly/website-client holds every page of the public zooly.ai website — the home page, the agent landing pages, PhotoBomb, Backstage, Talent, Merch, Contact, and the legal pages. It is pure React: the same markup zooly.ai serves today, moved out of the old zooly project so the website can share journey tracking with the app.

Package Details

• Package Name: @zooly/website-client
• Location: packages/website/client
• Used by: apps/zooly-website

How the host app plugs in

The package does not depend on Next.js. The host app provides three things at startup:

• Link and Image — the host's own link and image components, so routing and image optimization stay with the framework.
• Current path — the package reads the URL from the host, including a locale prefix such as /jp.
• Layout — the host renders the package's root layout, which brings the navbar, footer, translations, and journey tracking.

SEO

Each page's title and description live in one marketing-pages config in the package. The host app reads it to build per-page meta tags, the sitemap, and robots.txt, so search engines and the pages never disagree.

Journey events

The package logs website_page_view, website_cta_clicked, website_login_clicked, website_login_completed, and the contact-form events, all under source website. Events go to the app's journey endpoint, and the session id is shared with app.zooly.ai through a cookie on the parent domain — see Journey Events.

What the package does not do

It has no backend. The contact form, FAQ text, and the legal-page CMS still live in the old zooly deployment, and the website app forwards to it — see Zooly Website.