Add Thank you step to 100 year plan VIP

client/landing/stepper/declarative-flow/hundred-year-plan.ts

@@ -44,6 +44,11 @@ const HundredYearPlanFlow: Flow = {
 							asyncComponent: () =>
 								import( './internals/steps-repository/hundred-year-plan-schedule-appointment' ),
 						},
+						{
+							slug: 'thank-you',
+							asyncComponent: () =>
+								import( './internals/steps-repository/hundred-year-plan-thank-you' ),
+						},
 				  ]
 				: [] ),
 

client/landing/stepper/declarative-flow/internals/steps-repository/hundred-year-plan-thank-you/index.tsx

@@ -0,0 +1,32 @@
+import { useTranslate } from 'i18n-calypso';
+import FormattedHeader from 'calypso/components/formatted-header';
+import HundredYearPlanStepWrapper from '../hundred-year-plan-step-wrapper';
+import type { Step } from '../../types';
+
+import './styles.scss';
+
+const HundredYearPlanThankYou: Step = function HundredYearPlanThankYou( { flow } ) {
+	const translate = useTranslate();
+
+	return (
+		<HundredYearPlanStepWrapper
+			stepContent={
+				<div>
+					<p>TODO: Thank You content</p>
+				</div>
+			}
+			formattedHeader={
+				<FormattedHeader
+					brandFont
+					headerText={ translate( 'TODO: Thank You title' ) }
+					subHeaderText={ translate( 'TODO: Thank You header' ) }
+					subHeaderAlign="center"
+				/>
+			}
+			stepName="hundred-year-plan-setup"
+			flowName={ flow }
+		/>
+	);
+};
+
+export default HundredYearPlanThankYou;

client/landing/stepper/declarative-flow/internals/steps-repository/hundred-year-plan-thank-you/styles.scss

@@ -0,0 +1 @@
+/* Comment because we cannot have empty files */