diff --git a/app/src/components/constants.ts b/app/src/components/constants.ts
index a1cf538e..c51956b5 100644
--- a/app/src/components/constants.ts
+++ b/app/src/components/constants.ts
@@ -70,7 +70,8 @@ export const PERMIT_STATUS = Object.freeze({
 /** Types of notes */
 export const NOTE_TYPE_LIST = Object.freeze({
   GENERAL: 'General',
-  BRING_FORWARD: 'Bring Forward'
+  BRING_FORWARD: 'Bring Forward',
+  ENQUIRY: 'Enquiry'
 });
 
 /**
diff --git a/app/src/controllers/enquiry.ts b/app/src/controllers/enquiry.ts
new file mode 100644
index 00000000..b7cb952c
--- /dev/null
+++ b/app/src/controllers/enquiry.ts
@@ -0,0 +1,118 @@
+import { NIL, v4 as uuidv4 } from 'uuid';
+
+import { Initiatives, NOTE_TYPE_LIST } from '../components/constants';
+import { getCurrentIdentity } from '../components/utils';
+import { activityService, enquiryService, noteService, userService } from '../services';
+
+import type { NextFunction, Request, Response } from '../interfaces/IExpress';
+import type { Enquiry } from '../types';
+
+const controller = {
+  createRelatedNote: async (req: Request, data: Enquiry) => {
+    if (data.relatedActivityId) {
+      const activity = await activityService.getActivity(data.relatedActivityId);
+      if (activity) {
+        const userId = await userService.getCurrentUserId(getCurrentIdentity(req.currentUser, NIL), NIL);
+
+        await noteService.createNote({
+          activityId: data.relatedActivityId,
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any, max-len
+          note: `Added by ${(req.currentUser?.tokenPayload as any)?.idir_username}\nEnquiry #${data.activityId}\n${data.enquiryDescription}`,
+          noteType: NOTE_TYPE_LIST.ENQUIRY,
+          title: 'Enquiry',
+          bringForwardDate: null,
+          bringForwardState: null,
+          createdAt: new Date().toISOString(),
+          createdBy: userId,
+          isDeleted: false
+        });
+      }
+    }
+  },
+
+  generateEnquiryData: async (req: Request) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const data: any = req.body;
+
+    const activityId = data.activityId ?? (await activityService.createActivity(Initiatives.HOUSING))?.activityId;
+
+    let applicant, basic;
+
+    // Create applicant information
+    if (data.applicant) {
+      applicant = {
+        contactFirstName: data.applicant.firstName,
+        contactLastName: data.applicant.lastName,
+        contactPhoneNumber: data.applicant.phoneNumber,
+        contactEmail: data.applicant.email,
+        contactApplicantRelationship: data.applicant.relationshipToProject,
+        contactPreference: data.applicant.contactPreference
+      };
+    }
+
+    if (data.basic) {
+      basic = {
+        enquiryType: data.basic.enquiryType,
+        isRelated: data.basic.isRelated,
+        relatedActivityId: data.basic.relatedActivityId,
+        enquiryDescription: data.basic.enquiryDescription,
+        applyForPermitConnect: data.basic.applyForPermitConnect
+      };
+    }
+
+    // Put new enquiry together
+    return {
+      ...applicant,
+      ...basic,
+      enquiryId: data.enquiryId ?? uuidv4(),
+      activityId: activityId,
+      submittedAt: data.submittedAt ?? new Date().toISOString(),
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      submittedBy: (req.currentUser?.tokenPayload as any)?.idir_username
+    };
+  },
+
+  createDraft: async (req: Request, res: Response, next: NextFunction) => {
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const data: any = req.body;
+
+      const enquiry = await controller.generateEnquiryData(req);
+
+      // Create new enquiry
+      const result = await enquiryService.createEnquiry(enquiry);
+
+      // On submit attempt to create note if enquiry is associated with an existing activity
+      if (data.submit) {
+        await controller.createRelatedNote(req, result);
+      }
+
+      res.status(201).json({ activityId: result.activityId, enquiryId: result.enquiryId });
+    } catch (e: unknown) {
+      next(e);
+    }
+  },
+
+  updateDraft: async (req: Request, res: Response, next: NextFunction) => {
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const data: any = req.body;
+
+      const enquiry = await controller.generateEnquiryData(req);
+
+      // Update enquiry
+      const result = await enquiryService.updateEnquiry(enquiry as Enquiry);
+
+      // On submit, attempt to create note if enquiry is associated with an existing activity
+      if (data.submit) {
+        await controller.createRelatedNote(req, result);
+      }
+
+      res.status(200).json({ activityId: result.activityId, enquiryId: result.enquiryId });
+    } catch (e: unknown) {
+      next(e);
+    }
+  }
+};
+
+export default controller;
diff --git a/app/src/controllers/index.ts b/app/src/controllers/index.ts
index e3fc472e..8dedc117 100644
--- a/app/src/controllers/index.ts
+++ b/app/src/controllers/index.ts
@@ -1,4 +1,5 @@
 export { default as documentController } from './document';
+export { default as enquiryController } from './enquiry';
 export { default as noteController } from './note';
 export { default as permitController } from './permit';
 export { default as roadmapController } from './roadmap';
diff --git a/app/src/db/migrations/20240516000000_005-shas-enquiry.ts b/app/src/db/migrations/20240516000000_005-shas-enquiry.ts
new file mode 100644
index 00000000..329316c3
--- /dev/null
+++ b/app/src/db/migrations/20240516000000_005-shas-enquiry.ts
@@ -0,0 +1,87 @@
+import stamps from '../stamps';
+
+import type { Knex } from 'knex';
+
+/*
+ * Not included in this migration is a manual destructive operation
+ * submission.contact_name will be split into two new parts
+ * submission.contact_first_name
+ * submission.contact_last_name
+ * submission.contact_name will then be dropped
+ */
+
+export async function up(knex: Knex): Promise<void> {
+  return (
+    Promise.resolve()
+      // Create public schema tables
+      .then(() =>
+        knex.schema.createTable('enquiry', (table) => {
+          table.uuid('enquiry_id').primary();
+          table
+            .text('activity_id')
+            .notNullable()
+            .references('activity_id')
+            .inTable('activity')
+            .onUpdate('CASCADE')
+            .onDelete('CASCADE');
+          table.uuid('assigned_user_id').references('user_id').inTable('user').onUpdate('CASCADE').onDelete('CASCADE');
+          table.timestamp('submitted_at', { useTz: true }).notNullable();
+          table.text('submitted_by').notNullable();
+          table.text('contact_first_name');
+          table.text('contact_last_name');
+          table.text('contact_phone_number');
+          table.text('contact_email');
+          table.text('contact_preference');
+          table.text('contact_applicant_relationship');
+          table.text('is_related');
+          table.text('related_activity_id');
+          table.text('enquiry_description');
+          table.text('apply_for_permit_connect');
+          stamps(knex, table);
+        })
+      )
+
+      .then(() =>
+        knex.schema.alterTable('submission', (table) => {
+          table.text('contact_first_name');
+          table.text('contact_last_name');
+        })
+      )
+
+      // Create public schema table triggers
+      .then(() =>
+        knex.schema.raw(`create trigger before_update_enquiry_trigger
+      before update on "enquiry"
+      for each row execute procedure public.set_updated_at();`)
+      )
+
+      // Create audit triggers
+      .then(() =>
+        knex.schema.raw(`CREATE TRIGGER audit_enquiry_trigger
+        AFTER UPDATE OR DELETE ON enquiry
+        FOR EACH ROW EXECUTE PROCEDURE audit.if_modified_func();`)
+      )
+  );
+}
+
+export async function down(knex: Knex): Promise<void> {
+  return (
+    Promise.resolve()
+      // Drop audit triggers
+      .then(() => knex.schema.raw('DROP TRIGGER IF EXISTS audit_enquiry_trigger ON permit'))
+
+      // Drop public schema table triggers
+      .then(() => knex.schema.raw('DROP TRIGGER IF EXISTS before_update_enquiry_trigger ON "enquiry"'))
+
+      // Revert table alters
+      .then(() =>
+        knex.schema.alterTable('submission', function (table) {
+          table.dropColumn('contact_first_name');
+          table.dropColumn('contact_last_name');
+        })
+      )
+
+      // Drop public schema tables
+      .then(() => knex.schema.dropTableIfExists('enquiry'))
+  );
+}
diff --git a/app/src/db/models/enquiry.ts b/app/src/db/models/enquiry.ts
new file mode 100644
index 00000000..ededb6d4
--- /dev/null
+++ b/app/src/db/models/enquiry.ts
@@ -0,0 +1,69 @@
+import { Prisma } from '@prisma/client';
+
+import user from './user';
+
+import type { Stamps } from '../stamps';
+import type { Enquiry } from '../../types';
+
+// Define types
+const _enquiry = Prisma.validator<Prisma.enquiryDefaultArgs>()({});
+const _enquiryWithGraph = Prisma.validator<Prisma.enquiryDefaultArgs>()({});
+const _enquiryWithUserGraph = Prisma.validator<Prisma.enquiryDefaultArgs>()({ include: { user: true } });
+
+type PrismaRelationEnquiry = Omit<Prisma.enquiryGetPayload<typeof _enquiry>, keyof Stamps>;
+type PrismaGraphEnquiry = Prisma.enquiryGetPayload<typeof _enquiryWithGraph>;
+type PrismaGraphEnquiryUser = Prisma.enquiryGetPayload<typeof _enquiryWithUserGraph>;
+
+export default {
+  toPrismaModel(input: Enquiry): PrismaRelationEnquiry {
+    return {
+      enquiry_id: input.enquiryId,
+      activity_id: input.activityId,
+      assigned_user_id: input.assignedUserId,
+      submitted_at: new Date(input.submittedAt ?? Date.now()),
+      submitted_by: input.submittedBy,
+      contact_first_name: input.contactFirstName,
+      contact_last_name: input.contactLastName,
+      contact_phone_number: input.contactPhoneNumber,
+      contact_email: input.contactEmail,
+      contact_preference: input.contactPreference,
+      contact_applicant_relationship: input.contactApplicantRelationship,
+      is_related: input.isRelated,
+      related_activity_id: input.relatedActivityId,
+      enquiry_description: input.enquiryDescription,
+      apply_for_permit_connect: input.applyForPermitConnect
+    };
+  },
+
+  fromPrismaModel(input: PrismaGraphEnquiry): Enquiry {
+    return {
+      enquiryId: input.enquiry_id,
+      activityId: input.activity_id,
+      assignedUserId: input.assigned_user_id,
+      submittedAt: input.submitted_at?.toISOString() as string,
+      submittedBy: input.submitted_by,
+      contactFirstName: input.contact_first_name,
+      contactLastName: input.contact_last_name,
+      contactPhoneNumber: input.contact_phone_number,
+      contactEmail: input.contact_email,
+      contactPreference: input.contact_preference,
+      contactApplicantRelationship: input.contact_applicant_relationship,
+      isRelated: input.is_related,
+      relatedActivityId: input.related_activity_id,
+      enquiryDescription: input.enquiry_description,
+      applyForPermitConnect: input.apply_for_permit_connect,
+      user: null
+    };
+  },
+
+  fromPrismaModelWithUser(input: PrismaGraphEnquiryUser | null): Enquiry | null {
+    if (!input) return null;
+
+    const enquiry = this.fromPrismaModel(input);
+    if (enquiry && input.user) {
+      enquiry.user = user.fromPrismaModel(input.user);
+    }
+
+    return enquiry;
+  }
+};
diff --git a/app/src/db/models/index.ts b/app/src/db/models/index.ts
index 37ed8d41..e62d513c 100644
--- a/app/src/db/models/index.ts
+++ b/app/src/db/models/index.ts
@@ -1,5 +1,6 @@
 export { default as activity } from './activity';
 export { default as document } from './document';
+export { default as enquiry } from './enquiry';
 export { default as identity_provider } from './identity_provider';
 export { default as note } from './note';
 export { default as permit } from './permit';
diff --git a/app/src/db/models/submission.ts b/app/src/db/models/submission.ts
index 1a0361cf..f7156073 100644
--- a/app/src/db/models/submission.ts
+++ b/app/src/db/models/submission.ts
@@ -72,7 +72,9 @@ export default {
       check_provincial_permits: input.checkProvincialPermits,
       indigenous_description: input.indigenousDescription,
       non_profit_description: input.nonProfitDescription,
-      housing_coop_description: input.housingCoopDescription
+      housing_coop_description: input.housingCoopDescription,
+      contact_first_name: input.contactFirstName,
+      contact_last_name: input.contactLastName
     };
   },
 
@@ -134,6 +136,8 @@ export default {
       indigenousDescription: input.indigenous_description,
       nonProfitDescription: input.non_profit_description,
       housingCoopDescription: input.housing_coop_description,
+      contactFirstName: input.contact_first_name,
+      contactLastName: input.contact_last_name,
       user: null
     };
   },
