diff --git a/frontend/apps/artcraft-website-next/src/app/mission/page.tsx b/frontend/apps/artcraft-website-next/src/app/mission/page.tsx new file mode 100644 --- /dev/null +++ b/frontend/apps/artcraft-website-next/src/app/mission/page.tsx @@ -0,0 +1,90 @@ +import type { Metadata } from "next"; +import DiscordButton from "@/components/discord-button"; +import RevealManager from "@/components/reveal-manager"; +import Ownership from "@/components/landing/ownership"; +import { SectionShell, SectionEyebrow } from "@/components/landing/section-shell"; +import { Accent, PageHeader } from "@/components/page/page-header"; +import { Button } from "@/components/ui"; + +export const metadata: Metadata = { + title: "Our Mission", + description: + "ArtCraft exists to put artists in control of AI image and video. An open-source studio you own, built in the open with the creators who use it.", + alternates: { canonical: "/mission" }, + openGraph: { title: "The ArtCraft Mission" }, +}; + +const BELIEFS = [ + { + title: "Control over chance", + body: "Typing a prompt and hoping isn't a creative process. Pose the characters, frame the camera, compose the shot, and let the model render what you meant.", + }, + { + title: "Every model, one studio", + body: "The best models change every few months. Your workflow shouldn't. Bring each new one into the same canvas instead of rebuilding your process around it.", + }, + { + title: "Built with artists", + body: "We ship early, test with our community, and let working creators decide what comes next. The people using ArtCraft shape it.", + }, +]; + +export default function MissionPage() { + return ( + <> + + + + Put artists back in control. + + } + lede="AI can now make an image or a shot in seconds. We're building the studio that lets artists decide exactly what ends up on screen, and own the tools they make it with." + /> + + + +
    + {BELIEFS.map((belief, i) => ( +
  1. +

    {String(i + 1).padStart(2, "0")}

    +

    + {belief.title} +

    +

    {belief.body}

    +
    2. + ))} +
+ + + + + +
+

Join us

+

+ Help us build it. +

+

+ Beta testers get new tools before anyone else and a direct line to + the team building them. +

+
+ + +
+
+ + + ); +} diff --git a/frontend/apps/artcraft-website-next/src/app/sitemap.ts b/frontend/apps/artcraft-website-next/src/app/sitemap.ts --- a/frontend/apps/artcraft-website-next/src/app/sitemap.ts +++ b/frontend/apps/artcraft-website-next/src/app/sitemap.ts @@ -15,6 +15,7 @@ const STATIC_ROUTES: { path: string; priority: number; changeFrequency: Entry["c { path: "/support", priority: 0.5, changeFrequency: "monthly" }, { path: "/press-kit", priority: 0.5, changeFrequency: "monthly" }, { path: "/beta", priority: 0.5, changeFrequency: "monthly" }, + { path: "/mission", priority: 0.5, changeFrequency: "monthly" }, { path: "/seedance-2", priority: 0.8, changeFrequency: "weekly" }, { path: "/seedance2-5", priority: 0.8, changeFrequency: "weekly" }, { path: "/minimax-h3", priority: 0.8, changeFrequency: "weekly" }, diff --git a/frontend/apps/artcraft-website-next/src/components/beta/beta-form.tsx b/frontend/apps/artcraft-website-next/src/components/beta/beta-form.tsx --- a/frontend/apps/artcraft-website-next/src/components/beta/beta-form.tsx +++ b/frontend/apps/artcraft-website-next/src/components/beta/beta-form.tsx @@ -22,19 +22,24 @@ const FORM_FIELD_IDS = { referrer: "entry.617211358", } as const; -const USER_TYPES = ["Business", "Hobbyist", "Film maker", "Agency", "Other"] as const; -type UserType = (typeof USER_TYPES)[number]; +// Every Google Form field is free text, so these map onto the existing +// "Type" / "Type Detail" columns without touching the form. +const ACCOUNT_TYPES = ["Personal", "Company"] as const; +type AccountType = (typeof ACCOUNT_TYPES)[number]; + +const COMPANY_SIZES = ["1–10", "11–50", "51–200", "201–1,000", "1,000+"] as const; +type CompanySize = (typeof COMPANY_SIZES)[number]; const EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; -type FieldErrors = Partial>; +type FieldErrors = Partial>; export default function BetaForm() { const [name, setName] = useState(""); const [company, setCompany] = useState(""); const [email, setEmail] = useState(""); - const [userType, setUserType] = useState(null); - const [typeOther, setTypeOther] = useState(""); + const [accountType, setAccountType] = useState(null); + const [companySize, setCompanySize] = useState(null); // Honeypot: hidden from humans; bots that fill it are silently dropped. const [website, setWebsite] = useState(""); @@ -50,9 +55,9 @@ export default function BetaForm() { else if (!EMAIL_PATTERN.test(email.trim())) { next.email = "That doesn't look like a valid email address."; } - if (userType === null) next.type = "Please pick the option closest to you."; - else if (userType === "Other" && !typeOther.trim()) { - next.typeOther = "Tell us a little about what you do."; + if (accountType === null) next.accountType = "Please choose personal or company."; + else if (accountType === "Company" && companySize === null) { + next.companySize = "Please pick your company size."; } return next; }; @@ -70,21 +75,22 @@ export default function BetaForm() { return; } + const isCompany = accountType === "Company"; setLoading(true); try { const body = new URLSearchParams({ [FORM_FIELD_IDS.name]: name.trim(), - [FORM_FIELD_IDS.company]: company.trim(), + [FORM_FIELD_IDS.company]: isCompany ? company.trim() : "", [FORM_FIELD_IDS.email]: email.trim(), - [FORM_FIELD_IDS.type]: userType ?? "", - [FORM_FIELD_IDS.typeDetail]: userType === "Other" ? typeOther.trim() : "", + [FORM_FIELD_IDS.type]: accountType ?? "", + [FORM_FIELD_IDS.typeDetail]: isCompany ? (companySize ?? "") : "", [FORM_FIELD_IDS.page]: window.location.href, [FORM_FIELD_IDS.referrer]: document.referrer, }); // Google Forms sends no CORS headers, so this is fire-and-forget: the // response is opaque and "request completed" counts as success. await fetch(FORM_RESPONSE_URL, { method: "POST", mode: "no-cors", body }); - trackEvent("generate_lead", { form_name: "beta", user_type: userType ?? "" }); + trackEvent("generate_lead", { form_name: "beta", user_type: accountType ?? "" }); setSubmitted(true); } catch { setSubmitError( @@ -95,9 +101,14 @@ export default function BetaForm() { } }; - const selectType = (type: UserType) => { - setUserType(type); - setErrors((prev) => ({ ...prev, type: undefined, typeOther: undefined })); + const selectAccountType = (type: AccountType) => { + setAccountType(type); + setErrors((prev) => ({ ...prev, accountType: undefined, companySize: undefined })); + }; + + const selectCompanySize = (size: CompanySize) => { + setCompanySize(size); + setErrors((prev) => ({ ...prev, companySize: undefined })); }; if (submitted) { @@ -142,16 +153,6 @@ export default function BetaForm() { errorMessage={errors.name} /> - setCompany(e.target.value)} - placeholder="Studio or company name" - /> - -
- -
- {USER_TYPES.map((type) => { - const selected = userType === type; - return ( - - ); - })} -
- {errors.type && ( -

- {errors.type} -

- )} -
+ - {userType === "Other" && ( - setTypeOther(e.target.value)} - placeholder="Game developer, educator, …" - autoFocus - isError={!!errors.typeOther} - errorMessage={errors.typeOther} - /> + {accountType === "Company" && ( + <> + setCompany(e.target.value)} + placeholder="Studio or company name" + /> + + )}