From 987cf6cc6e9734e1ec8cd21eaf799b8740c6f651 Mon Sep 17 00:00:00 2001
From: Dan Pickett <dan.pickett@launchware.com>
Date: Fri, 20 Mar 2026 14:21:03 -0400
Subject: [PATCH] prd template welcome landing page

---
 CLAUDE.md                                     |  10 +
 .../src/components/launch-well/Resources.tsx  |  58 +++
 .../src/components/launch-well/WelcomeCta.tsx |  24 ++
 .../components/launch-well/WelcomeHero.tsx    |  17 +
 .../src/components/launch-well/WhyPrd.tsx     |  35 ++
 .../components/launch-well/css/resources.css  |  53 +++
 .../launch-well/css/welcome-cta.css           |  23 ++
 .../launch-well/css/welcome-hero.css          |  19 +
 .../components/launch-well/css/why-prd.css    |  27 ++
 apps/gatsby/src/gatsby-types.d.ts             | 356 ------------------
 apps/gatsby/src/pages/launch-well/welcome.tsx |  37 ++
 apps/gatsby/static/prd-template.md            |  91 +++++
 12 files changed, 394 insertions(+), 356 deletions(-)
 create mode 100644 CLAUDE.md
 create mode 100644 apps/gatsby/src/components/launch-well/Resources.tsx
 create mode 100644 apps/gatsby/src/components/launch-well/WelcomeCta.tsx
 create mode 100644 apps/gatsby/src/components/launch-well/WelcomeHero.tsx
 create mode 100644 apps/gatsby/src/components/launch-well/WhyPrd.tsx
 create mode 100644 apps/gatsby/src/components/launch-well/css/resources.css
 create mode 100644 apps/gatsby/src/components/launch-well/css/welcome-cta.css
 create mode 100644 apps/gatsby/src/components/launch-well/css/welcome-hero.css
 create mode 100644 apps/gatsby/src/components/launch-well/css/why-prd.css
 create mode 100644 apps/gatsby/src/pages/launch-well/welcome.tsx
 create mode 100644 apps/gatsby/static/prd-template.md

diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..4235a75
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,10 @@
+# CLAUDE.md
+
+## Package Manager
+
+Always use `pnpm` — never `npm` or `yarn`. This is a pnpm workspace project.
+
+- Install dependencies: `pnpm install`
+- Run scripts: `pnpm run <script>` or `pnpm <script>`
+- Build Gatsby site: `pnpm --filter LaunchWare build`
+- Dev server: `pnpm --filter LaunchWare develop`
diff --git a/apps/gatsby/src/components/launch-well/Resources.tsx b/apps/gatsby/src/components/launch-well/Resources.tsx
new file mode 100644
index 0000000..c324a44
--- /dev/null
+++ b/apps/gatsby/src/components/launch-well/Resources.tsx
@@ -0,0 +1,58 @@
+import React from "react"
+
+import { faFileLines, faFileCode } from "@fortawesome/free-solid-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+
+import "./css/resources.css"
+
+export const Resources = () => {
+  return (
+    <div className="resources">
+      <div className="resources__contents">
+        <h2 className="resources__heading">Your Resources</h2>
+
+        <div className="resources__video-container">
+          <div className="resources__video-wrapper">
+            <iframe
+              src="https://www.youtube-nocookie.com/embed/5aX6VcNmlqE"
+              title="PRD Template Walkthrough"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+            />
+          </div>
+        </div>
+
+        <div className="resources__links">
+          <a
+            href="https://docs.google.com/document/d/1G3pcPItASgjKZIJSHUWSUKAWwMcuK23Q11Y1Yvjrtio/edit?usp=sharing"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="resources__link-card"
+          >
+            <span className="resources__link-icon">
+              <FontAwesomeIcon icon={faFileLines} />
+            </span>
+            <span className="resources__link-text">
+              <span className="resources__link-title">Google Doc Template</span>
+              <span className="resources__link-description">
+                Make a copy and start filling it out today
+              </span>
+            </span>
+          </a>
+
+          <a href="/prd-template.md" download className="resources__link-card">
+            <span className="resources__link-icon">
+              <FontAwesomeIcon icon={faFileCode} />
+            </span>
+            <span className="resources__link-text">
+              <span className="resources__link-title">Markdown Template</span>
+              <span className="resources__link-description">
+                Download for teams working in GitHub or code repos
+              </span>
+            </span>
+          </a>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/gatsby/src/components/launch-well/WelcomeCta.tsx b/apps/gatsby/src/components/launch-well/WelcomeCta.tsx
new file mode 100644
index 0000000..bd42d7a
--- /dev/null
+++ b/apps/gatsby/src/components/launch-well/WelcomeCta.tsx
@@ -0,0 +1,24 @@
+import React from "react"
+
+import { useBookCallModal } from "../book-call/hooks/useBookCallModal"
+
+import "./css/welcome-cta.css"
+
+export const WelcomeCta = () => {
+  const { modal, clickHandler } = useBookCallModal()
+
+  return (
+    <div className="welcome-cta">
+      {modal}
+      <div className="welcome-cta__contents">
+        <h2 className="welcome-cta__heading">Ready to Bring Your Product to Life?</h2>
+        <p className="welcome-cta__text">
+          Need help writing the PRD, or ready to build? Either way, let's talk.
+        </p>
+        <button className="welcome-cta__button button" type="button" onClick={clickHandler}>
+          Book My Launch Call
+        </button>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/gatsby/src/components/launch-well/WelcomeHero.tsx b/apps/gatsby/src/components/launch-well/WelcomeHero.tsx
new file mode 100644
index 0000000..a129d49
--- /dev/null
+++ b/apps/gatsby/src/components/launch-well/WelcomeHero.tsx
@@ -0,0 +1,17 @@
+import React from "react"
+
+import "./css/welcome-hero.css"
+
+export const WelcomeHero = () => {
+  return (
+    <div className="welcome-hero">
+      <div className="welcome-hero__contents">
+        <h1 className="welcome-hero__heading">Welcome to Launch Well</h1>
+        <p className="welcome-hero__subheading">
+          Thanks for subscribing. Here's your PRD template and everything you need to start using it
+          today.
+        </p>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/gatsby/src/components/launch-well/WhyPrd.tsx b/apps/gatsby/src/components/launch-well/WhyPrd.tsx
new file mode 100644
index 0000000..66fd2f8
--- /dev/null
+++ b/apps/gatsby/src/components/launch-well/WhyPrd.tsx
@@ -0,0 +1,35 @@
+import React from "react"
+
+import "./css/why-prd.css"
+
+export const WhyPrd = () => {
+  return (
+    <div className="why-prd">
+      <div className="why-prd__contents">
+        <h2 className="why-prd__heading">Why You Need a PRD</h2>
+        <p className="why-prd__text">
+          Most software projects don't fail because of bad code. They fail because there wasn't
+          shared aggreement on what to build before the building started. Scope creeps, launches
+          slip, and teams end up rebuilding features that should have been right the first time.
+        </p>
+        <p className="why-prd__text">
+          A good Product Requirements Document (PRD) fixes that. it ensures you, your dev team, and
+          your designers are working from the same blueprint before development begins. Not because
+          process is fun, but because <strong>clarity is cheap and rework is expensive</strong>.
+        </p>
+        <p className="why-prd__text">
+          This template is what we actually use with clients. It's structured enough to be useful
+          and short enough that you'll finish it.
+        </p>
+        <p className="why-prd__text">
+          <strong>What you'll get:</strong>
+        </p>
+        <ul className="why-prd__list">
+          <li>A walkthrough video so you know how to use it</li>
+          <li>A ready-to-use Google Doc you can copy and fill out today</li>
+          <li>A Markdown version for teams working in GitHub or code repos</li>
+        </ul>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/gatsby/src/components/launch-well/css/resources.css b/apps/gatsby/src/components/launch-well/css/resources.css
new file mode 100644
index 0000000..b06add9
--- /dev/null
+++ b/apps/gatsby/src/components/launch-well/css/resources.css
@@ -0,0 +1,53 @@
+@reference "../../../css/index.css";
+
+.resources {
+  @apply parent-section;
+  @apply bg-white;
+}
+
+.resources__contents {
+  @apply contents-container;
+  @apply flex-col max-w-4xl;
+}
+
+.resources__heading {
+  @apply text-4xl mb-10 text-center w-full;
+}
+
+.resources__video-container {
+  @apply w-full mb-12;
+}
+
+.resources__video-wrapper {
+  @apply relative w-full overflow-hidden rounded-xl shadow-lg;
+  padding-bottom: 56.25%;
+}
+
+.resources__video-wrapper iframe {
+  @apply absolute top-0 left-0 w-full h-full;
+}
+
+.resources__links {
+  @apply grid grid-cols-1 md:grid-cols-2 gap-6 w-full;
+}
+
+.resources__link-card {
+  @apply flex items-start gap-4 p-6 rounded-xl border border-launch-black-10 shadow-sm;
+  @apply hover:shadow-md hover:border-launch-orange transition-all duration-200;
+}
+
+.resources__link-icon {
+  @apply text-launch-orange text-2xl flex-shrink-0 mt-1;
+}
+
+.resources__link-text {
+  @apply flex flex-col;
+}
+
+.resources__link-title {
+  @apply font-bold text-lg text-launch-black;
+}
+
+.resources__link-description {
+  @apply text-launch-black-70 text-sm mt-1;
+}
diff --git a/apps/gatsby/src/components/launch-well/css/welcome-cta.css b/apps/gatsby/src/components/launch-well/css/welcome-cta.css
new file mode 100644
index 0000000..cccfc00
--- /dev/null
+++ b/apps/gatsby/src/components/launch-well/css/welcome-cta.css
@@ -0,0 +1,23 @@
+@reference "../../../css/index.css";
+
+.welcome-cta {
+  @apply parent-section;
+  @apply bg-launch-neutral-20;
+}
+
+.welcome-cta__contents {
+  @apply contents-container;
+  @apply flex-col items-center text-center max-w-2xl;
+}
+
+.welcome-cta__heading {
+  @apply text-4xl mb-4;
+}
+
+.welcome-cta__text {
+  @apply text-launch-black-70 text-lg mb-8;
+}
+
+.welcome-cta__button[type="button"] {
+  @apply text-lg px-8 py-3;
+}
diff --git a/apps/gatsby/src/components/launch-well/css/welcome-hero.css b/apps/gatsby/src/components/launch-well/css/welcome-hero.css
new file mode 100644
index 0000000..a271f10
--- /dev/null
+++ b/apps/gatsby/src/components/launch-well/css/welcome-hero.css
@@ -0,0 +1,19 @@
+@reference "../../../css/index.css";
+
+.welcome-hero {
+  @apply parent-section;
+  @apply bg-white relative z-30;
+}
+
+.welcome-hero__contents {
+  @apply contents-container;
+  @apply flex-col text-center items-center;
+}
+
+.welcome-hero__heading {
+  @apply text-5xl mb-4;
+}
+
+.welcome-hero__subheading {
+  @apply text-lg text-launch-black-70 max-w-2xl;
+}
diff --git a/apps/gatsby/src/components/launch-well/css/why-prd.css b/apps/gatsby/src/components/launch-well/css/why-prd.css
new file mode 100644
index 0000000..f79a220
--- /dev/null
+++ b/apps/gatsby/src/components/launch-well/css/why-prd.css
@@ -0,0 +1,27 @@
+@reference "../../../css/index.css";
+
+.why-prd {
+  @apply parent-section;
+  @apply bg-launch-neutral-20;
+}
+
+.why-prd__contents {
+  @apply contents-container;
+  @apply flex-col max-w-3xl;
+}
+
+.why-prd__heading {
+  @apply text-4xl mb-6 text-center;
+}
+
+.why-prd__text {
+  @apply text-launch-black-80 text-lg leading-relaxed mb-4;
+}
+
+.why-prd__list {
+  @apply list-disc list-inside text-launch-black-80 text-lg leading-relaxed space-y-2 mt-2;
+}
+
+.why-prd__list-label {
+  @apply font-bold text-launch-black;
+}
diff --git a/apps/gatsby/src/gatsby-types.d.ts b/apps/gatsby/src/gatsby-types.d.ts
index 0b37bca..152c0e2 100644
--- a/apps/gatsby/src/gatsby-types.d.ts
+++ b/apps/gatsby/src/gatsby-types.d.ts
@@ -1859,7 +1859,6 @@ type Query = {
   readonly allSiteFunction: SiteFunctionConnection;
   readonly allSitePage: SitePageConnection;
   readonly allSitePlugin: SitePluginConnection;
-  readonly allStaticImage: StaticImageConnection;
   readonly directory: Maybe<Directory>;
   readonly file: Maybe<File>;
   readonly imageSharp: Maybe<ImageSharp>;
@@ -1870,7 +1869,6 @@ type Query = {
   readonly siteFunction: Maybe<SiteFunction>;
   readonly sitePage: Maybe<SitePage>;
   readonly sitePlugin: Maybe<SitePlugin>;
-  readonly staticImage: Maybe<StaticImage>;
 };
 
 
@@ -1954,14 +1952,6 @@ type Query_allSitePluginArgs = {
 };
 
 
-type Query_allStaticImageArgs = {
-  filter: InputMaybe<StaticImageFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<StaticImageSortInput>>>;
-};
-
-
 type Query_directoryArgs = {
   absolutePath: InputMaybe<StringQueryOperatorInput>;
   accessTime: InputMaybe<DateQueryOperatorInput>;
@@ -2162,46 +2152,6 @@ type Query_sitePluginArgs = {
   version: InputMaybe<StringQueryOperatorInput>;
 };
 
-
-type Query_staticImageArgs = {
-  absolutePath: InputMaybe<StringQueryOperatorInput>;
-  accessTime: InputMaybe<DateQueryOperatorInput>;
-  atime: InputMaybe<DateQueryOperatorInput>;
-  atimeMs: InputMaybe<FloatQueryOperatorInput>;
-  base: InputMaybe<StringQueryOperatorInput>;
-  birthTime: InputMaybe<DateQueryOperatorInput>;
-  birthtime: InputMaybe<DateQueryOperatorInput>;
-  birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  blksize: InputMaybe<IntQueryOperatorInput>;
-  blocks: InputMaybe<IntQueryOperatorInput>;
-  changeTime: InputMaybe<DateQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  ctime: InputMaybe<DateQueryOperatorInput>;
-  ctimeMs: InputMaybe<FloatQueryOperatorInput>;
-  dev: InputMaybe<IntQueryOperatorInput>;
-  dir: InputMaybe<StringQueryOperatorInput>;
-  ext: InputMaybe<StringQueryOperatorInput>;
-  extension: InputMaybe<StringQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  ino: InputMaybe<IntQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  mode: InputMaybe<IntQueryOperatorInput>;
-  modifiedTime: InputMaybe<DateQueryOperatorInput>;
-  mtime: InputMaybe<DateQueryOperatorInput>;
-  mtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  name: InputMaybe<StringQueryOperatorInput>;
-  nlink: InputMaybe<IntQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  prettySize: InputMaybe<StringQueryOperatorInput>;
-  rdev: InputMaybe<IntQueryOperatorInput>;
-  relativeDirectory: InputMaybe<StringQueryOperatorInput>;
-  relativePath: InputMaybe<StringQueryOperatorInput>;
-  root: InputMaybe<StringQueryOperatorInput>;
-  size: InputMaybe<IntQueryOperatorInput>;
-  sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
-  uid: InputMaybe<IntQueryOperatorInput>;
-};
-
 type Site = Node & {
   readonly buildTime: Maybe<Scalars['Date']>;
   readonly children: ReadonlyArray<Node>;
@@ -2996,312 +2946,6 @@ type SortOrderEnum =
   | 'ASC'
   | 'DESC';
 
-type StaticImage = Node & {
-  readonly absolutePath: Maybe<Scalars['String']>;
-  readonly accessTime: Maybe<Scalars['Date']>;
-  readonly atime: Maybe<Scalars['Date']>;
-  readonly atimeMs: Maybe<Scalars['Float']>;
-  readonly base: Maybe<Scalars['String']>;
-  readonly birthTime: Maybe<Scalars['Date']>;
-  readonly birthtime: Maybe<Scalars['Date']>;
-  readonly birthtimeMs: Maybe<Scalars['Float']>;
-  readonly blksize: Maybe<Scalars['Int']>;
-  readonly blocks: Maybe<Scalars['Int']>;
-  readonly changeTime: Maybe<Scalars['Date']>;
-  readonly children: ReadonlyArray<Node>;
-  readonly ctime: Maybe<Scalars['Date']>;
-  readonly ctimeMs: Maybe<Scalars['Float']>;
-  readonly dev: Maybe<Scalars['Int']>;
-  readonly dir: Maybe<Scalars['String']>;
-  readonly ext: Maybe<Scalars['String']>;
-  readonly extension: Maybe<Scalars['String']>;
-  readonly id: Scalars['ID'];
-  readonly ino: Maybe<Scalars['Int']>;
-  readonly internal: Internal;
-  readonly mode: Maybe<Scalars['Int']>;
-  readonly modifiedTime: Maybe<Scalars['Date']>;
-  readonly mtime: Maybe<Scalars['Date']>;
-  readonly mtimeMs: Maybe<Scalars['Float']>;
-  readonly name: Maybe<Scalars['String']>;
-  readonly nlink: Maybe<Scalars['Int']>;
-  readonly parent: Maybe<Node>;
-  readonly prettySize: Maybe<Scalars['String']>;
-  readonly rdev: Maybe<Scalars['Int']>;
-  readonly relativeDirectory: Maybe<Scalars['String']>;
-  readonly relativePath: Maybe<Scalars['String']>;
-  readonly root: Maybe<Scalars['String']>;
-  readonly size: Maybe<Scalars['Int']>;
-  readonly sourceInstanceName: Maybe<Scalars['String']>;
-  readonly uid: Maybe<Scalars['Int']>;
-};
-
-
-type StaticImage_accessTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type StaticImage_atimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type StaticImage_birthTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type StaticImage_birthtimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type StaticImage_changeTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type StaticImage_ctimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type StaticImage_modifiedTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type StaticImage_mtimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-type StaticImageConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<StaticImageEdge>;
-  readonly group: ReadonlyArray<StaticImageGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<StaticImage>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type StaticImageConnection_distinctArgs = {
-  field: StaticImageFieldSelector;
-};
-
-
-type StaticImageConnection_groupArgs = {
-  field: StaticImageFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type StaticImageConnection_maxArgs = {
-  field: StaticImageFieldSelector;
-};
-
-
-type StaticImageConnection_minArgs = {
-  field: StaticImageFieldSelector;
-};
-
-
-type StaticImageConnection_sumArgs = {
-  field: StaticImageFieldSelector;
-};
-
-type StaticImageEdge = {
-  readonly next: Maybe<StaticImage>;
-  readonly node: StaticImage;
-  readonly previous: Maybe<StaticImage>;
-};
-
-type StaticImageFieldSelector = {
-  readonly absolutePath: InputMaybe<FieldSelectorEnum>;
-  readonly accessTime: InputMaybe<FieldSelectorEnum>;
-  readonly atime: InputMaybe<FieldSelectorEnum>;
-  readonly atimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly base: InputMaybe<FieldSelectorEnum>;
-  readonly birthTime: InputMaybe<FieldSelectorEnum>;
-  readonly birthtime: InputMaybe<FieldSelectorEnum>;
-  readonly birthtimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly blksize: InputMaybe<FieldSelectorEnum>;
-  readonly blocks: InputMaybe<FieldSelectorEnum>;
-  readonly changeTime: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly ctime: InputMaybe<FieldSelectorEnum>;
-  readonly ctimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly dev: InputMaybe<FieldSelectorEnum>;
-  readonly dir: InputMaybe<FieldSelectorEnum>;
-  readonly ext: InputMaybe<FieldSelectorEnum>;
-  readonly extension: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly ino: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly mode: InputMaybe<FieldSelectorEnum>;
-  readonly modifiedTime: InputMaybe<FieldSelectorEnum>;
-  readonly mtime: InputMaybe<FieldSelectorEnum>;
-  readonly mtimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly name: InputMaybe<FieldSelectorEnum>;
-  readonly nlink: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly prettySize: InputMaybe<FieldSelectorEnum>;
-  readonly rdev: InputMaybe<FieldSelectorEnum>;
-  readonly relativeDirectory: InputMaybe<FieldSelectorEnum>;
-  readonly relativePath: InputMaybe<FieldSelectorEnum>;
-  readonly root: InputMaybe<FieldSelectorEnum>;
-  readonly size: InputMaybe<FieldSelectorEnum>;
-  readonly sourceInstanceName: InputMaybe<FieldSelectorEnum>;
-  readonly uid: InputMaybe<FieldSelectorEnum>;
-};
-
-type StaticImageFilterInput = {
-  readonly absolutePath: InputMaybe<StringQueryOperatorInput>;
-  readonly accessTime: InputMaybe<DateQueryOperatorInput>;
-  readonly atime: InputMaybe<DateQueryOperatorInput>;
-  readonly atimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly base: InputMaybe<StringQueryOperatorInput>;
-  readonly birthTime: InputMaybe<DateQueryOperatorInput>;
-  readonly birthtime: InputMaybe<DateQueryOperatorInput>;
-  readonly birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly blksize: InputMaybe<IntQueryOperatorInput>;
-  readonly blocks: InputMaybe<IntQueryOperatorInput>;
-  readonly changeTime: InputMaybe<DateQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly ctime: InputMaybe<DateQueryOperatorInput>;
-  readonly ctimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly dev: InputMaybe<IntQueryOperatorInput>;
-  readonly dir: InputMaybe<StringQueryOperatorInput>;
-  readonly ext: InputMaybe<StringQueryOperatorInput>;
-  readonly extension: InputMaybe<StringQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly ino: InputMaybe<IntQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly mode: InputMaybe<IntQueryOperatorInput>;
-  readonly modifiedTime: InputMaybe<DateQueryOperatorInput>;
-  readonly mtime: InputMaybe<DateQueryOperatorInput>;
-  readonly mtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly name: InputMaybe<StringQueryOperatorInput>;
-  readonly nlink: InputMaybe<IntQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly prettySize: InputMaybe<StringQueryOperatorInput>;
-  readonly rdev: InputMaybe<IntQueryOperatorInput>;
-  readonly relativeDirectory: InputMaybe<StringQueryOperatorInput>;
-  readonly relativePath: InputMaybe<StringQueryOperatorInput>;
-  readonly root: InputMaybe<StringQueryOperatorInput>;
-  readonly size: InputMaybe<IntQueryOperatorInput>;
-  readonly sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
-  readonly uid: InputMaybe<IntQueryOperatorInput>;
-};
-
-type StaticImageGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<StaticImageEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<StaticImageGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<StaticImage>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type StaticImageGroupConnection_distinctArgs = {
-  field: StaticImageFieldSelector;
-};
-
-
-type StaticImageGroupConnection_groupArgs = {
-  field: StaticImageFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type StaticImageGroupConnection_maxArgs = {
-  field: StaticImageFieldSelector;
-};
-
-
-type StaticImageGroupConnection_minArgs = {
-  field: StaticImageFieldSelector;
-};
-
-
-type StaticImageGroupConnection_sumArgs = {
-  field: StaticImageFieldSelector;
-};
-
-type StaticImageSortInput = {
-  readonly absolutePath: InputMaybe<SortOrderEnum>;
-  readonly accessTime: InputMaybe<SortOrderEnum>;
-  readonly atime: InputMaybe<SortOrderEnum>;
-  readonly atimeMs: InputMaybe<SortOrderEnum>;
-  readonly base: InputMaybe<SortOrderEnum>;
-  readonly birthTime: InputMaybe<SortOrderEnum>;
-  readonly birthtime: InputMaybe<SortOrderEnum>;
-  readonly birthtimeMs: InputMaybe<SortOrderEnum>;
-  readonly blksize: InputMaybe<SortOrderEnum>;
-  readonly blocks: InputMaybe<SortOrderEnum>;
-  readonly changeTime: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly ctime: InputMaybe<SortOrderEnum>;
-  readonly ctimeMs: InputMaybe<SortOrderEnum>;
-  readonly dev: InputMaybe<SortOrderEnum>;
-  readonly dir: InputMaybe<SortOrderEnum>;
-  readonly ext: InputMaybe<SortOrderEnum>;
-  readonly extension: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly ino: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly mode: InputMaybe<SortOrderEnum>;
-  readonly modifiedTime: InputMaybe<SortOrderEnum>;
-  readonly mtime: InputMaybe<SortOrderEnum>;
-  readonly mtimeMs: InputMaybe<SortOrderEnum>;
-  readonly name: InputMaybe<SortOrderEnum>;
-  readonly nlink: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly prettySize: InputMaybe<SortOrderEnum>;
-  readonly rdev: InputMaybe<SortOrderEnum>;
-  readonly relativeDirectory: InputMaybe<SortOrderEnum>;
-  readonly relativePath: InputMaybe<SortOrderEnum>;
-  readonly root: InputMaybe<SortOrderEnum>;
-  readonly size: InputMaybe<SortOrderEnum>;
-  readonly sourceInstanceName: InputMaybe<SortOrderEnum>;
-  readonly uid: InputMaybe<SortOrderEnum>;
-};
-
 type StringQueryOperatorInput = {
   readonly eq: InputMaybe<Scalars['String']>;
   readonly glob: InputMaybe<Scalars['String']>;
diff --git a/apps/gatsby/src/pages/launch-well/welcome.tsx b/apps/gatsby/src/pages/launch-well/welcome.tsx
new file mode 100644
index 0000000..ebd2b65
--- /dev/null
+++ b/apps/gatsby/src/pages/launch-well/welcome.tsx
@@ -0,0 +1,37 @@
+import React from "react"
+
+import { PageProps } from "gatsby"
+
+import "../../css/index.css"
+
+import { Layout } from "../../components/layout/Layout"
+import { HeadDefaults } from "../../components/layout/HeadDefaults"
+import { WelcomeHero } from "../../components/launch-well/WelcomeHero"
+import { WhyPrd } from "../../components/launch-well/WhyPrd"
+import { Resources } from "../../components/launch-well/Resources"
+import { WelcomeCta } from "../../components/launch-well/WelcomeCta"
+
+export const Head = () => (
+  <>
+    <title>Welcome to Launch Well | LaunchWare</title>
+    <meta
+      name="description"
+      content="Your PRD template and walkthrough from Launch Well. Get a battle-tested Product Requirements Document template to ship better software."
+    />
+    <meta name="robots" content="noindex" />
+    <HeadDefaults />
+  </>
+)
+
+const WelcomePage = (pageProps: PageProps) => {
+  return (
+    <Layout location={pageProps.location} title="Welcome to Launch Well">
+      <WelcomeHero />
+      <WhyPrd />
+      <Resources />
+      <WelcomeCta />
+    </Layout>
+  )
+}
+
+export default WelcomePage
diff --git a/apps/gatsby/static/prd-template.md b/apps/gatsby/static/prd-template.md
new file mode 100644
index 0000000..fd07381
--- /dev/null
+++ b/apps/gatsby/static/prd-template.md
@@ -0,0 +1,91 @@
+# Product Requirements Document - [Name of Initiative]
+
+## Overview
+
+| Product Initiative Name: |     |
+| :----------------------- | :-- |
+| Product Lead:            |     |
+
+## Goals and Context
+
+Provide an overview of what we’re trying to achieve with this product. Be sure to include the motivation driving the product, any major considerations or key high-level requirements.
+
+## What This Product Is
+
+Articulate the “boundaries” of the product and define what it must do. This may include technology decisions/constraints.
+
+## What The Product Isn’t
+
+Articulate what we will not solve in this initiative. Be sure to identify what is out of scope or unreachable as part of this initiative. It is as important to define what is not being included as what is.
+
+## Who does it serve and why should we build it for them?
+
+Articulate the “jobs to be done” for each user role and how this product helps. Add more as needed. For each user role, include the core functional jobs, as well as the social/emotional jobs. Don’t forget to address administrative roles.
+
+### Role 1
+
+### Role 2
+
+## Value Proposition Design Hypotheses & KPI’s
+
+What value or outcome(s) will creating this product provide to the business and/or users? Create a separate hypothesis for each outcome. Each hypothesis should have a specific measurement to verify whether the hypothesis is valid.
+
+### Hypothesis 1
+
+| We believe that:         |     |
+| :----------------------- | :-- |
+| To verify that, we will: |     |
+| And Measure:             |     |
+| We are right if:         |     |
+
+### Hypothesis 2
+
+| We believe that:         |     |
+| :----------------------- | :-- |
+| To verify that, we will: |     |
+| And Measure:             |     |
+| We are right if:         |     |
+
+## What does it need to do?
+
+### Glossary
+
+Note any domain-specific language here. Avoid abbreviations and technobabble as much as possible. Define all terms that might be ambiguous or unclear to all stakeholders, not just the technical team.
+
+### Functionality
+
+This is where the meat of your PRD should be. Outline what features need to be built for you to help your target audience with their jobs to be done. If applicable, identify which features are critical for launch and which could be added post the initial release (as long as they are in-scope as defined above for this project. Add more as needed.
+
+#### Feature A
+
+#### Feature B
+
+## Mockups and Wireframes
+
+Pictures tell a great story. Include drawings and low-fidelity wireframes here to further illustrate what you want to build. You can either insert images or link to external files/URLs.
+
+## Supporting Details
+
+### Competitive Equivalents
+
+Identify any similar products or features that exist today in the market. Provide links and note specific parts of the site/app you are referring to.
+
+### Product Inspiration
+
+Are there other products or features that should inspire the design and development of these features? It could be “unrelated” inspiration like a photo that should inspire a color palette or a function of a product in a completely different industry/segment.
+
+## Technical Notes and Details
+
+Are there any technical constraints, API considerations, or other architectural items that should be considered?
+
+## Milestones
+
+A recognizable place in the design and development that indicates progress. Include both the milestone and a tangible way to determine what “done” looks like.
+
+### Milestone 1
+
+_We know we are done when this tangible result is apparent._
+
+### Milestone 2
+
+_We know we are done when this tangible result is apparent._