Getting started email

import * as React from "react";
import { Btn, Eyebrow, H1, Meter, P, Shell, Signoff, Steps, type TemplateProps } from "../components";

export type GettingStartedProps = TemplateProps & {
  firstName?: string;
  completed?: number[];
  appUrl?: string;
};

export default function GettingStarted({
  style,
  brand,
  firstName = "Maya",
  completed = [0],
  appUrl = "https://fieldnote.app",
}: GettingStartedProps) {
  const steps = [
    { title: "Create your workspace", body: "Done — nice work.", href: `${appUrl}/settings` },
    { title: "Import 10 conversations", body: "Connect Zoom or Intercom; we transcribe and tag automatically.", href: `${appUrl}/import` },
    { title: "Build your first insight board", body: "Group quotes by theme and share the board with your team.", href: `${appUrl}/boards/new` },
    { title: "Invite two teammates", body: "Teams that invite in week one are 3× more likely to stick with it.", href: `${appUrl}/team` },
  ];