diff --git a/packages/manager/apps/procedures/src/components/PageLayout/PageLayout.component.tsx b/packages/manager/apps/procedures/src/components/PageLayout/PageLayout.component.tsx
index c49a5763a413..6f0590af73ea 100644
--- a/packages/manager/apps/procedures/src/components/PageLayout/PageLayout.component.tsx
+++ b/packages/manager/apps/procedures/src/components/PageLayout/PageLayout.component.tsx
@@ -11,7 +11,7 @@ export const PageLayout: FunctionComponent<Props> = ({ children }) => (
       <div className="inline-block pb-6 md:pb-12">
         <img src={ovhCloudLogo} alt="ovh-cloud-logo" className="app-logo" />
       </div>
-      <div className="flex justify-center app-content lg:w-8/12 mx-auto min-h-[500px] sm:shadow sm:border-none border-t-[1px] border-gray-300 px-6">
+      <div className="flex justify-center app-content lg:w-8/12 mx-auto min-h-[500px] sm:shadow-[0_0_6px_0_rgba(40,89,192,0.2)] sm:border-none border-t-[1px] border-gray-300 px-6">
         <div className="md:p-8 w-full">{children}</div>
       </div>
     </div>
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/RGDP.page.page.test.tsx b/packages/manager/apps/procedures/src/pages/rgdp/RGDP.page.page.test.tsx
index 9a120813fb60..ae484b8d8abf 100644
--- a/packages/manager/apps/procedures/src/pages/rgdp/RGDP.page.page.test.tsx
+++ b/packages/manager/apps/procedures/src/pages/rgdp/RGDP.page.page.test.tsx
@@ -7,11 +7,18 @@ vi.mock('./rgdpIntroduction/RGDPIntroduction.component', () => ({
   RGDPIntroduction: () => <div>RGDPIntroduction</div>,
 }));
 
+vi.mock('./rgdpForm/RGDPForm.component', () => ({
+  RGDPForm: () => <div>RGDPForm</div>,
+}));
+
 describe('RGDP Component', () => {
   it('renders the component correctly', () => {
     render(<RGDP />);
 
     const introductionElement = screen.getByText('RGDPIntroduction');
+    const formElement = screen.getByText('RGDPForm');
+
     expect(introductionElement).toBeInTheDocument();
+    expect(formElement).toBeInTheDocument();
   });
 });
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/RGDP.page.tsx b/packages/manager/apps/procedures/src/pages/rgdp/RGDP.page.tsx
index 8347853e02fc..8fbee22e59c9 100644
--- a/packages/manager/apps/procedures/src/pages/rgdp/RGDP.page.tsx
+++ b/packages/manager/apps/procedures/src/pages/rgdp/RGDP.page.tsx
@@ -1,11 +1,13 @@
 import React from 'react';
 import { PageLayout } from '@/components/PageLayout/PageLayout.component';
 import { RGDPIntroduction } from './rgdpIntroduction/RGDPIntroduction.component';
+import { RGDPForm } from './rgdpForm/RGDPForm.component';
 
 export default function RGDP() {
   return (
     <PageLayout>
       <RGDPIntroduction />
+      <RGDPForm />
     </PageLayout>
   );
 }
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.component.tsx b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.component.tsx
new file mode 100644
index 000000000000..98943b631c37
--- /dev/null
+++ b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.component.tsx
@@ -0,0 +1,147 @@
+import {
+  ODS_THEME_COLOR_INTENT,
+  ODS_THEME_TYPOGRAPHY_LEVEL,
+} from '@ovhcloud/ods-common-theming';
+import { ODS_BUTTON_TYPE } from '@ovhcloud/ods-components';
+import { OsdsButton, OsdsText } from '@ovhcloud/ods-components/react';
+import React, { FunctionComponent, useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { GDPRFormValues } from '@/types/gdpr.type';
+import { TextField } from './TextField/TextField.component';
+import { SelectField } from './SelectField/SelectField.component';
+import { TextAreaField } from './TextAreaField/TextAreaField.component';
+import {
+  EmailRegex,
+  GDPRSubjectValues,
+  TextInputRegex,
+} from './RGDPForm.constants';
+import './RGDPForm.style.css';
+
+export const RGDPForm: FunctionComponent = () => {
+  const { t } = useTranslation('rgdp');
+  const {
+    handleSubmit,
+    watch,
+    control,
+    formState: { isSubmitting, isValid, touchedFields },
+    trigger,
+  } = useForm<GDPRFormValues>({ mode: 'onBlur' });
+
+  const onSubmit = (data: GDPRFormValues) => {
+    // TODO: Handle API call & ConfirmModal
+    console.log(data);
+  };
+
+  const email = watch('email');
+
+  useEffect(() => {
+    if (touchedFields.confirmEmail) {
+      trigger('confirmEmail');
+    }
+  }, [email]);
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)} noValidate>
+      <div className="my-10">
+        <TextField
+          label={t('rgdp_form_field_label_firstname')}
+          name="firstName"
+          required={t('rgdp_form_validation_message_required')}
+          pattern={{
+            value: TextInputRegex,
+            message: t('rgdp_form_validation_message_invalid_format'),
+          }}
+          control={control}
+        />
+
+        <TextField
+          label={t('rgdp_form_field_label_surname')}
+          name="surname"
+          required={t('rgdp_form_validation_message_required')}
+          pattern={{
+            value: TextInputRegex,
+            message: t('rgdp_form_validation_message_invalid_format'),
+          }}
+          control={control}
+        />
+
+        <TextField
+          label={t('rgdp_form_field_label_email')}
+          helper={t('rgdp_form_field_helper_email')}
+          name="email"
+          required={t('rgdp_form_validation_message_required')}
+          pattern={{
+            value: EmailRegex,
+            message: t('rgdp_form_validation_message_invalid_format'),
+          }}
+          control={control}
+        />
+
+        <TextField
+          label={t('rgdp_form_field_label_confirm_email')}
+          name="confirmEmail"
+          validate={(value) =>
+            value === email || t('rgdp_form_validation_message_email_match')
+          }
+          control={control}
+        />
+
+        <TextField
+          label={`${t('rgdp_form_field_label_nic')} (${t(
+            'rgdp_form_field_optional',
+          )})`}
+          name="nicHandle"
+          pattern={{
+            value: TextInputRegex,
+            message: t('rgdp_form_validation_message_invalid_format'),
+          }}
+          control={control}
+        />
+
+        <div className="flex flex-col md:flex-row gap-2 flex-wrap md:items-center mb-8">
+          <OsdsText
+            level={ODS_THEME_TYPOGRAPHY_LEVEL.heading}
+            color={ODS_THEME_COLOR_INTENT.primary}
+          >
+            {t('rgdp_form_field_label_subject')}
+          </OsdsText>
+
+          <SelectField
+            name="messageSubject"
+            required={t('rgdp_form_validation_message_required')}
+            control={control}
+            placeholder={t('rgdp_form_field_placeholder_subject')}
+            options={GDPRSubjectValues.map((value) => ({
+              value,
+              label: t(`rgdp_form_subject_${value}`),
+            }))}
+          />
+
+          <OsdsText
+            level={ODS_THEME_TYPOGRAPHY_LEVEL.heading}
+            color={ODS_THEME_COLOR_INTENT.primary}
+          >
+            {t('rgdp_form_field_label_subject_detail')}
+          </OsdsText>
+        </div>
+
+        <TextAreaField
+          label={t('rgdp_form_field_label_request_description')}
+          name="requestDescription"
+          required={t('rgdp_form_validation_message_required')}
+          control={control}
+        />
+      </div>
+
+      <OsdsButton
+        type={ODS_BUTTON_TYPE.submit}
+        color={ODS_THEME_COLOR_INTENT.primary}
+        disabled={!isValid || isSubmitting || undefined}
+        inline={true}
+      >
+        {t('rgdp_form_submit')}
+      </OsdsButton>
+    </form>
+  );
+};
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.constants.ts b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.constants.ts
new file mode 100644
index 000000000000..48da92cadb7e
--- /dev/null
+++ b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.constants.ts
@@ -0,0 +1,13 @@
+export const GDPRSubjectValues = [
+  'opposition_right',
+  'rectification_right',
+  'access_right',
+  'erasure_right',
+  'limitation_right',
+  'portability_right',
+  'payment_method_remove',
+  'other_request',
+];
+
+export const EmailRegex = /^[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9]{2}(?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/;
+export const TextInputRegex = /^[^<>]*$/;
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.style.css b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.style.css
new file mode 100644
index 000000000000..290d4bec66bd
--- /dev/null
+++ b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.style.css
@@ -0,0 +1,26 @@
+/* TODO:
+It is not clean to apply CSS for ODS components. It was added because Tailwind CSS overrides the border of ODS inputs.
+The best solution is to configure Tailwind CSS with this option: corePlugins: {
+    preflight: false,
+},
+
+However,
+
+some components on the MFA page are not in ODS. Consider converting these components to ODS in the future.
+*/
+
+osds-input[size='md'] {
+  border-width: var(--ods-size-input-md-border-width);
+}
+
+osds-input[color='primary'] {
+  border-color: var(--ods-color-primary-200);
+}
+
+osds-input[color='error'] {
+  border-color: var(--ods-color-error-500);
+}
+
+.ods-error {
+  border-color: var(--ods-color-error-500) !important;
+}
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.test.tsx b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.test.tsx
new file mode 100644
index 000000000000..da1ae233c1ca
--- /dev/null
+++ b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/RGDPForm.test.tsx
@@ -0,0 +1,163 @@
+import { render, screen, act, waitFor } from '@testing-library/react';
+import React from 'react';
+import { describe, it, expect, vi } from 'vitest';
+import * as OdsComponentModule from '@ovhcloud/ods-components/react';
+import { OsdsInput, OsdsTextArea } from '@ovhcloud/ods-components';
+import { RGDPForm } from './RGDPForm.component';
+import { GDPRFormValues } from '@/types/gdpr.type';
+
+const getOsdsElementByFormName = <T,>(fieldName: keyof GDPRFormValues) =>
+  (screen.queryByTestId(`field_id_${fieldName}`) as unknown) as T;
+
+vi.mock('@ovhcloud/ods-components/react', async (importOriginal) => {
+  const module: typeof OdsComponentModule = await importOriginal();
+  return {
+    ...module,
+    OsdsFormField: ({ children, error }: any) => (
+      <div>
+        {children}
+        <p>{error}</p>
+      </div>
+    ),
+    OsdsInput: ({ ...props }: any) => (
+      <module.OsdsInput {...props} data-testid={props.id} />
+    ),
+    OsdsButton: ({ ...props }: any) => <button {...props} />,
+    OsdsSelect: ({ ...props }: any) => (
+      <module.OsdsSelect {...props} data-testid={props.id} />
+    ),
+    OsdsTextarea: ({ ...props }: any) => (
+      <module.OsdsTextarea {...props} data-testid={props.id} />
+    ),
+  };
+});
+
+describe('RGDPForm', () => {
+  const renderForm = () => render(<RGDPForm />);
+
+  it('Should render the form fields correctly when the form is displayed', async () => {
+    const { getByText } = renderForm();
+
+    await waitFor(() => {
+      expect(getByText('rgdp_form_field_label_firstname:')).toBeInTheDocument();
+      expect(getByText('rgdp_form_field_label_surname:')).toBeInTheDocument();
+      expect(getByText('rgdp_form_field_label_email:')).toBeInTheDocument();
+      expect(
+        getByText('rgdp_form_field_label_confirm_email:'),
+      ).toBeInTheDocument();
+      expect(getByText('rgdp_form_field_label_subject')).toBeInTheDocument();
+      expect(
+        getByText('rgdp_form_field_label_subject_detail'),
+      ).toBeInTheDocument();
+      expect(
+        getByText('rgdp_form_field_label_request_description:'),
+      ).toBeInTheDocument();
+    });
+  });
+
+  it('Should disable the submit button when required fields are not filled', async () => {
+    const { getByRole } = renderForm();
+    const submitBtn = getByRole('button', { name: 'rgdp_form_submit' });
+    expect(submitBtn).toBeDisabled();
+  });
+
+  it('Should show errors on multiple required fields when blurred with empty values', async () => {
+    const { queryAllByText } = renderForm();
+
+    const surnameInput = getOsdsElementByFormName<OsdsInput>('surname');
+    const firstNameInput = getOsdsElementByFormName<OsdsInput>('firstName');
+    const requestDescriptionText = getOsdsElementByFormName<OsdsTextArea>(
+      'requestDescription',
+    );
+
+    await act(async () => {
+      surnameInput.value = '';
+      firstNameInput.value = '';
+      requestDescriptionText.value = '';
+
+      surnameInput.odsInputBlur.emit();
+      firstNameInput.odsInputBlur.emit();
+      requestDescriptionText.odsBlur.emit();
+    });
+
+    await waitFor(() => {
+      const errorMessages = queryAllByText(
+        'rgdp_form_validation_message_required',
+      );
+      expect(errorMessages).toHaveLength(3);
+    });
+  });
+
+  it('Should show pattern validation errors on multiple fields when invalid characters are entered', async () => {
+    const { queryAllByText } = renderForm();
+
+    const surnameInput = getOsdsElementByFormName<OsdsInput>('surname');
+    const firstNameInput = getOsdsElementByFormName<OsdsInput>('firstName');
+    const nicInput = getOsdsElementByFormName<OsdsInput>('nicHandle');
+
+    await act(async () => {
+      surnameInput.value = '<';
+      firstNameInput.value = '>';
+      nicInput.value = '<';
+
+      surnameInput.odsValueChange.emit();
+      firstNameInput.odsValueChange.emit();
+      nicInput.odsValueChange.emit();
+
+      surnameInput.odsInputBlur.emit();
+      firstNameInput.odsInputBlur.emit();
+      nicInput.odsInputBlur.emit();
+    });
+
+    await waitFor(() => {
+      const errorMessages = queryAllByText(
+        'rgdp_form_validation_message_invalid_format',
+      );
+      expect(errorMessages).toHaveLength(3);
+    });
+  });
+
+  it('Should show an error when an invalid email is entered', async () => {
+    const { getByText } = renderForm();
+
+    const emailInput = getOsdsElementByFormName<OsdsInput>('email');
+
+    await act(async () => {
+      emailInput.value = 'invalidEmail';
+      emailInput.odsValueChange.emit();
+      emailInput.odsInputBlur.emit();
+    });
+
+    await waitFor(() => {
+      expect(
+        getByText('rgdp_form_validation_message_invalid_format'),
+      ).toBeInTheDocument();
+    });
+  });
+
+  it('Should validate email fields and show an error if they don t match', async () => {
+    const { getByText } = renderForm();
+
+    const emailInput = getOsdsElementByFormName<OsdsInput>('email');
+    const confirmEmailInput = getOsdsElementByFormName<OsdsInput>(
+      'confirmEmail',
+    );
+
+    await act(async () => {
+      emailInput.value = 'test@example.com';
+      confirmEmailInput.value = 'wrong@example.com';
+
+      emailInput.odsValueChange.emit();
+      confirmEmailInput.odsValueChange.emit();
+
+      emailInput.odsInputBlur.emit();
+      confirmEmailInput.odsInputBlur.emit();
+    });
+
+    await waitFor(() => {
+      expect(
+        getByText('rgdp_form_validation_message_email_match'),
+      ).toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/SelectField/SelectField.component.tsx b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/SelectField/SelectField.component.tsx
new file mode 100644
index 000000000000..116bff9f8c63
--- /dev/null
+++ b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/SelectField/SelectField.component.tsx
@@ -0,0 +1,93 @@
+import {
+  OsdsFormField,
+  OsdsSelect,
+  OsdsSelectOption,
+  OsdsText,
+} from '@ovhcloud/ods-components/react';
+import {
+  ODS_THEME_COLOR_INTENT,
+  ODS_THEME_TYPOGRAPHY_LEVEL,
+} from '@ovhcloud/ods-common-theming';
+import { Control, Controller, Validate, ValidationRule } from 'react-hook-form';
+import React, { FunctionComponent } from 'react';
+import { GDPRFormValues } from '@/types/gdpr.type';
+
+export type SelectOption = {
+  label: string;
+  value: string;
+};
+
+type Props = {
+  name: keyof GDPRFormValues;
+  label?: string;
+  control: Control<GDPRFormValues>;
+  required?: string;
+  helper?: string;
+  pattern?: ValidationRule<RegExp>;
+  validate?:
+    | Validate<string, GDPRFormValues>
+    | Record<string, Validate<string, GDPRFormValues>>;
+  options: SelectOption[];
+  placeholder: string;
+};
+
+export const SelectField: FunctionComponent<Props> = ({
+  control,
+  name,
+  label,
+  required,
+  pattern,
+  validate,
+  options,
+  placeholder,
+}) => {
+  const id = `field_id_${name}`;
+
+  return (
+    <div>
+      <Controller
+        control={control}
+        name={name}
+        rules={{
+          required,
+          pattern,
+          validate,
+        }}
+        render={({
+          field: { onChange, onBlur, value, name: _name },
+          fieldState: { error },
+        }) => (
+          <OsdsFormField error={error?.message}>
+            {label && (
+              <label htmlFor={id} slot="label">
+                <OsdsText
+                  level={ODS_THEME_TYPOGRAPHY_LEVEL.heading}
+                  color={ODS_THEME_COLOR_INTENT.primary}
+                >
+                  {label}:
+                </OsdsText>
+              </label>
+            )}
+            <OsdsSelect
+              onOdsValueChange={onChange}
+              onBlur={onBlur}
+              value={value}
+              name={name}
+              required={Boolean(required)}
+              id={id}
+              error={Boolean(error) || undefined}
+              inline
+            >
+              {placeholder && <span slot="placeholder">{placeholder}</span>}
+              {options.map((option, index) => (
+                <OsdsSelectOption value={option.value} key={index}>
+                  {option.label}
+                </OsdsSelectOption>
+              ))}
+            </OsdsSelect>
+          </OsdsFormField>
+        )}
+      />
+    </div>
+  );
+};
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/TextAreaField/TextAreaField.component.tsx b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/TextAreaField/TextAreaField.component.tsx
new file mode 100644
index 000000000000..0d5884ea0068
--- /dev/null
+++ b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/TextAreaField/TextAreaField.component.tsx
@@ -0,0 +1,76 @@
+import {
+  ODS_THEME_COLOR_INTENT,
+  ODS_THEME_TYPOGRAPHY_LEVEL,
+} from '@ovhcloud/ods-common-theming';
+import {
+  OsdsFormField,
+  OsdsText,
+  OsdsTextarea,
+} from '@ovhcloud/ods-components/react';
+import { Control, Controller, Validate, ValidationRule } from 'react-hook-form';
+import React, { FunctionComponent } from 'react';
+import { GDPRFormValues } from '@/types/gdpr.type';
+
+type Props = {
+  name: keyof GDPRFormValues;
+  label?: string;
+  control: Control<GDPRFormValues>;
+  required?: string;
+  helper?: string;
+  pattern?: ValidationRule<RegExp>;
+  validate?:
+    | Validate<string, GDPRFormValues>
+    | Record<string, Validate<string, GDPRFormValues>>;
+};
+
+export const TextAreaField: FunctionComponent<Props> = ({
+  control,
+  name,
+  label,
+  required,
+  pattern,
+  validate,
+}) => {
+  const id = `field_id_${name}`;
+
+  return (
+    <div className="mb-8">
+      <Controller
+        control={control}
+        name={name}
+        rules={{
+          required,
+          pattern,
+          validate,
+        }}
+        render={({
+          field: { onChange, onBlur, value, name: _name },
+          fieldState: { error },
+        }) => (
+          <OsdsFormField error={error?.message}>
+            {label && (
+              <label htmlFor={id} slot="label">
+                <OsdsText
+                  level={ODS_THEME_TYPOGRAPHY_LEVEL.heading}
+                  color={ODS_THEME_COLOR_INTENT.primary}
+                >
+                  {label}:
+                </OsdsText>
+              </label>
+            )}
+            <OsdsTextarea
+              onOdsValueChange={onChange}
+              required={Boolean(required)}
+              name={name}
+              onOdsBlur={onBlur}
+              error={Boolean(error) || undefined}
+              id={id}
+              value={value}
+              color={ODS_THEME_COLOR_INTENT.primary}
+            />
+          </OsdsFormField>
+        )}
+      />
+    </div>
+  );
+};
diff --git a/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/TextField/TextField.component.tsx b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/TextField/TextField.component.tsx
new file mode 100644
index 000000000000..d9b78cff6dc9
--- /dev/null
+++ b/packages/manager/apps/procedures/src/pages/rgdp/rgdpForm/TextField/TextField.component.tsx
@@ -0,0 +1,80 @@
+import {
+  ODS_THEME_COLOR_INTENT,
+  ODS_THEME_TYPOGRAPHY_LEVEL,
+} from '@ovhcloud/ods-common-theming';
+import {
+  OsdsFormField,
+  OsdsInput,
+  OsdsText,
+} from '@ovhcloud/ods-components/react';
+import { Control, Controller, Validate, ValidationRule } from 'react-hook-form';
+import { ODS_INPUT_TYPE } from '@ovhcloud/ods-components';
+import React, { FunctionComponent } from 'react';
+import { GDPRFormValues } from '@/types/gdpr.type';
+
+type Props = {
+  name: keyof GDPRFormValues;
+  label: string;
+  control: Control<GDPRFormValues>;
+  required?: string;
+  helper?: string;
+  pattern?: ValidationRule<RegExp>;
+  validate?:
+    | Validate<string, GDPRFormValues>
+    | Record<string, Validate<string, GDPRFormValues>>;
+};
+
+export const TextField: FunctionComponent<Props> = ({
+  control,
+  name,
+  label,
+  required,
+  pattern,
+  validate,
+  helper,
+}) => {
+  const id = `field_id_${name}`;
+
+  return (
+    <div className="mb-8">
+      <Controller
+        control={control}
+        name={name}
+        rules={{
+          required,
+          pattern,
+          validate,
+        }}
+        render={({
+          field: { onChange, onBlur, value, name: _name },
+          fieldState: { error },
+        }) => (
+          <OsdsFormField error={error?.message}>
+            {label && (
+              <label htmlFor={id} slot="label">
+                <OsdsText
+                  level={ODS_THEME_TYPOGRAPHY_LEVEL.heading}
+                  color={ODS_THEME_COLOR_INTENT.primary}
+                >
+                  {label}:
+                </OsdsText>
+              </label>
+            )}
+            <OsdsInput
+              onOdsValueChange={onChange}
+              required={Boolean(required)}
+              error={Boolean(error) || undefined}
+              name={name}
+              onOdsInputBlur={onBlur}
+              id={id}
+              value={value}
+              type={ODS_INPUT_TYPE.text}
+              color={ODS_THEME_COLOR_INTENT.primary}
+            />
+            {helper && <OsdsText slot="helper">{helper}</OsdsText>}
+          </OsdsFormField>
+        )}
+      />
+    </div>
+  );
+};
diff --git a/packages/manager/apps/procedures/src/public/translations/rgdp/Messages_fr_FR.json b/packages/manager/apps/procedures/src/public/translations/rgdp/Messages_fr_FR.json
index c4a7cb95fc06..5efc802dfdc4 100644
--- a/packages/manager/apps/procedures/src/public/translations/rgdp/Messages_fr_FR.json
+++ b/packages/manager/apps/procedures/src/public/translations/rgdp/Messages_fr_FR.json
@@ -3,5 +3,28 @@
   "rgdp_introduction_content_purpose": "Ce formulaire a pour but de faciliter l'exercice de vos droits sur les données à caractère personnel vous concernant traitées par OVHcloud et ses sociétés affiliées.",
   "rgdp_introduction_content_identity_verification": "Dans l'hypothèse d'une incertitude relative à l'identité du demandeur, OVHcloud pourra vous demander des informations complémentaires relatives à votre identité ou copie d'une pièce d'identité.",
   "rgdp_introduction_content_client_area": "Vous pouvez également exercer vos droits directement via votre espace client.",
-  "rgdp_introduction_please_note": "<strong>Attention</strong>, ce formulaire ne concerne pas les traitements réalisés par des tiers utilisant des services d'OVHcloud (ex. un site internet hébergé par OVHcloud). Dans ce cas, il convient de prendre contact directement auprès du tiers. Vous pouvez également utiliser le formulaire de contact « Abuse » d'OVHcloud."
+  "rgdp_introduction_please_note": "<strong>Attention</strong>, ce formulaire ne concerne pas les traitements réalisés par des tiers utilisant des services d'OVHcloud (ex. un site internet hébergé par OVHcloud). Dans ce cas, il convient de prendre contact directement auprès du tiers. Vous pouvez également utiliser le formulaire de contact « Abuse » d'OVHcloud.",
+  "rgdp_form_submit": "Soumettre ma demande",
+  "rgdp_form_validation_message_required": "Veuillez compléter ce champ.",
+  "rgdp_form_validation_message_invalid_format": "Veuillez saisir un format valide.",
+  "rgdp_form_field_optional": "facultatif",
+  "rgdp_form_validation_message_email_match": "Les adresses e-mails entrées ne correspondent pas.",
+  "rgdp_form_field_label_firstname": "Prénom",
+  "rgdp_form_field_label_surname": "Nom",
+  "rgdp_form_field_label_email": "Votre e-mail de contact",
+  "rgdp_form_field_helper_email": "Cet e-mail de contact sera utilisé par OVH pour répondre à votre demande.",
+  "rgdp_form_field_label_confirm_email": "Confirmation de votre e-mail de contact",
+  "rgdp_form_field_label_nic": "Votre NIC",
+  "rgdp_form_field_label_subject": "Objet du message",
+  "rgdp_form_field_label_subject_detail": "sur un traitement de données géré par OVH",
+  "rgdp_form_field_label_request_description": "Veuillez préciser votre demande d'exercice de droit",
+  "rgdp_form_field_placeholder_subject": "Choisissez dans la liste",
+  "rgdp_form_subject_opposition_right": "Droit d'opposition",
+  "rgdp_form_subject_rectification_right": "Droit de rectification",
+  "rgdp_form_subject_access_right": "Droit d'accès",
+  "rgdp_form_subject_erasure_right": "Droit à l'effacement",
+  "rgdp_form_subject_limitation_right": "Droit à la limitation du traitement",
+  "rgdp_form_subject_portability_right": "Droit à la portabilité des données",
+  "rgdp_form_subject_payment_method_remove": "Suppression des informations de paiement",
+  "rgdp_form_subject_other_request": "Autre demande"
 }
diff --git a/packages/manager/apps/procedures/src/types/gdpr.type.ts b/packages/manager/apps/procedures/src/types/gdpr.type.ts
new file mode 100644
index 000000000000..7488ff3aaf4f
--- /dev/null
+++ b/packages/manager/apps/procedures/src/types/gdpr.type.ts
@@ -0,0 +1,10 @@
+export type GDPRFormValues = {
+  firstName: string;
+  surname: string;
+  phone: string;
+  email: string;
+  confirmEmail: string;
+  nicHandle?: string;
+  messageSubject: string;
+  requestDescription: string;
+};