diff --git a/app/src/db/prisma/schema.prisma b/app/src/db/prisma/schema.prisma
index dc1404e9..01145d10 100644
--- a/app/src/db/prisma/schema.prisma
+++ b/app/src/db/prisma/schema.prisma
@@ -28,6 +28,7 @@ model activity {
   updated_at    DateTime?    @db.Timestamptz(6)
   initiative    initiative   @relation(fields: [initiative_id], references: [initiative_id], onDelete: Cascade, map: "activity_initiative_id_foreign")
   document      document[]
+  enquiry       enquiry[]
   note          note[]
   permit        permit[]
   submission    submission[]
@@ -190,6 +191,8 @@ model submission {
   indigenous_description             String?
   non_profit_description             String?
   housing_coop_description           String?
+  contact_first_name                 String?
+  contact_last_name                  String?
   activity                           activity  @relation(fields: [activity_id], references: [activity_id], onDelete: Cascade, map: "submission_activity_id_foreign")
   user                               user?     @relation(fields: [assigned_user_id], references: [user_id], onDelete: Cascade, map: "submission_assigned_user_id_foreign")
 }
@@ -208,6 +211,7 @@ model user {
   created_at        DateTime?          @default(now()) @db.Timestamptz(6)
   updated_by        String?
   updated_at        DateTime?          @db.Timestamptz(6)
+  enquiry           enquiry[]
   submission        submission[]
   identity_provider identity_provider? @relation(fields: [idp], references: [idp], onDelete: Cascade, map: "user_idp_foreign")
 
@@ -215,3 +219,27 @@ model user {
   @@index([identity_id], map: "user_identity_id_index")
   @@index([username], map: "user_username_index")
 }
+
+model enquiry {
+  enquiry_id                     String    @id @db.Uuid
+  activity_id                    String
+  assigned_user_id               String?   @db.Uuid
+  submitted_at                   DateTime  @db.Timestamptz(6)
+  submitted_by                   String
+  contact_first_name             String?
+  contact_last_name              String?
+  contact_phone_number           String?
+  contact_email                  String?
+  contact_preference             String?
+  contact_applicant_relationship String?
+  is_related                     String?
+  related_activity_id            String?
+  enquiry_description            String?
+  apply_for_permit_connect       String?
+  created_by                     String?   @default("00000000-0000-0000-0000-000000000000")
+  created_at                     DateTime? @default(now()) @db.Timestamptz(6)
+  updated_by                     String?
+  updated_at                     DateTime? @db.Timestamptz(6)
+  activity                       activity  @relation(fields: [activity_id], references: [activity_id], onDelete: Cascade, map: "enquiry_activity_id_foreign")
+  user                           user?     @relation(fields: [assigned_user_id], references: [user_id], onDelete: Cascade, map: "enquiry_assigned_user_id_foreign")
+}
diff --git a/app/src/routes/v1/enquiry.ts b/app/src/routes/v1/enquiry.ts
new file mode 100644
index 00000000..2c065ae4
--- /dev/null
+++ b/app/src/routes/v1/enquiry.ts
@@ -0,0 +1,20 @@
+import express from 'express';
+import { enquiryController } from '../../controllers';
+import { requireSomeAuth } from '../../middleware/requireSomeAuth';
+
+import type { NextFunction, Request, Response } from '../../interfaces/IExpress';
+
+const router = express.Router();
+router.use(requireSomeAuth);
+
+// Submission create draft endpoint
+router.put('/draft', (req: Request, res: Response, next: NextFunction): void => {
+  enquiryController.createDraft(req, res, next);
+});
+
+// Submission update draft endpoint
+router.put('/draft/:activityId', (req: Request, res: Response, next: NextFunction): void => {
+  enquiryController.updateDraft(req, res, next);
+});
+
+export default router;
diff --git a/app/src/routes/v1/index.ts b/app/src/routes/v1/index.ts
index b2dfd91f..9acb6b43 100644
--- a/app/src/routes/v1/index.ts
+++ b/app/src/routes/v1/index.ts
@@ -3,6 +3,7 @@ import { hasAccess } from '../../middleware/authorization';
 import express from 'express';
 import submission from './submission';
 import document from './document';
+import enquiry from './enquiry';
 import note from './note';
 import permit from './permit';
 import roadmap from './roadmap';
@@ -15,11 +16,12 @@ router.use(hasAccess);
 // Base v1 Responder
 router.get('/', (_req, res) => {
   res.status(200).json({
-    endpoints: ['/document', '/note', '/permit', '/roadmap', '/submission', '/user']
+    endpoints: ['/document', '/enquiry', '/note', '/permit', '/roadmap', '/submission', '/user']
   });
 });
 
 router.use('/document', document);
+router.use('/enquiry', enquiry);
 router.use('/note', note);
 router.use('/permit', permit);
 router.use('/roadmap', roadmap);
diff --git a/app/src/services/enquiry.ts b/app/src/services/enquiry.ts
new file mode 100644
index 00000000..576f9c70
--- /dev/null
+++ b/app/src/services/enquiry.ts
@@ -0,0 +1,43 @@
+/* eslint-disable no-useless-catch */
+import prisma from '../db/dataConnection';
+import { enquiry } from '../db/models';
+
+import type { Enquiry } from '../types';
+
+const service = {
+  /**
+   * @function createEnquiry
+   * Creates a new enquiry
+   * @returns {Promise<Partial<Enquiry>>} The result of running the transaction
+   */
+  createEnquiry: async (data: Partial<Enquiry>) => {
+    const response = await prisma.enquiry.create({
+      data: enquiry.toPrismaModel(data as Enquiry)
+    });
+
+    return enquiry.fromPrismaModel(response);
+  },
+
+  /**
+   * @function updateEnquiry
+   * Updates a specific enquiry
+   * @param {Enquiry} data Enquiry to update
+   * @returns {Promise<Enquiry | null>} The result of running the update operation
+   */
+  updateEnquiry: async (data: Enquiry) => {
+    try {
+      const result = await prisma.enquiry.update({
+        data: { ...enquiry.toPrismaModel(data), updated_by: data.updatedBy },
+        where: {
+          enquiry_id: data.enquiryId
+        }
+      });
+
+      return enquiry.fromPrismaModel(result);
+    } catch (e: unknown) {
+      throw e;
+    }
+  }
+};
+
+export default service;
diff --git a/app/src/services/index.ts b/app/src/services/index.ts
index 93c10095..eeb8c24d 100644
--- a/app/src/services/index.ts
+++ b/app/src/services/index.ts
@@ -2,6 +2,7 @@ export { default as activityService } from './activity';
 export { default as comsService } from './coms';
 export { default as documentService } from './document';
 export { default as emailService } from './email';
+export { default as enquiryService } from './enquiry';
 export { default as noteService } from './note';
 export { default as permitService } from './permit';
 export { default as submissionService } from './submission';
diff --git a/app/src/types/Enquiry.ts b/app/src/types/Enquiry.ts
new file mode 100644
index 00000000..5ad3c4a0
--- /dev/null
+++ b/app/src/types/Enquiry.ts
@@ -0,0 +1,22 @@
+import { IStamps } from '../interfaces/IStamps';
+
+import type { User } from './User';
+
+export type Enquiry = {
+  enquiryId: string; // Primary key
+  activityId: string;
+  assignedUserId: string | null;
+  submittedAt: string;
+  submittedBy: string;
+  contactFirstName: string | null;
+  contactLastName: string | null;
+  contactPhoneNumber: string | null;
+  contactEmail: string | null;
+  contactPreference: string | null;
+  contactApplicantRelationship: string | null;
+  isRelated: string | null;
+  relatedActivityId: string | null;
+  enquiryDescription: string | null;
+  applyForPermitConnect: string | null;
+  user: User | null;
+} & Partial<IStamps>;
diff --git a/app/src/types/Submission.ts b/app/src/types/Submission.ts
index cc1051be..56753cf9 100644
--- a/app/src/types/Submission.ts
+++ b/app/src/types/Submission.ts
@@ -60,6 +60,8 @@ export type Submission = {
   indigenousDescription: string | null;
   nonProfitDescription: string | null;
   housingCoopDescription: string | null;
+  contactFirstName: string | null;
+  contactLastName: string | null;
 
   user: User | null;
 } & Partial<IStamps>;
diff --git a/app/src/types/index.ts b/app/src/types/index.ts
index 15c3c385..5bc3fa58 100644
--- a/app/src/types/index.ts
+++ b/app/src/types/index.ts
@@ -5,6 +5,7 @@ export type { ChefsSubmissionExport } from './ChefsSubmissionExport';
 export type { CurrentUser } from './CurrentUser';
 export type { Document } from './Document';
 export type { Email } from './Email';
+export type { Enquiry } from './Enquiry';
 export type { EmailAttachment } from './EmailAttachment';
 export type { IdentityProvider } from './IdentityProvider';
 export type { Note } from './Note';
diff --git a/frontend/src/components/intake/ShasEnquiryForm.vue b/frontend/src/components/intake/ShasEnquiryForm.vue
new file mode 100644
index 00000000..077e9fdf
--- /dev/null
+++ b/frontend/src/components/intake/ShasEnquiryForm.vue
@@ -0,0 +1,381 @@
+<script setup lang="ts">
+import { Form } from 'vee-validate';
+import { onBeforeMount, ref, toRaw } from 'vue';
+import { useRouter } from 'vue-router';
+import { object } from 'yup';
+
+import { Dropdown, InputMask, RadioList, InputText, StepperNavigation, TextArea } from '@/components/form';
+import { Button, Card, Divider, Message, useConfirm, useToast } from '@/lib/primevue';
+import { enquiryService, submissionService } from '@/services';
+import { ContactPreferenceList, ProjectRelationshipList, RouteNames, YesNo } from '@/utils/constants';
+import { BASIC_RESPONSES } from '@/utils/enums';
+
+import type { Ref } from 'vue';
+
+// State
+const assignedActivityId: Ref<string | undefined> = ref(undefined);
+const editable: Ref<boolean> = ref(true);
+const formRef: Ref<InstanceType<typeof Form> | null> = ref(null);
+const initialFormValues: Ref<any | undefined> = ref(undefined);
+
+// Form validation schema
+const formSchema = object({});
+
+// Actions
+const confirm = useConfirm();
+const router = useRouter();
+const toast = useToast();
+
+function confirmNext(data: any) {
+  confirm.require({
+    /* eslint-disable max-len */
+    message:
+      'After confirming, your enquiry will get submitted, and you will be directed to the PermitConnect Navigator Service application.',
+    /*eslint-enable max-len */
+    header: 'Please confirm',
+    acceptLabel: 'Confirm',
+    rejectLabel: 'Cancel',
+    accept: () => onSubmit(toRaw(data))
+  });
+}
+
+function confirmSubmit(data: any) {
+  confirm.require({
+    message: 'Are you sure you wish to submit this form? Please review the form before submitting.',
+    header: 'Please confirm submission',
+    acceptLabel: 'Confirm',
+    rejectLabel: 'Cancel',
+    accept: () => onSubmit(data)
+  });
+}
+async function onSaveDraft(data: any) {
+  editable.value = false;
+
+  try {
+    let response;
+    if (data.enquiryId) {
+      response = await enquiryService.updateDraft(data.enquiryId, data);
+    } else {
+      response = await enquiryService.createDraft(data);
+    }
+
+    if (response.data.enquiryId && response.data.activityId) {
+      formRef.value?.setFieldValue('enquiryId', response.data.enquiryId);
+      formRef.value?.setFieldValue('activityId', response.data.activityId);
+    } else {
+      throw new Error('Failed to retrieve correct draft data');
+    }
+
+    toast.success('Draft saved');
+  } catch (e: any) {
+    toast.error('Failed to save draft', e);
+  } finally {
+    editable.value = true;
+  }
+}
+
+async function onSubmit(data: any) {
+  editable.value = false;
+
+  let enquiryResponse, submissionResponse;
+
+  try {
+    // Need to first create the submission to relate to if asking to apply
+    if (data.basic.applyForPermitConnect) {
+      submissionResponse = await submissionService.createDraft({ applicant: data.applicant });
+      if (submissionResponse.data.activityId) {
+        formRef.value?.setFieldValue('basic.relatedActivityId', submissionResponse.data.activityId);
+      } else {
+        throw new Error('Failed to retrieve correct submission draft data');
+      }
+    }
+
+    if (data.enquiryId) {
+      enquiryResponse = await enquiryService.updateDraft(data.enquiryId, { ...data, submit: true });
+    } else {
+      enquiryResponse = await enquiryService.createDraft({ ...data, submit: true });
+    }
+
+    if (enquiryResponse.data.activityId) {
+      assignedActivityId.value = enquiryResponse.data.activityId;
+      formRef.value?.setFieldValue('activityId', enquiryResponse.data.activityId);
+      formRef.value?.setFieldValue('enquiryId', enquiryResponse.data.enquiryId);
+    } else {
+      throw new Error('Failed to retrieve correct enquiry draft data');
+    }
+  } catch (e: any) {
+    toast.error('Failed to save intake', e);
+  } finally {
+    editable.value = true;
+
+    if (data.basic.applyForPermitConnect === BASIC_RESPONSES.YES) {
+      router.push({
+        name: RouteNames.INTAKE,
+        query: {
+          activityId: submissionResponse?.data.activityId,
+          submissionId: submissionResponse?.data.submissionId
+        }
+      });
+    }
+  }
+}
+
+onBeforeMount(async () => {
+  // Default form values
+  initialFormValues.value = {};
+});
+</script>
+
+<template>
+  <div v-if="!assignedActivityId">
+    <Form
+      v-if="initialFormValues"
+      v-slot="{ values }"
+      ref="formRef"
+      keep-values
+      :initial-values="initialFormValues"
+      :validation-schema="formSchema"
+      @submit="confirmSubmit"
+    >
+      <input
+        type="hidden"
+        name="activityId"
+      />
+
+      <input
+        type="hidden"
+        name="enquiryId"
+      />
+
+      <Card>
+        <template #title>
+          <span class="section-header">Applicant Info</span>
+          <Divider type="solid" />
+        </template>
+        <template #content>
+          <div class="formgrid grid">
+            <InputText
+              class="col-6"
+              name="applicant.firstName"
+              label="First name"
+              :bold="false"
+              :disabled="!editable"
+            />
+            <InputText
+              class="col-6"
+              name="applicant.lastName"
+              label="Last name"
+              :bold="false"
+              :disabled="!editable"
+            />
+            <InputMask
+              class="col-6"
+              name="applicant.phoneNumber"
+              mask="(999) 999-9999"
+              label="Phone number"
+              :bold="false"
+              :disabled="!editable"
+            />
+            <InputText
+              class="col-6"
+              name="applicant.email"
+              label="Email"
+              :bold="false"
+              :disabled="!editable"
+            />
+            <Dropdown
+              class="col-6"
+              name="applicant.relationshipToProject"
+              label="Relationship to project"
+              :bold="false"
+              :disabled="!editable"
+              :options="ProjectRelationshipList"
+            />
+            <Dropdown
+              class="col-6"
+              name="applicant.contactPreference"
+              label="Preferred contact method"
+              :bold="false"
+              :disabled="!editable"
+              :options="ContactPreferenceList"
+            />
+          </div>
+        </template>
+      </Card>
+      <Card>
+        <template #title>
+          <span class="section-header">
+            Is this enquiry related to an existing PermitConnect Housing Navigator Service application?
+          </span>
+          <Divider type="solid" />
+        </template>
+        <template #content>
+          <div class="formgrid grid">
+            <RadioList
+              class="col-12"
+              name="basic.isRelated"
+              :bold="false"
+              :disabled="!editable"
+              :options="YesNo"
+            />
+          </div>
+        </template>
+      </Card>
+      <Card v-if="values.basic?.isRelated === BASIC_RESPONSES.YES">
+        <template #title>
+          <div class="flex">
+            <span class="section-header">
+              Enter the confirmation ID of your PermitConnect Housing Navigator Service application
+            </span>
+            <div
+              v-tooltip.right="
+                `Confirmation ID can be found in the confirmation email you received at the time of submission.`
+              "
+            >
+              <font-awesome-icon icon="fa-solid fa-circle-question" />
+            </div>
+          </div>
+          <Divider type="solid" />
+        </template>
+        <template #content>
+          <div class="formgrid grid">
+            <InputText
+              class="col-6"
+              name="basic.relatedActivityId"
+              placeholder="Confirmation ID"
+              :disabled="!editable"
+            />
+          </div>
+        </template>
+      </Card>
+      <Card v-if="values.basic?.isRelated !== undefined">
+        <template #title>
+          <span class="section-header">Tell us about your enquiry</span>
+          <Divider type="solid" />
+        </template>
+        <template #content>
+          <div class="formgrid grid">
+            <TextArea
+              class="col-12"
+              name="basic.enquiryDescription"
+              placeholder="Type here..."
+              :disabled="!editable"
+            />
+          </div>
+        </template>
+      </Card>
+      <Card v-if="values.basic?.isRelated === BASIC_RESPONSES.NO">
+        <template #title>
+          <div class="flex">
+            <span class="section-header">
+              Would you like to apply for the PermitConnect Housing Navigator Service application?
+            </span>
+            <div v-tooltip.right="`Consider applying if you are working or getting started on a housing project.`">
+              <font-awesome-icon icon="fa-solid fa-circle-question" />
+            </div>
+          </div>
+          <Divider type="solid" />
+        </template>
+        <template #content>
+          <div class="formgrid grid">
+            <RadioList
+              class="col-12"
+              name="basic.applyForPermitConnect"
+              :bold="false"
+              :disabled="!editable"
+              :options="YesNo"
+            />
+            <div
+              v-if="values.basic?.applyForPermitConnect === BASIC_RESPONSES.YES"
+              class="col-12 text-blue-500"
+            >
+              Please proceed to the next page. It will take you to the Single Housing Application.
+            </div>
+          </div>
+        </template>
+      </Card>
+      <StepperNavigation
+        :editable="editable"
+        :next-callback="() => confirmNext(values)"
+        :prev-disabled="true"
+        :next-disabled="values.basic?.applyForPermitConnect !== BASIC_RESPONSES.YES"
+      >
+        <template #content>
+          <Button
+            class="p-button-sm"
+            outlined
+            label="Save draft"
+            :disabled="!editable"
+            @click="onSaveDraft(values)"
+          />
+        </template>
+      </StepperNavigation>
+      <div class="flex align-items-center justify-content-center mt-4">
+        <Button
+          label="Submit"
+          type="submit"
+          icon="pi pi-upload"
+          :disabled="!editable || values.basic?.applyForPermitConnect === BASIC_RESPONSES.YES"
+        />
+      </div>
+    </Form>
+  </div>
+  <div v-else>
+    <h2>Confirmation of Submission</h2>
+    <Message
+      class="border-none"
+      severity="success"
+      :closable="false"
+    >
+      Your enquiry has been succesfully submitted.
+    </Message>
+    <h3>Confirmation ID: {{ assignedActivityId }}</h3>
+    <div>
+      A Housing Navigator will review your submission and contact you. Please check your email for the confirmation
+      email and keep the confirmation ID for future reference.
+    </div>
+    <div class="mt-4"><router-link :to="{ name: RouteNames.HOME }">Go to Homepage</router-link></div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.no-shadow {
+  box-shadow: none;
+}
+
+.p-card {
+  border-color: rgb(242, 241, 241);
+  border-radius: 8px;
+  border-style: solid;
+  border-width: 1px;
+  margin-bottom: 1rem;
+
+  .section-header {
+    padding-left: 1rem;
+    padding-right: 0.5rem;
+  }
+
+  :deep(.p-card-title) {
+    font-size: 1rem;
+  }
+
+  :deep(.p-card-body) {
+    padding-bottom: 0.5rem;
+
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  :deep(.p-card-content) {
+    padding-bottom: 0;
+    padding-top: 0;
+
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+
+:deep(.p-message-wrapper) {
+  padding: 0.5rem;
+}
+</style>
diff --git a/frontend/src/components/intake/ShasIntakeForm.vue b/frontend/src/components/intake/ShasIntakeForm.vue
index a17c14cb..5a45f0e8 100644
--- a/frontend/src/components/intake/ShasIntakeForm.vue
+++ b/frontend/src/components/intake/ShasIntakeForm.vue
@@ -44,6 +44,17 @@ import { BASIC_RESPONSES, INTAKE_FORM_CATEGORIES, PROJECT_LOCATION } from '@/uti
 
 import type { Ref } from 'vue';
 
+// Props
+type Props = {
+  activityId?: string;
+  submissionId?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  activityId: undefined,
+  submissionId: undefined
+});
+
 // Constants
 const VALIDATION_BANNER_TEXT =
   'One or more of the required fields are missing or contains invalid data. Please check the highlighted fields.';
@@ -152,8 +163,23 @@ async function onSubmit(data: any) {
 }
 
 onBeforeMount(async () => {
+  let response;
+  if (props.activityId) {
+    response = (await submissionService.getSubmission(props.activityId)).data;
+  }
+
   // Default form values
   initialFormValues.value = {
+    activityId: response?.activityId,
+    submissionId: response?.submissionId,
+    applicant: {
+      firstName: response?.firstName,
+      lastName: response?.lastName,
+      phoneNumber: response?.contactPhoneNumber,
+      email: response?.contactEmail,
+      relationshipToProject: response?.contactApplicantRelationship,
+      contactPreference: response?.contactPreference
+    },
     location: {
       province: 'BC'
     }
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 8d780396..75d6831d 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -32,20 +32,21 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: '/enquiry',
     name: RouteNames.ENQUIRY,
-    component: () => import('../views/EnquiryView.vue'),
-    meta: { title: 'Enquiry' }
+    component: () => import('../views/ShasEnquiryView.vue'),
+    meta: { requiresAuth: true, title: 'Enquiry' }
   },
   {
     path: '/intake',
     name: RouteNames.INTAKE,
     component: () => import('../views/ShasIntakeView.vue'),
-    meta: { requiresAuth: true, title: 'Intake' }
+    meta: { requiresAuth: true, title: 'Intake' },
+    props: createProps
   },
   {
     path: '/start',
     name: RouteNames.START,
     component: () => import('../views/StartView.vue'),
-    meta: { title: 'Start' }
+    meta: { requiresAuth: true, title: 'Start' }
   },
   {
     path: '/submission',
diff --git a/frontend/src/services/enquiryService.ts b/frontend/src/services/enquiryService.ts
new file mode 100644
index 00000000..9353e578
--- /dev/null
+++ b/frontend/src/services/enquiryService.ts
@@ -0,0 +1,18 @@
+import { appAxios } from './interceptors';
+
+export default {
+  /**
+   * @function createDraft
+   * @returns {Promise} An axios response
+   */
+  createDraft(data?: any) {
+    return appAxios().put('enquiry/draft', data);
+  },
+  /**
+   * @function updateDraft
+   * @returns {Promise} An axios response
+   */
+  updateDraft(enquiryId: string, data?: any) {
+    return appAxios().put(`enquiry/draft/${enquiryId}`, data);
+  }
+};
diff --git a/frontend/src/services/index.ts b/frontend/src/services/index.ts
index 0db7509b..5a031e5b 100644
--- a/frontend/src/services/index.ts
+++ b/frontend/src/services/index.ts
@@ -1,9 +1,10 @@
 export { default as AuthService } from './authService';
 export { default as ConfigService } from './configService';
-export { default as submissionService } from './submissionService';
 export { default as comsService } from './comsService';
 export { default as documentService } from './documentService';
+export { default as enquiryService } from './enquiryService';
 export { default as noteService } from './noteService';
 export { default as permitService } from './permitService';
 export { default as roadmapService } from './roadmapService';
+export { default as submissionService } from './submissionService';
 export { default as userService } from './userService';
diff --git a/frontend/src/utils/enums.ts b/frontend/src/utils/enums.ts
index 7dad45c5..d2f991d8 100644
--- a/frontend/src/utils/enums.ts
+++ b/frontend/src/utils/enums.ts
@@ -72,6 +72,15 @@ export const enum RENTAL_STATUS_LIST {
   UNSURE = 'Unsure'
 }
 
+/**
+ * Enquiry types
+ */
+export const enum ENQUIRY_TYPES {
+  GENERAL = 'General enquiry',
+  STATUS_UPDATE = 'Application status update',
+  ESCALATION = 'Request for escalation'
+}
+
 /**
  * Note types
  */
diff --git a/frontend/src/utils/utils.ts b/frontend/src/utils/utils.ts
index 041ec68b..bd042136 100644
--- a/frontend/src/utils/utils.ts
+++ b/frontend/src/utils/utils.ts
@@ -94,15 +94,6 @@ export function getFileCategory(mimeType: string): string {
   }
 }
 
-/**
- * @function isDebugMode
- * Checks if the app is currently running in debug mode
- * @returns {boolean} True if in debug, false otherwise
- */
-export function isDebugMode(): boolean {
-  return import.meta.env.MODE.toUpperCase() === 'DEBUG';
-}
-
 /**
  * @function getFilenameAndExtension
  * Separates a full filename into name and extension parts
@@ -119,6 +110,29 @@ export function getFilenameAndExtension(filename: string): { filename: string; e
   }
 }
 
+/**
+ * @function isDebugMode
+ * Checks if the app is currently running in debug mode
+ * @returns {boolean} True if in debug, false otherwise
+ */
+export function isDebugMode(): boolean {
+  return import.meta.env.MODE.toUpperCase() === 'DEBUG';
+}
+
+/**
+ * @function isTruthy
+ * Returns true if the element name in the object contains a truthy value
+ * @param {object} value The object to evaluate
+ * @returns {boolean} True if truthy, false if not, and undefined if undefined
+ */
+export function isTruthy(value: unknown) {
+  if (value === undefined) return value;
+
+  const isStr = typeof value === 'string' || value instanceof String;
+  const trueStrings = ['true', 't', 'yes', 'y', '1'];
+  return value === true || value === 1 || (isStr && trueStrings.includes(value.toLowerCase()));
+}
+
 /**
  * @function joinPath
  * Joins a set of string arguments to yield a string path
diff --git a/frontend/src/views/EnquiryView.vue b/frontend/src/views/EnquiryView.vue
deleted file mode 100644
index e67b5466..00000000
--- a/frontend/src/views/EnquiryView.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div class="text-center">
-    <h1 class="font-bold">Enquiry Stuff</h1>
-  </div>
-</template>
diff --git a/frontend/src/views/ShasEnquiryView.vue b/frontend/src/views/ShasEnquiryView.vue
new file mode 100644
index 00000000..f003c9eb
--- /dev/null
+++ b/frontend/src/views/ShasEnquiryView.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+
+import ShasEnquiryForm from '@/components/intake/ShasEnquiryForm.vue';
+
+import type { Ref } from 'vue';
+
+// State
+const loading: Ref<boolean> = ref(true);
+
+// Actions
+onMounted(async () => {
+  loading.value = false;
+});
+</script>
+
+<template>
+  <ShasEnquiryForm />
+</template>
diff --git a/frontend/src/views/ShasIntakeView.vue b/frontend/src/views/ShasIntakeView.vue
index dbafac25..058e3855 100644
--- a/frontend/src/views/ShasIntakeView.vue
+++ b/frontend/src/views/ShasIntakeView.vue
@@ -5,6 +5,17 @@ import ShasIntakeForm from '@/components/intake/ShasIntakeForm.vue';
 
 import type { Ref } from 'vue';
 
+// Props
+type Props = {
+  activityId?: string;
+  submissionId?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  activityId: undefined,
+  submissionId: undefined
+});
+
 // State
 const loading: Ref<boolean> = ref(true);
 
@@ -15,5 +26,9 @@ onMounted(async () => {
 </script>
 
 <template>
-  <ShasIntakeForm />
+  <ShasIntakeForm
+    v-if="!loading"
+    :activity-id="props.activityId"
+    :submission-id="props.submissionId"
+  />
 </template>