Avortyx marketing site

Marketing site for Avortyx. Pages are React components, rendered to static HTML at build time with Vite, and deployed on Vercel. URLs are the same as the old static site (/, /features.html, /features/call_tracking.html, …).

Structure

src/
  document.html            Shared <html>/<head>: analytics, fonts, CSS and scripts (one copy for every page)
  entry-server.jsx         Finds the pages and renders one to a full HTML document
  components/
    Head.jsx               Per-page <head> tags: title, description, canonical, Open Graph
    Layout.jsx             Navbar (or the feature-page strip), the page, footer, feature pop-up shell
    Navbar.jsx, Footer.jsx, BrandMark.jsx, FeatureHeader.jsx, FeatureModal.jsx
  pages/                   One file per page; the path is the URL
    index.jsx              /
    features.jsx           /features.html
    features/api.jsx       /features/api.html
public/                    Copied to the build as-is
  assets/avx-motion/       motion.css + motion.js: animations, live demos, search, zoom
  assets/avx-theme/        theme.css: colors and type
  assets/avx-site/         Base stylesheet and script (Bootstrap, menus, feature pop-ups, cookie notice);
                           img/ holds partner logos and page illustrations
  assets/avx-shots/        Product screenshots (dark, Avortyx-branded)
  assets/avx-baked/        Pre-rendered background art used by motion.js
  assets/avx-ringba/       Sphere art used by the integrations hub
  assets/brand/            Avortyx logo set (SVG + PNG) offered on the brand kit page
  favicon*, og-image.png   Icons and the social share image
scripts/prerender.js       Writes every page to dist/
vercel.json                Build settings, URL rewrites, cache headers

Each page file exports meta (title, description, body class, layout) and a component that returns the page's <main>:

export const meta = {
  title: 'Call Tracking | Call Tracking and Analytics | Avortyx',
  description: 'Measure call conversions …',
  bodyClass: 'avortyx_marketing features_call_tracking',
  layout: 'feature', // 'feature' pages get the "View full page" strip instead of the navbar
}

export default function CallTracking() {
  return <main>…</main>
}

To add a page, add a file under src/pages/; it is picked up automatically.

The pages are plain HTML in the browser: motion.js and site.js add the interactivity after load, so React is used at build time only.

Commands

npm install
npm run dev       # dev server; pages re-render on every request and the browser reloads on save
npm run build     # prerender every page into dist/
npm run preview   # serve dist/

Deploy with vercel --prod from this folder. Live at https://www.avortyx.com (Vercel project trackdrive.net-clone); avortyx.com redirects to www. The project has no .vercel.app domain (the old avortyx-prototype and trackdrivenet-clone ones were removed). DNS is at Hostinger: @ and www point at Vercel, api at the backend's VPS.

Careers applications

The careers page's Apply form posts to the careers backend (the separate avortyx-backend repo, on the Hostinger VPS at https://api.avortyx.com). It saves the application, sends it to the team on Telegram (the Avortyx Careers bot) and by email, emails the applicant a confirmation, and lets the team reply from the panel or from Telegram. The form shows the applicant their reference (AVX-00012) when it is sent.

This is set in Vercel → Project → Settings → Environment Variables (Production):

VITE_APPLY_URL=https://api.avortyx.com/careers/apply

It is read at build time, so changing it needs a new deploy. The backend must list this site in its CORS_ORIGINS (https://avortyx.com,https://www.avortyx.com). Without VITE_APPLY_URL the form falls back to api/apply.js on this site (Telegram and email only, no bot or panel).