diff --git a/.env.example b/.env.example
index e3779db3f..7178b9069 100644
--- a/.env.example
+++ b/.env.example
@@ -17,7 +17,7 @@ SPONSOR_USERS_API_SCOPES="show-medata/read show-medata/write access-requests/rea
 EMAIL_SCOPES="clients/read templates/read templates/write emails/read"
 FILE_UPLOAD_SCOPES="files/upload"
 SPONSOR_PAGES_API_URL=https://sponsor-pages-api.dev.fnopen.com
-SPONSOR_PAGES_SCOPES="page-template/read page-template/write"
+SPONSOR_PAGES_SCOPES="page-template/read page-template/write show-page/read show-page/write"
 SCOPES="profile openid offline_access ${SPONSOR_USERS_API_SCOPES} ${PURCHASES_API_SCOPES} ${EMAIL_SCOPES} ${FILE_UPLOAD_SCOPES} ${SPONSOR_PAGES_SCOPES} ${SCOPES_BASE_REALM}/summits/delete-event ${SCOPES_BASE_REALM}/summits/write ${SCOPES_BASE_REALM}/summits/write-event ${SCOPES_BASE_REALM}/summits/read/all ${SCOPES_BASE_REALM}/summits/read ${SCOPES_BASE_REALM}/summits/publish-event ${SCOPES_BASE_REALM}/members/read ${SCOPES_BASE_REALM}/members/read/me ${SCOPES_BASE_REALM}/speakers/write ${SCOPES_BASE_REALM}/attendees/write ${SCOPES_BASE_REALM}/members/write ${SCOPES_BASE_REALM}/organizations/write ${SCOPES_BASE_REALM}/organizations/read ${SCOPES_BASE_REALM}/summits/write-presentation-materials ${SCOPES_BASE_REALM}/summits/registration-orders/update ${SCOPES_BASE_REALM}/summits/registration-orders/delete ${SCOPES_BASE_REALM}/summits/registration-orders/create/offline ${SCOPES_BASE_REALM}/summits/badge-scans/read entity-updates/publish ${SCOPES_BASE_REALM}/audit-logs/read"
 GOOGLE_API_KEY=
 ALLOWED_USER_GROUPS="super-admins administrators summit-front-end-administrators summit-room-administrators track-chairs-admins sponsors"
diff --git a/src/actions/media-file-type-actions.js b/src/actions/media-file-type-actions.js
index d9fd1153a..55a8e825e 100644
--- a/src/actions/media-file-type-actions.js
+++ b/src/actions/media-file-type-actions.js
@@ -9,9 +9,10 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- **/
+ * */
+
 import T from "i18n-react/dist/i18n-react";
-import history from "../history";
+import _ from "lodash";
 import {
   getRequest,
   putRequest,
@@ -23,9 +24,18 @@ import {
   showMessage,
   showSuccessMessage,
   authErrorHandler,
+  fetchResponseHandler,
+  fetchErrorHandler,
   escapeFilterValue
 } from "openstack-uicore-foundation/lib/utils/actions";
+import URI from "urijs";
+import history from "../history";
 import { getAccessTokenSafely } from "../utils/methods";
+import {
+  DEBOUNCE_WAIT,
+  DEFAULT_PER_PAGE,
+  FIVE_PER_PAGE
+} from "../utils/constants";
 
 export const REQUEST_MEDIA_FILE_TYPES = "REQUEST_MEDIA_FILE_TYPES";
 export const RECEIVE_MEDIA_FILE_TYPES = "RECEIVE_MEDIA_FILE_TYPES";
@@ -39,15 +49,21 @@ export const MEDIA_FILE_TYPE_ADDED = "MEDIA_FILE_TYPE_ADDED";
 export const MEDIA_FILE_TYPE_DELETED = "MEDIA_FILE_TYPE_DELETED";
 
 export const getMediaFileTypes =
-  (term = null, page = 1, perPage = 10, order = "id", orderDir = 1) =>
-  async (dispatch, getState) => {
+  (
+    term = null,
+    page = 1,
+    perPage = DEFAULT_PER_PAGE,
+    order = "id",
+    orderDir = 1
+  ) =>
+  async (dispatch) => {
     const accessToken = await getAccessTokenSafely();
     const filter = [];
 
     dispatch(startLoading());
 
     const params = {
-      page: page,
+      page,
       per_page: perPage,
       access_token: accessToken
     };
@@ -64,7 +80,7 @@ export const getMediaFileTypes =
     // order
     if (order != null && orderDir != null) {
       const orderDirSign = orderDir === 1 ? "" : "-";
-      params["order"] = `${orderDirSign}${order}`;
+      params.order = `${orderDirSign}${order}`;
     }
 
     return getRequest(
@@ -78,7 +94,7 @@ export const getMediaFileTypes =
     });
   };
 
-export const getAllMediaFileTypes = () => async (dispatch, getState) => {
+export const getAllMediaFileTypes = () => async (dispatch) => {
   const accessToken = await getAccessTokenSafely();
 
   dispatch(startLoading());
@@ -100,33 +116,32 @@ export const getAllMediaFileTypes = () => async (dispatch, getState) => {
   });
 };
 
-export const getMediaFileType =
-  (mediaFileTypeId) => async (dispatch, getState) => {
-    const accessToken = await getAccessTokenSafely();
-
-    dispatch(startLoading());
+export const getMediaFileType = (mediaFileTypeId) => async (dispatch) => {
+  const accessToken = await getAccessTokenSafely();
 
-    const params = {
-      access_token: accessToken
-    };
+  dispatch(startLoading());
 
-    return getRequest(
-      null,
-      createAction(RECEIVE_MEDIA_FILE_TYPE),
-      `${window.API_BASE_URL}/api/v1/summit-media-file-types/${mediaFileTypeId}`,
-      authErrorHandler
-    )(params)(dispatch).then(() => {
-      dispatch(stopLoading());
-    });
+  const params = {
+    access_token: accessToken
   };
 
-export const resetMediaFileTypeForm = () => (dispatch, getState) => {
+  return getRequest(
+    null,
+    createAction(RECEIVE_MEDIA_FILE_TYPE),
+    `${window.API_BASE_URL}/api/v1/summit-media-file-types/${mediaFileTypeId}`,
+    authErrorHandler
+  )(params)(dispatch).then(() => {
+    dispatch(stopLoading());
+  });
+};
+
+export const resetMediaFileTypeForm = () => (dispatch) => {
   dispatch(createAction(RESET_MEDIA_FILE_TYPE_FORM)({}));
 };
 
 export const saveMediaFileType =
   (entity, noAlert = false) =>
-  async (dispatch, getState) => {
+  async (dispatch) => {
     const accessToken = await getAccessTokenSafely();
 
     dispatch(startLoading());
@@ -142,7 +157,7 @@ export const saveMediaFileType =
         normalizedEntity,
         authErrorHandler,
         entity
-      )(params)(dispatch).then((payload) => {
+      )(params)(dispatch).then(() => {
         if (!noAlert)
           dispatch(showSuccessMessage(T.translate("media_file_type.saved")));
         else dispatch(stopLoading());
@@ -171,33 +186,54 @@ export const saveMediaFileType =
     }
   };
 
-export const deleteMediaFileType =
-  (mediaFileTypeId) => async (dispatch, getState) => {
-    const accessToken = await getAccessTokenSafely();
-
-    const params = {
-      access_token: accessToken
-    };
+export const deleteMediaFileType = (mediaFileTypeId) => async (dispatch) => {
+  const accessToken = await getAccessTokenSafely();
 
-    return deleteRequest(
-      null,
-      createAction(MEDIA_FILE_TYPE_DELETED)({ mediaFileTypeId }),
-      `${window.API_BASE_URL}/api/v1/summit-media-file-types/${mediaFileTypeId}`,
-      null,
-      authErrorHandler
-    )(params)(dispatch).then(() => {
-      dispatch(stopLoading());
-    });
+  const params = {
+    access_token: accessToken
   };
 
+  return deleteRequest(
+    null,
+    createAction(MEDIA_FILE_TYPE_DELETED)({ mediaFileTypeId }),
+    `${window.API_BASE_URL}/api/v1/summit-media-file-types/${mediaFileTypeId}`,
+    null,
+    authErrorHandler
+  )(params)(dispatch).then(() => {
+    dispatch(stopLoading());
+  });
+};
+
 const normalizeEntity = (entity) => {
   const normalizedEntity = { ...entity };
 
-  delete normalizedEntity["id"];
-  delete normalizedEntity["created"];
-  delete normalizedEntity["modified"];
+  delete normalizedEntity.id;
+  delete normalizedEntity.created;
+  delete normalizedEntity.modified;
 
   normalizedEntity.allowed_extensions = entity.allowed_extensions.split(",");
 
   return normalizedEntity;
 };
+
+export const queryMediaFileTypes = _.debounce(async (input, callback) => {
+  const accessToken = await getAccessTokenSafely();
+  const apiUrl = URI(`${window.API_BASE_URL}/api/v1/summit-media-file-types`);
+
+  apiUrl.addQuery("access_token", accessToken);
+  apiUrl.addQuery("order", "name");
+  apiUrl.addQuery("per_page", FIVE_PER_PAGE);
+
+  if (input) {
+    input = escapeFilterValue(input);
+    apiUrl.addQuery("filter[]", `name=@${input}`);
+  }
+
+  fetch(apiUrl.toString())
+    .then(fetchResponseHandler)
+    .then((json) => {
+      const options = [...json.data];
+      callback(options);
+    })
+    .catch(fetchErrorHandler);
+}, DEBOUNCE_WAIT);
diff --git a/src/actions/page-template-actions.js b/src/actions/page-template-actions.js
index 363230881..9283195ef 100644
--- a/src/actions/page-template-actions.js
+++ b/src/actions/page-template-actions.js
@@ -12,6 +12,7 @@
  * */
 
 import T from "i18n-react/dist/i18n-react";
+import moment from "moment-timezone";
 import {
   getRequest,
   putRequest,
@@ -27,7 +28,8 @@ import { getAccessTokenSafely } from "../utils/methods";
 import {
   DEFAULT_CURRENT_PAGE,
   DEFAULT_ORDER_DIR,
-  DEFAULT_PER_PAGE
+  DEFAULT_PER_PAGE,
+  PAGES_MODULE_KINDS
 } from "../utils/constants";
 import { snackbarErrorHandler, snackbarSuccessHandler } from "./base-actions";
 
@@ -143,7 +145,28 @@ export const resetPageTemplateForm = () => (dispatch) => {
 const normalizeEntity = (entity) => {
   const normalizedEntity = { ...entity };
 
-  normalizedEntity.modules = [];
+  normalizedEntity.modules = entity.modules.map((module) => {
+    const normalizedModule = { ...module };
+
+    if (module.kind === PAGES_MODULE_KINDS.MEDIA && module.upload_deadline) {
+      normalizedModule.upload_deadline = moment
+        .utc(module.upload_deadline)
+        .unix();
+    }
+
+    if (module.kind === PAGES_MODULE_KINDS.MEDIA && module.file_type_id) {
+      normalizedModule.file_type_id =
+        module.file_type_id?.value || module.file_type_id;
+    }
+
+    if (module.kind === PAGES_MODULE_KINDS.DOCUMENT && module.file) {
+      normalizedModule.file = module.file[0] || null;
+    }
+
+    delete normalizedModule._tempId;
+
+    return normalizedModule;
+  });
 
   return normalizedEntity;
 };
diff --git a/src/actions/sponsor-pages-actions.js b/src/actions/sponsor-pages-actions.js
new file mode 100644
index 000000000..cb7355d1d
--- /dev/null
+++ b/src/actions/sponsor-pages-actions.js
@@ -0,0 +1,135 @@
+/**
+ * Copyright 2018 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import {
+  authErrorHandler,
+  createAction,
+  getRequest,
+  postRequest,
+  startLoading,
+  stopLoading
+} from "openstack-uicore-foundation/lib/utils/actions";
+import T from "i18n-react/dist/i18n-react";
+import { escapeFilterValue, getAccessTokenSafely } from "../utils/methods";
+import { getSponsorForms } from "./sponsor-forms-actions";
+import {
+  DEFAULT_CURRENT_PAGE,
+  DEFAULT_ORDER_DIR,
+  DEFAULT_PER_PAGE
+} from "../utils/constants";
+import { snackbarErrorHandler, snackbarSuccessHandler } from "./base-actions";
+
+export const REQUEST_SPONSOR_PAGES = "REQUEST_SPONSOR_PAGES";
+export const RECEIVE_SPONSOR_PAGES = "RECEIVE_SPONSOR_PAGES";
+
+export const GLOBAL_PAGE_CLONED = "GLOBAL_PAGE_CLONED";
+
+export const getSponsorPages =
+  (
+    term = "",
+    page = DEFAULT_CURRENT_PAGE,
+    perPage = DEFAULT_PER_PAGE,
+    order = "id",
+    orderDir = DEFAULT_ORDER_DIR,
+    hideArchived = false,
+    sponsorshipTypesId = []
+  ) =>
+  async (dispatch, getState) => {
+    const { currentSummitState } = getState();
+    const { currentSummit } = currentSummitState;
+    const accessToken = await getAccessTokenSafely();
+    const filter = [];
+
+    dispatch(startLoading());
+
+    if (term) {
+      const escapedTerm = escapeFilterValue(term);
+      filter.push(`name=@${escapedTerm},code=@${escapedTerm}`);
+    }
+
+    const params = {
+      page,
+      per_page: perPage,
+      access_token: accessToken,
+      expand: "sponsorship_types"
+    };
+
+    if (hideArchived) filter.push("is_archived==0");
+
+    if (sponsorshipTypesId?.length > 0) {
+      const formattedSponsorships = sponsorshipTypesId.join("&&");
+      filter.push("applies_to_all_tiers==0");
+      filter.push(`sponsorship_type_id_not_in==${formattedSponsorships}`);
+    }
+
+    if (filter.length > 0) {
+      params["filter[]"] = filter;
+    }
+
+    // order
+    if (order != null && orderDir != null) {
+      const orderDirSign = orderDir === 1 ? "" : "-";
+      params.order = `${orderDirSign}${order}`;
+    }
+
+    return getRequest(
+      createAction(REQUEST_SPONSOR_PAGES),
+      createAction(RECEIVE_SPONSOR_PAGES),
+      `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/show-pages`,
+      authErrorHandler,
+      { order, orderDir, page, term, hideArchived }
+    )(params)(dispatch).then(() => {
+      dispatch(stopLoading());
+    });
+  };
+
+export const cloneGlobalPage =
+  (pagesIds, sponsorIds, allSponsors) => async (dispatch, getState) => {
+    const { currentSummitState } = getState();
+    const accessToken = await getAccessTokenSafely();
+    const { currentSummit } = currentSummitState;
+
+    dispatch(startLoading());
+
+    const params = {
+      access_token: accessToken
+    };
+
+    const normalizedEntity = {
+      page_template_ids: pagesIds,
+      sponsorship_types: sponsorIds,
+      apply_to_all_types: allSponsors
+    };
+
+    if (allSponsors) {
+      delete normalizedEntity.sponsorship_types;
+    }
+
+    return postRequest(
+      null,
+      createAction(GLOBAL_PAGE_CLONED),
+      `${window.SPONSOR_PAGES_API_URL}/api/v1/summits/${currentSummit.id}/show-pages/clone`,
+      normalizedEntity,
+      snackbarErrorHandler
+    )(params)(dispatch)
+      .then(() => {
+        dispatch(getSponsorForms());
+        dispatch(
+          snackbarSuccessHandler({
+            title: T.translate("general.success"),
+            html: T.translate("sponsor_pages.global_page_popup.success")
+          })
+        );
+      })
+      .finally(() => dispatch(stopLoading()));
+  };
diff --git a/src/components/inputs/formik-text-editor.js b/src/components/inputs/formik-text-editor.js
index 346fb23cb..9098b6088 100644
--- a/src/components/inputs/formik-text-editor.js
+++ b/src/components/inputs/formik-text-editor.js
@@ -1,24 +1,18 @@
 import React from "react";
 import TextEditorV3 from "openstack-uicore-foundation/lib/components/inputs/editor-input-v3";
-import { useFormikContext } from "formik";
-import normalizeJoditEmpty from "./utils/normalizeJoditEmpty";
+import { useField } from "formik";
 
 const FormikTextEditor = ({ name, ...props }) => {
-  const { values, errors, touched, setFieldValue, setFieldTouched } =
-    useFormikContext();
+  const [field, meta, helpers] = useField(name);
 
   return (
     <TextEditorV3
       name={name}
       id={name}
-      value={values[name]}
-      onChange={(e) => {
-        const stringValue = normalizeJoditEmpty(e.target.value);
-
-        setFieldValue(name, stringValue);
-      }}
-      onBlur={() => setFieldTouched(name, true)}
-      error={touched?.[name] && errors?.[name] ? errors?.[name] : ""}
+      value={field.value}
+      onChange={(e) => helpers.setValue(e.target.value)}
+      onBlur={() => helpers.setTouched(true)}
+      error={meta.touched && Boolean(meta.error) ? meta.error : ""}
       license={process.env.JODIT_LICENSE_KEY}
       {...props}
     />
diff --git a/src/components/menu/index.js b/src/components/menu/index.js
index 83e492498..0689c4f10 100644
--- a/src/components/menu/index.js
+++ b/src/components/menu/index.js
@@ -244,6 +244,11 @@ const getSummitItems = (summitId) => [
         linkUrl: `summits/${summitId}/sponsors/forms`,
         accessRoute: "admin-sponsors"
       },
+      {
+        name: "sponsor_pages",
+        linkUrl: `summits/${summitId}/sponsors/pages`,
+        accessRoute: "admin-sponsors"
+      },
       {
         name: "sponsorship_list",
         linkUrl: `summits/${summitId}/sponsorships`,
diff --git a/src/components/mui/formik-inputs/mui-formik-async-select.js b/src/components/mui/formik-inputs/mui-formik-async-select.js
index 7ecb8cf9c..852417e1a 100644
--- a/src/components/mui/formik-inputs/mui-formik-async-select.js
+++ b/src/components/mui/formik-inputs/mui-formik-async-select.js
@@ -53,7 +53,7 @@ const MuiFormikAsyncAutocomplete = ({
     }
   }, [searchTerm]);
 
-  // precargar con vacío
+  // preload empty
   useEffect(() => {
     fetchOptions("");
   }, []);
diff --git a/src/components/mui/formik-inputs/mui-formik-datepicker.js b/src/components/mui/formik-inputs/mui-formik-datepicker.js
index 3bb67cecc..13f85bcf9 100644
--- a/src/components/mui/formik-inputs/mui-formik-datepicker.js
+++ b/src/components/mui/formik-inputs/mui-formik-datepicker.js
@@ -5,7 +5,7 @@ import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
 import { useField } from "formik";
 
-const MuiFormikDatepicker = ({ name, label, required }) => {
+const MuiFormikDatepicker = ({ name, label, required, ...props }) => {
   const [field, meta, helpers] = useField(name);
   const requiredLabel = `${label} *`;
   return (
@@ -19,8 +19,7 @@ const MuiFormikDatepicker = ({ name, label, required }) => {
             label: required ? requiredLabel : label,
             error: meta.touched && Boolean(meta.error),
             helperText: meta.touched && meta.error,
-            fullWidth: true,
-            margin: "normal"
+            fullWidth: true
           },
           day: {
             sx: {
@@ -36,6 +35,9 @@ const MuiFormikDatepicker = ({ name, label, required }) => {
             }
           }
         }}
+        margin="normal"
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...props}
       />
     </LocalizationProvider>
   );
diff --git a/src/components/mui/formik-inputs/mui-formik-radio-group.js b/src/components/mui/formik-inputs/mui-formik-radio-group.js
index 01200434f..4c49bb4c3 100644
--- a/src/components/mui/formik-inputs/mui-formik-radio-group.js
+++ b/src/components/mui/formik-inputs/mui-formik-radio-group.js
@@ -10,13 +10,19 @@ import {
 } from "@mui/material";
 import { useField } from "formik";
 
-const MuiFormikRadioGroup = ({ name, label, options, ...props }) => {
+const MuiFormikRadioGroup = ({
+  name,
+  label,
+  marginWrapper = "normal",
+  options,
+  ...props
+}) => {
   const [field, meta] = useField({ name });
 
   return (
     <FormControl
       fullWidth
-      margin="normal"
+      margin={marginWrapper}
       error={meta.touched && Boolean(meta.error)}
     >
       {label && <FormLabel id="radio-group-label">{label}</FormLabel>}
@@ -56,6 +62,7 @@ const MuiFormikRadioGroup = ({ name, label, options, ...props }) => {
 MuiFormikRadioGroup.propTypes = {
   name: PropTypes.string.isRequired,
   label: PropTypes.string,
+  marginWrapper: PropTypes.string,
   options: PropTypes.array.isRequired
 };
 
diff --git a/src/components/mui/formik-inputs/mui-formik-select.js b/src/components/mui/formik-inputs/mui-formik-select.js
index f8c2aa75e..a6e2aca46 100644
--- a/src/components/mui/formik-inputs/mui-formik-select.js
+++ b/src/components/mui/formik-inputs/mui-formik-select.js
@@ -5,13 +5,15 @@ import {
   FormHelperText,
   FormControl,
   InputAdornment,
-  IconButton
+  IconButton,
+  InputLabel
 } from "@mui/material";
 import ClearIcon from "@mui/icons-material/Clear";
 import { useField } from "formik";
 
 const MuiFormikSelect = ({
   name,
+  label,
   placeholder,
   children,
   isClearable,
@@ -24,12 +26,24 @@ const MuiFormikSelect = ({
     helpers.setValue("");
   };
 
+  const hasValue = field?.value && field.value !== "";
+  const shouldShrink = hasValue || Boolean(placeholder);
+
   return (
     <FormControl fullWidth error={meta.touched && Boolean(meta.error)}>
+      {label && (
+        <InputLabel htmlFor={name} id={`${name}-label`} shrink={shouldShrink}>
+          {label}
+        </InputLabel>
+      )}
       <Select
         name={name}
+        id={name}
         // eslint-disable-next-line react/jsx-props-no-spreading
         {...field}
+        labelId={`${name}-label`}
+        label={label}
+        notched={shouldShrink}
         displayEmpty
         renderValue={(selected) => {
           if (!selected || selected === "") {
diff --git a/src/components/mui/formik-inputs/mui-formik-upload.js b/src/components/mui/formik-inputs/mui-formik-upload.js
index fd9f0c13a..2cf33b854 100644
--- a/src/components/mui/formik-inputs/mui-formik-upload.js
+++ b/src/components/mui/formik-inputs/mui-formik-upload.js
@@ -2,7 +2,6 @@ import React from "react";
 import PropTypes from "prop-types";
 import { FormHelperText } from "@mui/material";
 import { UploadInputV2 } from "openstack-uicore-foundation/lib/components";
-
 import { useField } from "formik";
 import {
   ALLOWED_INVENTORY_IMAGE_FORMATS,
@@ -10,14 +9,17 @@ import {
   MAX_INVENTORY_IMAGES_UPLOAD_QTY
 } from "../../../utils/constants";
 
-const MuiFormikUpload = ({ id, name, onImageDeleted }) => {
+const MuiFormikUpload = ({
+  id,
+  name,
+  onImageDeleted,
+  maxFiles = MAX_INVENTORY_IMAGES_UPLOAD_QTY
+}) => {
   const [field, meta, helpers] = useField(name);
 
-  console.log("images: ", field.value);
-
   const mediaType = {
     max_size: MAX_INVENTORY_IMAGE_UPLOAD_SIZE,
-    max_uploads_qty: MAX_INVENTORY_IMAGES_UPLOAD_QTY,
+    max_uploads_qty: maxFiles,
     type: {
       allowed_extensions: ALLOWED_INVENTORY_IMAGE_FORMATS
     }
@@ -27,30 +29,43 @@ const MuiFormikUpload = ({ id, name, onImageDeleted }) => {
     field.value?.length > 0
       ? field.value.map((img) => ({
           ...img,
-          filename: img.filename ?? img.file_path ?? img.file_url
+          filename:
+            img.file_name ?? img.filename ?? img.file_path ?? img.file_url
         }))
       : [];
 
+  const buildFileObject = (response) => {
+    const file = {};
+    if (response.id !== undefined) file.id = response.id;
+    if (response.name) file.file_name = response.name;
+    if (response.md5) file.md5 = response.md5;
+    if (response.mime_type) file.mime_type = response.mime_type;
+    if (response.source_bucket) file.bucket = response.source_bucket;
+    if (response.path && response.name)
+      file.file_path = `${response.path}${response.name}`;
+    return file;
+  };
+
   const handleUploadComplete = (response) => {
     if (response) {
-      const image = {
-        file_path: `${response.path}${response.name}`,
-        filename: response.name
-      };
-      helpers.setValue([...field.value, image]);
+      const image = buildFileObject(response);
+      helpers.setValue([...(field.value || []), image]);
       helpers.setTouched(true);
     }
   };
 
   const handleRemove = (imageFile) => {
-    const updated = field.value.filter((i) => i.filename !== imageFile.name);
+    const updated = (field.value || []).filter(
+      (i) => i.filename !== imageFile.name
+    );
     helpers.setValue(updated);
-
     if (onImageDeleted) {
       onImageDeleted(imageFile.id);
     }
   };
 
+  const canAddMore = () => (field.value?.length || 0) < maxFiles;
+
   return (
     <>
       {meta.touched && meta.error && (
@@ -65,11 +80,8 @@ const MuiFormikUpload = ({ id, name, onImageDeleted }) => {
         onRemove={handleRemove}
         postUrl={`${window.FILE_UPLOAD_API_BASE_URL}/api/v1/files/upload`}
         djsConfig={{ withCredentials: true }}
-        maxFiles={mediaType.max_uploads_qty}
-        canAdd={
-          mediaType.is_editable ||
-          (field.value?.length || 0) < mediaType.max_uploads_qty
-        }
+        maxFiles={maxFiles}
+        canAdd={canAddMore()}
         parallelChunkUploads
       />
     </>
@@ -77,7 +89,10 @@ const MuiFormikUpload = ({ id, name, onImageDeleted }) => {
 };
 
 MuiFormikUpload.propTypes = {
-  name: PropTypes.string.isRequired
+  id: PropTypes.string,
+  name: PropTypes.string.isRequired,
+  onImageDeleted: PropTypes.func,
+  maxFiles: PropTypes.number
 };
 
 export default MuiFormikUpload;
diff --git a/src/i18n/en.json b/src/i18n/en.json
index fb716a695..cca6f6f1c 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -83,6 +83,7 @@
   },
   "validation": {
     "required": "This field is required.",
+    "file_required": "File is required",
     "string": "Must be a string.",
     "number": "Must be a number.",
     "number_positive": "Must be a positive number.",
@@ -90,6 +91,7 @@
     "one_option_required": "Must have one option",
     "two_decimals": "Max 2 decimal places",
     "email": "Wrong email format.",
+    "url": "Wrong URL format",
     "date": "Wrong date format.",
     "after": "'{field1}' must be after '{field2}'.",
     "boolean": "Must be a boolean."
@@ -154,6 +156,7 @@
     "sponsors": "Sponsors",
     "sponsor_list": "Sponsor List",
     "sponsor_forms": "Forms",
+    "sponsor_pages": "Pages",
     "sponsorship_list": "Tiers",
     "sponsor_users": "Users",
     "sponsors_promocodes": "Promo Codes",
@@ -2623,6 +2626,40 @@
       "items_added": "Items added successfully."
     }
   },
+  "sponsor_pages": {
+    "pages": "Pages",
+    "alert_info": "Note: These Pages will be visible to all sponsors of the selected level in this program.",
+    "using_template": "Using Template",
+    "new_page": "New Page",
+    "code_column_label": "Code",
+    "name_column_label": "Name",
+    "tier_column_label": "Tier",
+    "info_mod_column_label": "Info Mod",
+    "upload_mod_column_label": "Upload Mod",
+    "download_mod_column_label": "Download Mod",
+    "hide_archived": "Hide archived Pages",
+    "filter": "Filter",
+    "sort_by": "Sort By",
+    "no_sponsors_pages": "No pages found for this search criteria.",
+    "placeholders": {
+      "search": "Search..."
+    },
+    "global_page_popup": {
+      "title": "Add Page Template",
+      "items_selected": "items selected",
+      "code": "Code",
+      "name": "name",
+      "info_mod": "Info Mod",
+      "download_mod": "Download Mod",
+      "upload_mod": "Upload Mod",
+      "add_selected": "Add Selected Page Template",
+      "success": "Page created successfully.",
+      "error": "There was a problem creating the forms, please try again.",
+      "placeholders": {
+        "search": "Search..."
+      }
+    }
+  },
   "sponsor_users": {
     "users": "Users",
     "access_request": "access request",
@@ -3888,6 +3925,8 @@
     "alert_info": "You can create or archive Pages from the list. To edit a Page click on the item's Edit botton.",
     "code": "Code",
     "name": "Name",
+    "sponsorship": "Always apply to",
+    "all_tiers": "All Tiers",
     "info_mod": "Info Mod",
     "upload_mod": "Upload Mod",
     "download_mod": "Download Mod",
@@ -3900,7 +3939,8 @@
     "add_form_template": "New Form",
     "add_using_global_template": "Using Global Template",
     "placeholders": {
-      "search": "Search"
+      "search": "Search",
+      "sponsorship_type": "Always apply to"
     },
     "page_crud": {
       "title": "Create New Page",
@@ -3910,7 +3950,21 @@
       "no_modules": "No modules added yet.",
       "save": "Save Page",
       "page_saved": "Page saved successfully.",
-      "page_created": "Page created successfully."
+      "page_created": "Page created successfully.",
+      "info_module": "Info Module",
+      "info_content": "Info Content",
+      "document_module": "Document Download Module",
+      "document_name": "Document Name",
+      "description": "Description",
+      "external_url": "External URL",
+      "upload_file": "Upload File",
+      "text_input": "Text input",
+      "media_module": "Media Request Module",
+      "name": "Name",
+      "upload_deadline": "Upload Deadline",
+      "max_file_size": "Max File Size (MB)",
+      "allowed_formats": "Allowed Formats",
+      "module_remove_warning": "Are you sure you want to delete {name}"
     }
   }
 }
diff --git a/src/layouts/sponsor-layout.js b/src/layouts/sponsor-layout.js
index fefd4f28d..f43964319 100644
--- a/src/layouts/sponsor-layout.js
+++ b/src/layouts/sponsor-layout.js
@@ -25,6 +25,7 @@ import SponsorSettingsPage from "../pages/sponsor_settings/sponsor-settings-page
 import SponsorFormsListPage from "../pages/sponsors/sponsor-forms-list-page";
 import SponsorFormItemListPage from "../pages/sponsors/sponsor-form-item-list-page";
 import SponsorUsersListPage from "../pages/sponsors/sponsor-users-list-page";
+import SponsorPagesListPage from "../pages/sponsors/sponsor-pages-list-page";
 
 const SponsorLayout = ({ match }) => (
   <div>
@@ -63,6 +64,22 @@ const SponsorLayout = ({ match }) => (
           </div>
         )}
       />
+      <Route
+        path={`${match.url}/pages`}
+        render={(props) => (
+          <div>
+            <Breadcrumb
+              data={{
+                title: T.translate("sponsor_pages.pages"),
+                pathname: props.match.url
+              }}
+            />
+          </div>
+        )}
+        strict
+        exact
+        component={SponsorPagesListPage}
+      />
       <Route
         strict
         exact
diff --git a/src/pages/sponsors-global/page-templates/modules/page-template-document-download-module.js b/src/pages/sponsors-global/page-templates/modules/page-template-document-download-module.js
new file mode 100644
index 000000000..86c4b25f4
--- /dev/null
+++ b/src/pages/sponsors-global/page-templates/modules/page-template-document-download-module.js
@@ -0,0 +1,63 @@
+import React from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { Grid2, InputLabel } from "@mui/material";
+
+import MuiFormikUpload from "../../../../components/mui/formik-inputs/mui-formik-upload";
+import MuiFormikTextField from "../../../../components/mui/formik-inputs/mui-formik-textfield";
+
+const DocumentDownloadModule = ({ baseName, index }) => {
+  const buildFieldName = (field) => `${baseName}[${index}].${field}`;
+
+  return (
+    <Grid2 container spacing={2} size={12}>
+      <InputLabel htmlFor={buildFieldName("name")}>
+        {T.translate("page_template_list.page_crud.document_name")}
+      </InputLabel>
+      <Grid2 size={12}>
+        <MuiFormikTextField
+          name={buildFieldName("name")}
+          fullWidth
+          margin="none"
+        />
+      </Grid2>
+      <InputLabel htmlFor={buildFieldName("description")}>
+        {T.translate("page_template_list.page_crud.description")}
+      </InputLabel>
+      <Grid2 size={12}>
+        <MuiFormikTextField
+          name={buildFieldName("description")}
+          fullWidth
+          multiline
+          rows={2}
+          margin="none"
+        />
+      </Grid2>
+      <InputLabel htmlFor={buildFieldName("external_url")}>
+        {T.translate("page_template_list.page_crud.external_url")}
+      </InputLabel>
+      <Grid2 size={12}>
+        <MuiFormikTextField
+          name={buildFieldName("external_url")}
+          placeholder="Link"
+          fullWidth
+          margin="none"
+        />
+      </Grid2>
+      <Grid2 size={12}>
+        <MuiFormikUpload
+          id={`document-module-upload-${index}`}
+          name={buildFieldName("file")}
+          maxFiles={1}
+        />
+      </Grid2>
+    </Grid2>
+  );
+};
+
+DocumentDownloadModule.propTypes = {
+  baseName: PropTypes.string.isRequired,
+  index: PropTypes.number.isRequired
+};
+
+export default DocumentDownloadModule;
diff --git a/src/pages/sponsors-global/page-templates/modules/page-template-info-module.js b/src/pages/sponsors-global/page-templates/modules/page-template-info-module.js
new file mode 100644
index 000000000..f67549f29
--- /dev/null
+++ b/src/pages/sponsors-global/page-templates/modules/page-template-info-module.js
@@ -0,0 +1,34 @@
+import React from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { Grid2, Box, InputLabel } from "@mui/material";
+
+import FormikTextEditor from "../../../../components/inputs/formik-text-editor";
+
+const InfoModule = ({ baseName, index }) => {
+  const buildFieldName = (field) => `${baseName}[${index}].${field}`;
+
+  return (
+    <Grid2 container spacing={2} size={12}>
+      <InputLabel htmlFor={buildFieldName("content")}>
+        {T.translate("page_template_list.page_crud.info_content")}
+      </InputLabel>
+      <Grid2 size={12}>
+        <Box width="100%">
+          <FormikTextEditor
+            name={buildFieldName("content")}
+            fullWidth
+            margin="none"
+          />
+        </Box>
+      </Grid2>
+    </Grid2>
+  );
+};
+
+InfoModule.propTypes = {
+  baseName: PropTypes.string.isRequired,
+  index: PropTypes.number.isRequired
+};
+
+export default InfoModule;
diff --git a/src/pages/sponsors-global/page-templates/modules/page-template-media-request-module.js b/src/pages/sponsors-global/page-templates/modules/page-template-media-request-module.js
new file mode 100644
index 000000000..1b6117eac
--- /dev/null
+++ b/src/pages/sponsors-global/page-templates/modules/page-template-media-request-module.js
@@ -0,0 +1,114 @@
+import React from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { useFormikContext, getIn } from "formik";
+import { Grid2, Divider, InputLabel } from "@mui/material";
+import MuiFormikTextField from "../../../../components/mui/formik-inputs/mui-formik-textfield";
+import MuiFormikDatepicker from "../../../../components/mui/formik-inputs/mui-formik-datepicker";
+import MuiFormikRadioGroup from "../../../../components/mui/formik-inputs/mui-formik-radio-group";
+import { PAGE_MODULES_MEDIA_TYPES } from "../../../../utils/constants";
+import MuiFormikAsyncAutocomplete from "../../../../components/mui/formik-inputs/mui-formik-async-select";
+import { queryMediaFileTypes } from "../../../../actions/media-file-type-actions";
+
+const MediaRequestModule = ({ baseName, index }) => {
+  const { values } = useFormikContext();
+  const buildFieldName = (field) => `${baseName}[${index}].${field}`;
+
+  const mediaType =
+    getIn(values, buildFieldName("type")) || PAGE_MODULES_MEDIA_TYPES.FILE;
+
+  const mediaTypeOptions = [
+    {
+      value: PAGE_MODULES_MEDIA_TYPES.FILE,
+      label: T.translate("page_template_list.page_crud.upload_file")
+    },
+    {
+      value: PAGE_MODULES_MEDIA_TYPES.TEXT,
+      label: T.translate("page_template_list.page_crud.text_input")
+    }
+  ];
+
+  return (
+    <Grid2 container spacing={2} size={12}>
+      <Grid2 size={12}>
+        <MuiFormikRadioGroup
+          name={buildFieldName("type")}
+          options={mediaTypeOptions}
+          row
+          marginWrapper="none"
+        />
+      </Grid2>
+      <Grid2 size={12}>
+        <Divider sx={{ mx: -2 }} />
+      </Grid2>
+      <Grid2 size={6}>
+        <InputLabel htmlFor={buildFieldName("name")}>
+          {T.translate("page_template_list.page_crud.name")}
+        </InputLabel>
+        <MuiFormikTextField
+          name={buildFieldName("name")}
+          fullWidth
+          margin="none"
+        />
+      </Grid2>
+      <Grid2 size={6}>
+        <InputLabel htmlFor={buildFieldName("upload_deadline")}>
+          {T.translate("page_template_list.page_crud.upload_deadline")}
+        </InputLabel>
+        <MuiFormikDatepicker
+          name={buildFieldName("upload_deadline")}
+          margin="none"
+        />
+      </Grid2>
+
+      {mediaType === PAGE_MODULES_MEDIA_TYPES.FILE && (
+        <>
+          <Grid2 size={6}>
+            <InputLabel htmlFor={buildFieldName("max_file_size")}>
+              {T.translate("page_template_list.page_crud.max_file_size")}
+            </InputLabel>
+            <MuiFormikTextField
+              name={buildFieldName("max_file_size")}
+              type="number"
+              margin="none"
+              fullWidth
+            />
+          </Grid2>
+          <Grid2 size={6}>
+            <InputLabel htmlFor={buildFieldName("file_type_id")}>
+              {T.translate("page_template_list.page_crud.allowed_formats")}
+            </InputLabel>
+            <MuiFormikAsyncAutocomplete
+              name={buildFieldName("file_type_id")}
+              queryFunction={queryMediaFileTypes}
+              formatOption={(item) => ({
+                value: item.id,
+                label: `${item.name} (${item.allowed_extensions?.join(", ")})`
+              })}
+            />
+          </Grid2>
+        </>
+      )}
+
+      <Grid2 size={12}>
+        <InputLabel htmlFor={buildFieldName("description")}>
+          {T.translate("page_template_list.page_crud.description")}
+        </InputLabel>
+        <MuiFormikTextField
+          name={buildFieldName("description")}
+          fullWidth
+          multiline
+          margin="none"
+          rows={2}
+        />
+      </Grid2>
+    </Grid2>
+  );
+};
+
+MediaRequestModule.propTypes = {
+  baseName: PropTypes.string.isRequired,
+  index: PropTypes.number.isRequired
+};
+
+export default MediaRequestModule;
diff --git a/src/pages/sponsors-global/page-templates/page-template-list-page.js b/src/pages/sponsors-global/page-templates/page-template-list-page.js
index 19821bdfc..34b09dd59 100644
--- a/src/pages/sponsors-global/page-templates/page-template-list-page.js
+++ b/src/pages/sponsors-global/page-templates/page-template-list-page.js
@@ -28,6 +28,7 @@ import {
   archivePageTemplate,
   getPageTemplates,
   savePageTemplate,
+  deletePageTemplate,
   unarchivePageTemplate
 } from "../../../actions/page-template-actions";
 import MuiTable from "../../../components/mui/table/mui-table";
@@ -47,7 +48,8 @@ const PageTemplateListPage = ({
   getPageTemplates,
   archivePageTemplate,
   unarchivePageTemplate,
-  savePageTemplate
+  savePageTemplate,
+  deletePageTemplate
 }) => {
   const [pageTemplateId, setPageTemplateId] = useState(null);
 
@@ -104,6 +106,10 @@ const PageTemplateListPage = ({
     console.log("CLONE PAGE");
   };
 
+  const handleSavePageTemplate = (entity) => {
+    savePageTemplate(entity).then(() => setPageTemplateId(null));
+  };
+
   const handleArchive = (item) =>
     item.is_archived
       ? unarchivePageTemplate(item.id)
@@ -114,7 +120,16 @@ const PageTemplateListPage = ({
   };
 
   const handleDelete = (row) => {
-    console.log("DELETE", row);
+    deletePageTemplate(row).then(() =>
+      getPageTemplates(
+        term,
+        currentPage,
+        perPage,
+        order,
+        orderDir,
+        hideArchived
+      )
+    );
   };
 
   const columns = [
@@ -250,7 +265,7 @@ const PageTemplateListPage = ({
       <PageTemplatePopup
         open={!!pageTemplateId}
         onClose={() => setPageTemplateId(null)}
-        onSave={savePageTemplate}
+        onSave={handleSavePageTemplate}
       />
     </div>
   );
@@ -264,5 +279,6 @@ export default connect(mapStateToProps, {
   getPageTemplates,
   archivePageTemplate,
   unarchivePageTemplate,
-  savePageTemplate
+  savePageTemplate,
+  deletePageTemplate
 })(PageTemplateListPage);
diff --git a/src/pages/sponsors-global/page-templates/page-template-module-form.test.js b/src/pages/sponsors-global/page-templates/page-template-module-form.test.js
new file mode 100644
index 000000000..2277e4ff9
--- /dev/null
+++ b/src/pages/sponsors-global/page-templates/page-template-module-form.test.js
@@ -0,0 +1,505 @@
+import React from "react";
+import { render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Formik, Form, useFormikContext } from "formik";
+import "@testing-library/jest-dom";
+import PageModules from "./page-template-modules-form";
+import showConfirmDialog from "../../../components/mui/showConfirmDialog";
+import {
+  PAGES_MODULE_KINDS,
+  PAGE_MODULES_MEDIA_TYPES
+} from "../../../utils/constants";
+
+// Mocks
+jest.mock("../../../components/mui/showConfirmDialog", () => jest.fn());
+
+jest.mock(
+  "../../../components/inputs/formik-text-editor",
+  () =>
+    function MockFormikTextEditor({ name }) {
+      return <textarea data-testid={`text-editor-${name}`} />;
+    }
+);
+
+jest.mock(
+  "../../../components/mui/formik-inputs/mui-formik-upload",
+  () =>
+    function MockMuiFormikUpload({ name }) {
+      return <div data-testid={`upload-${name}`}>Upload</div>;
+    }
+);
+
+jest.mock(
+  "../../../components/mui/formik-inputs/mui-formik-textfield",
+  () =>
+    function MockMuiFormikTextField({ name }) {
+      return <input data-testid={`textfield-${name}`} />;
+    }
+);
+
+jest.mock(
+  "../../../components/mui/formik-inputs/mui-formik-select",
+  () =>
+    function MockMuiFormikSelect({ name, children }) {
+      return <select data-testid={`select-${name}`}>{children}</select>;
+    }
+);
+
+jest.mock(
+  "../../../components/mui/formik-inputs/mui-formik-datepicker",
+  () =>
+    function MockMuiFormikDatepicker({ name }) {
+      return <input data-testid={`datepicker-${name}`} type="date" />;
+    }
+);
+
+jest.mock(
+  "../../../components/mui/formik-inputs/mui-formik-radio-group",
+  () =>
+    function MockMuiFormikRadioGroup({ name }) {
+      return <div data-testid={`radio-group-${name}`} />;
+    }
+);
+
+jest.mock(
+  "../../../components/mui/formik-inputs/mui-formik-async-select",
+  () =>
+    function MockMuiFormikAsyncSelect({ name }) {
+      return <select data-testid={`async-select-${name}`} />;
+    }
+);
+
+// Mock DragAndDropList to capture onReorder
+let capturedOnReorder = null;
+jest.mock(
+  "../../../components/mui/dnd-list",
+  () =>
+    function MockDragAndDropList({ items, renderItem, onReorder }) {
+      capturedOnReorder = onReorder;
+      return (
+        <div data-testid="dnd-list">
+          {items.map((item, index) => (
+            <div key={item._tempId || index} data-testid={`dnd-item-${index}`}>
+              {renderItem(item, index)}
+            </div>
+          ))}
+        </div>
+      );
+    }
+);
+
+// Helper function to render the component with Formik
+const renderWithFormik = (initialValues = { modules: [] }) =>
+  render(
+    <Formik initialValues={initialValues} onSubmit={jest.fn()}>
+      <Form>
+        <PageModules name="modules" />
+      </Form>
+    </Formik>
+  );
+
+describe("PageModules", () => {
+  const createModule = (kind, order, id) => ({
+    _tempId: `temp-${id}`,
+    kind,
+    custom_order: order,
+    name: `Module ${id}`,
+    content: "",
+    description: "",
+    ...(kind === PAGES_MODULE_KINDS.MEDIA && {
+      type: PAGE_MODULES_MEDIA_TYPES.FILE,
+      upload_deadline: null,
+      max_file_size: 100,
+      file_type_id: 1
+    }),
+    ...(kind === PAGES_MODULE_KINDS.DOCUMENT && {
+      external_url: "",
+      file: null
+    })
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    capturedOnReorder = null;
+  });
+
+  describe("Rendering", () => {
+    test("renders empty state message when no modules exist", () => {
+      renderWithFormik({ modules: [] });
+
+      expect(
+        screen.getByText("page_template_list.page_crud.no_modules")
+      ).toBeInTheDocument();
+    });
+
+    test("renders DragAndDropList when modules exist", () => {
+      const modules = [createModule(PAGES_MODULE_KINDS.INFO, 0, 1)];
+      renderWithFormik({ modules });
+
+      expect(screen.getByTestId("dnd-list")).toBeInTheDocument();
+      expect(
+        screen.queryByText("page_template_list.page_crud.no_modules")
+      ).not.toBeInTheDocument();
+    });
+
+    test("renders correct number of modules", () => {
+      const modules = [
+        createModule(PAGES_MODULE_KINDS.INFO, 0, 1),
+        createModule(PAGES_MODULE_KINDS.DOCUMENT, 1, 2),
+        createModule(PAGES_MODULE_KINDS.MEDIA, 2, 3)
+      ];
+
+      renderWithFormik({ modules });
+
+      expect(screen.getByTestId("dnd-item-0")).toBeInTheDocument();
+      expect(screen.getByTestId("dnd-item-1")).toBeInTheDocument();
+      expect(screen.getByTestId("dnd-item-2")).toBeInTheDocument();
+    });
+  });
+
+  describe("Module ordering", () => {
+    test("renders modules in the order they appear in the array", () => {
+      const modules = [
+        createModule(PAGES_MODULE_KINDS.INFO, 0, 1),
+        createModule(PAGES_MODULE_KINDS.DOCUMENT, 1, 2),
+        createModule(PAGES_MODULE_KINDS.MEDIA, 2, 3)
+      ];
+
+      renderWithFormik({ modules });
+
+      expect(
+        screen.getByTestId("text-editor-modules[0].content")
+      ).toBeInTheDocument();
+      expect(screen.getByTestId("upload-modules[1].file")).toBeInTheDocument();
+      expect(
+        screen.getByTestId("datepicker-modules[2].upload_deadline")
+      ).toBeInTheDocument();
+    });
+
+    test("maintains custom_order values after rendering", () => {
+      const TestWrapper = () => {
+        const { values } = useFormikContext();
+        return (
+          <>
+            <PageModules name="modules" />
+            <div data-testid="orders">
+              {values.modules.map((m, i) => (
+                // eslint-disable-next-line
+                <span key={i} data-testid={`order-${i}`}>
+                  {m.custom_order}
+                </span>
+              ))}
+            </div>
+          </>
+        );
+      };
+
+      const modules = [
+        createModule(PAGES_MODULE_KINDS.INFO, 0, 1),
+        createModule(PAGES_MODULE_KINDS.DOCUMENT, 1, 2),
+        createModule(PAGES_MODULE_KINDS.MEDIA, 2, 3)
+      ];
+
+      render(
+        <Formik initialValues={{ modules }} onSubmit={jest.fn()}>
+          <Form>
+            <TestWrapper />
+          </Form>
+        </Formik>
+      );
+
+      expect(screen.getByTestId("order-0")).toHaveTextContent("0");
+      expect(screen.getByTestId("order-1")).toHaveTextContent("1");
+      expect(screen.getByTestId("order-2")).toHaveTextContent("2");
+    });
+  });
+
+  describe("Drag and drop reordering", () => {
+    test("updates modules order when onReorder is called", async () => {
+      const TestWrapper = () => {
+        const { values } = useFormikContext();
+        return (
+          <>
+            <PageModules name="modules" />
+            <div data-testid="module-ids">
+              {values.modules.map((m) => m._tempId).join(",")}
+            </div>
+          </>
+        );
+      };
+
+      const modules = [
+        createModule(PAGES_MODULE_KINDS.INFO, 0, 1),
+        createModule(PAGES_MODULE_KINDS.DOCUMENT, 1, 2),
+        createModule(PAGES_MODULE_KINDS.MEDIA, 2, 3)
+      ];
+
+      render(
+        <Formik initialValues={{ modules }} onSubmit={jest.fn()}>
+          <Form>
+            <TestWrapper />
+          </Form>
+        </Formik>
+      );
+
+      expect(screen.getByTestId("module-ids")).toHaveTextContent(
+        "temp-1,temp-2,temp-3"
+      );
+
+      // move first module to the end
+      const reorderedModules = [modules[1], modules[2], modules[0]];
+      capturedOnReorder(reorderedModules);
+
+      await waitFor(() => {
+        expect(screen.getByTestId("module-ids")).toHaveTextContent(
+          "temp-2,temp-3,temp-1"
+        );
+      });
+    });
+
+    test("updates field indices after reordering", async () => {
+      const TestWrapper = () => {
+        const { values } = useFormikContext();
+        return (
+          <>
+            <PageModules name="modules" />
+            <div data-testid="first-module-kind">{values.modules[0]?.kind}</div>
+          </>
+        );
+      };
+
+      const modules = [
+        createModule(PAGES_MODULE_KINDS.INFO, 0, 1),
+        createModule(PAGES_MODULE_KINDS.DOCUMENT, 1, 2)
+      ];
+
+      render(
+        <Formik initialValues={{ modules }} onSubmit={jest.fn()}>
+          <Form>
+            <TestWrapper />
+          </Form>
+        </Formik>
+      );
+
+      expect(screen.getByTestId("first-module-kind")).toHaveTextContent(
+        PAGES_MODULE_KINDS.INFO
+      );
+
+      // invert order
+      const reorderedModules = [modules[1], modules[0]];
+      capturedOnReorder(reorderedModules);
+
+      await waitFor(() => {
+        expect(screen.getByTestId("first-module-kind")).toHaveTextContent(
+          PAGES_MODULE_KINDS.DOCUMENT
+        );
+      });
+    });
+  });
+
+  describe("Accordion expand/collapse", () => {
+    test("accordion is expanded by default", () => {
+      const modules = [createModule(PAGES_MODULE_KINDS.INFO, 0, 1)];
+      renderWithFormik({ modules });
+
+      // content should be visible
+      expect(
+        screen.getByTestId("text-editor-modules[0].content")
+      ).toBeVisible();
+    });
+
+    test("collapses accordion when clicking on summary", async () => {
+      const modules = [createModule(PAGES_MODULE_KINDS.INFO, 0, 1)];
+      renderWithFormik({ modules });
+
+      const expandIcon = screen.getByTestId("ExpandMoreIcon");
+      const accordionSummary = expandIcon.closest(".MuiAccordionSummary-root");
+
+      await userEvent.click(accordionSummary);
+
+      await waitFor(() => {
+        expect(
+          screen.getByTestId("text-editor-modules[0].content")
+        ).not.toBeVisible();
+      });
+    });
+
+    test("expands collapsed accordion when clicking on summary", async () => {
+      const modules = [createModule(PAGES_MODULE_KINDS.INFO, 0, 1)];
+      renderWithFormik({ modules });
+
+      const expandIcon = screen.getByTestId("ExpandMoreIcon");
+      const accordionSummary = expandIcon.closest(".MuiAccordionSummary-root");
+
+      // close
+      await userEvent.click(accordionSummary);
+
+      await waitFor(() => {
+        expect(
+          screen.getByTestId("text-editor-modules[0].content")
+        ).not.toBeVisible();
+      });
+
+      // expand
+      await userEvent.click(accordionSummary);
+
+      await waitFor(() => {
+        expect(
+          screen.getByTestId("text-editor-modules[0].content")
+        ).toBeVisible();
+      });
+    });
+
+    test("each accordion operates independently", async () => {
+      const modules = [
+        createModule(PAGES_MODULE_KINDS.INFO, 0, 1),
+        createModule(PAGES_MODULE_KINDS.DOCUMENT, 1, 2)
+      ];
+      renderWithFormik({ modules });
+
+      const expandIcons = screen.getAllByTestId("ExpandMoreIcon");
+      const firstAccordionSummary = expandIcons[0].closest(
+        ".MuiAccordionSummary-root"
+      );
+
+      // close first module
+      await userEvent.click(firstAccordionSummary);
+
+      await waitFor(() => {
+        // first module should be closed
+        expect(
+          screen.getByTestId("text-editor-modules[0].content")
+        ).not.toBeVisible();
+        // second module should be expanded
+        expect(screen.getByTestId("upload-modules[1].file")).toBeVisible();
+      });
+    });
+  });
+
+  describe("handleDeleteModule", () => {
+    test("shows confirmation dialog when delete button is clicked", async () => {
+      showConfirmDialog.mockResolvedValue(false);
+
+      const modules = [createModule(PAGES_MODULE_KINDS.INFO, 0, 1)];
+      renderWithFormik({ modules });
+
+      const deleteButton = screen.getByTestId("DeleteIcon").closest("button");
+      await userEvent.click(deleteButton);
+
+      expect(showConfirmDialog).toHaveBeenCalledWith(
+        expect.objectContaining({
+          title: "general.are_you_sure",
+          type: "warning",
+          showCancelButton: true
+        })
+      );
+    });
+
+    test("removes module from list when confirmed", async () => {
+      showConfirmDialog.mockResolvedValue(true);
+
+      const TestWrapper = () => {
+        const { values } = useFormikContext();
+        return (
+          <>
+            <PageModules name="modules" />
+            <div data-testid="module-count">{values.modules.length}</div>
+          </>
+        );
+      };
+
+      const modules = [
+        createModule(PAGES_MODULE_KINDS.INFO, 0, 1),
+        createModule(PAGES_MODULE_KINDS.DOCUMENT, 1, 2)
+      ];
+
+      render(
+        <Formik initialValues={{ modules }} onSubmit={jest.fn()}>
+          <Form>
+            <TestWrapper />
+          </Form>
+        </Formik>
+      );
+
+      expect(screen.getByTestId("module-count")).toHaveTextContent("2");
+
+      const deleteButtons = screen.getAllByTestId("DeleteIcon");
+      await userEvent.click(deleteButtons[0].closest("button"));
+
+      await waitFor(() => {
+        expect(screen.getByTestId("module-count")).toHaveTextContent("1");
+      });
+    });
+
+    test("does not remove module when cancelled", async () => {
+      showConfirmDialog.mockResolvedValue(false);
+
+      const TestWrapper = () => {
+        const { values } = useFormikContext();
+        return (
+          <>
+            <PageModules name="modules" />
+            <div data-testid="module-count">{values.modules.length}</div>
+          </>
+        );
+      };
+
+      const modules = [createModule(PAGES_MODULE_KINDS.INFO, 0, 1)];
+
+      render(
+        <Formik initialValues={{ modules }} onSubmit={jest.fn()}>
+          <Form>
+            <TestWrapper />
+          </Form>
+        </Formik>
+      );
+
+      const deleteButton = screen.getByTestId("DeleteIcon").closest("button");
+      await userEvent.click(deleteButton);
+
+      await waitFor(() => {
+        expect(screen.getByTestId("module-count")).toHaveTextContent("1");
+      });
+    });
+
+    test("removes correct module when deleting from middle of list", async () => {
+      showConfirmDialog.mockResolvedValue(true);
+
+      const TestWrapper = () => {
+        const { values } = useFormikContext();
+        return (
+          <>
+            <PageModules name="modules" />
+            <div data-testid="module-ids">
+              {values.modules.map((m) => m._tempId).join(",")}
+            </div>
+          </>
+        );
+      };
+
+      const modules = [
+        createModule(PAGES_MODULE_KINDS.INFO, 0, 1),
+        createModule(PAGES_MODULE_KINDS.DOCUMENT, 1, 2),
+        createModule(PAGES_MODULE_KINDS.MEDIA, 2, 3)
+      ];
+
+      render(
+        <Formik initialValues={{ modules }} onSubmit={jest.fn()}>
+          <Form>
+            <TestWrapper />
+          </Form>
+        </Formik>
+      );
+
+      // deletes middle module
+      const deleteButtons = screen.getAllByTestId("DeleteIcon");
+      await userEvent.click(deleteButtons[1].closest("button"));
+
+      await waitFor(() => {
+        expect(screen.getByTestId("module-ids")).toHaveTextContent(
+          "temp-1,temp-3"
+        );
+      });
+    });
+  });
+});
diff --git a/src/pages/sponsors-global/page-templates/page-template-modules-form.js b/src/pages/sponsors-global/page-templates/page-template-modules-form.js
new file mode 100644
index 000000000..f66c03c34
--- /dev/null
+++ b/src/pages/sponsors-global/page-templates/page-template-modules-form.js
@@ -0,0 +1,176 @@
+import React, { useRef, useEffect } from "react";
+import PropTypes from "prop-types";
+import T from "i18n-react/dist/i18n-react";
+import { useFormikContext, getIn } from "formik";
+import {
+  Accordion,
+  AccordionSummary,
+  AccordionDetails,
+  Box,
+  IconButton,
+  Typography
+} from "@mui/material";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import DeleteIcon from "@mui/icons-material/Delete";
+import UnfoldMoreIcon from "@mui/icons-material/UnfoldMore";
+import DragAndDropList from "../../../components/mui/dnd-list";
+import showConfirmDialog from "../../../components/mui/showConfirmDialog";
+import { PAGES_MODULE_KINDS } from "../../../utils/constants";
+import InfoModule from "./modules/page-template-info-module";
+import DocumentDownloadModule from "./modules/page-template-document-download-module";
+import MediaRequestModule from "./modules/page-template-media-request-module";
+
+const PageModules = ({ name = "modules" }) => {
+  const { values, setFieldValue } = useFormikContext();
+  const modules = getIn(values, name) || [];
+
+  const bottomRef = useRef(null);
+  const prevModulesLength = useRef(modules.length);
+
+  // auto-scroll to new module
+  useEffect(() => {
+    if (modules.length > prevModulesLength.current) {
+      bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+    }
+    prevModulesLength.current = modules.length;
+  }, [modules.length]);
+
+  const getModuleTitle = (kind) => {
+    switch (kind) {
+      case PAGES_MODULE_KINDS.INFO:
+        return T.translate("page_template_list.page_crud.info_module");
+      case PAGES_MODULE_KINDS.DOCUMENT:
+        return T.translate("page_template_list.page_crud.document_module");
+      case PAGES_MODULE_KINDS.MEDIA:
+        return T.translate("page_template_list.page_crud.media_module");
+      default:
+        return "Module";
+    }
+  };
+
+  const handleDeleteModule = async (index, module) => {
+    const moduleName = getModuleTitle(module.kind);
+
+    const isConfirmed = await showConfirmDialog({
+      title: T.translate("general.are_you_sure"),
+      text: T.translate("page_template_list.page_crud.module_remove_warning", {
+        name: moduleName
+      }),
+      type: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#DD6B55",
+      confirmButtonText: T.translate("general.yes_delete")
+    });
+
+    if (isConfirmed) {
+      const updated = modules.filter((_, i) => i !== index);
+      setFieldValue(name, updated);
+    }
+  };
+
+  const handleReorderModules = (newModules) => {
+    setFieldValue(name, newModules);
+  };
+
+  const renderModuleFields = (module, index) => {
+    switch (module.kind) {
+      case PAGES_MODULE_KINDS.INFO:
+        return <InfoModule baseName={name} index={index} />;
+      case PAGES_MODULE_KINDS.DOCUMENT:
+        return <DocumentDownloadModule baseName={name} index={index} />;
+      case PAGES_MODULE_KINDS.MEDIA:
+        return <MediaRequestModule baseName={name} index={index} />;
+      default:
+        return null;
+    }
+  };
+
+  const renderModule = (module, index) => (
+    <Accordion
+      defaultExpanded
+      sx={{
+        mb: 1,
+        "&:before": { display: "none" },
+        boxShadow: "none",
+        border: "1px solid #e0e0e0",
+        borderRadius: "0 !important",
+        "&:first-of-type": { borderRadius: 0 },
+        "&:last-of-type": { borderRadius: 0 }
+      }}
+      key={module._tempId || `module-${index}`}
+    >
+      <AccordionSummary
+        expandIcon={<ExpandMoreIcon />}
+        sx={{
+          backgroundColor: "#2196F31F",
+          flexDirection: "row-reverse",
+          "& .MuiAccordionSummary-expandIconWrapper": {
+            marginRight: 1,
+            marginLeft: 0
+          }
+        }}
+      >
+        <Box
+          sx={{
+            display: "flex",
+            alignItems: "center",
+            width: "100%",
+            justifyContent: "space-between"
+          }}
+        >
+          <Typography>{getModuleTitle(module.kind)}</Typography>
+
+          <Box
+            sx={{ display: "flex", alignItems: "center" }}
+            onClick={(e) => e.stopPropagation()}
+          >
+            <UnfoldMoreIcon
+              sx={{ mr: 1, color: "action.active", cursor: "grab" }}
+            />
+            <IconButton
+              size="small"
+              aria-label={T.translate("general.delete")}
+              onClick={() => handleDeleteModule(index, module)}
+            >
+              <DeleteIcon />
+            </IconButton>
+          </Box>
+        </Box>
+      </AccordionSummary>
+      <AccordionDetails sx={{ p: 2 }}>
+        {renderModuleFields(module, index)}
+      </AccordionDetails>
+    </Accordion>
+  );
+
+  return (
+    <Box>
+      {modules.length === 0 ? (
+        <Typography
+          variant="body2"
+          color="#00000061"
+          sx={{ textAlign: "center", py: 2 }}
+        >
+          {T.translate("page_template_list.page_crud.no_modules")}
+        </Typography>
+      ) : (
+        <DragAndDropList
+          items={modules}
+          onReorder={handleReorderModules}
+          renderItem={renderModule}
+          idKey="_tempId"
+          updateOrderKey="custom_order"
+          droppableId="modules-list"
+        />
+      )}
+      {/* mock element to scroll to latest module */}
+      <div ref={bottomRef} />
+    </Box>
+  );
+};
+
+PageModules.propTypes = {
+  name: PropTypes.string
+};
+
+export default PageModules;
diff --git a/src/pages/sponsors-global/page-templates/page-template-popup.js b/src/pages/sponsors-global/page-templates/page-template-popup.js
index 6fc8f89c6..586d76919 100644
--- a/src/pages/sponsors-global/page-templates/page-template-popup.js
+++ b/src/pages/sponsors-global/page-templates/page-template-popup.js
@@ -19,35 +19,112 @@ import CloseIcon from "@mui/icons-material/Close";
 import { FormikProvider, useFormik } from "formik";
 import * as yup from "yup";
 import MuiFormikTextField from "../../../components/mui/formik-inputs/mui-formik-textfield";
+import PageModules from "./page-template-modules-form";
+import {
+  PAGES_MODULE_KINDS,
+  PAGE_MODULES_MEDIA_TYPES
+} from "../../../utils/constants";
 
 const PageTemplatePopup = ({ pageTemplate, open, onClose, onSave }) => {
   const handleClose = () => {
     onClose();
   };
 
+  const addModule = (moduleData) => {
+    const modules = formik.values.modules || [];
+    const newModule = {
+      ...moduleData,
+      _tempId: `temp-${Date.now()}`,
+      custom_order: modules.length
+    };
+    formik.setFieldValue("modules", [...modules, newModule]);
+  };
+
   const handleAddInfo = () => {
-    console.log("ADD INFO");
+    addModule({
+      kind: PAGES_MODULE_KINDS.INFO,
+      content: ""
+    });
   };
 
   const handleAddDocument = () => {
-    console.log("ADD DOCUMENT");
+    addModule({
+      kind: PAGES_MODULE_KINDS.DOCUMENT,
+      name: "",
+      description: "",
+      external_url: "",
+      file: []
+    });
   };
 
   const handleAddMedia = () => {
-    console.log("ADD MEDIA");
+    addModule({
+      kind: PAGES_MODULE_KINDS.MEDIA,
+      type: PAGE_MODULES_MEDIA_TYPES.FILE,
+      name: "",
+      description: "",
+      upload_deadline: null,
+      max_file_size: 0,
+      file_type_id: null
+    });
   };
 
+  const infoModuleSchema = yup.object().shape({
+    kind: yup.string().equals([PAGES_MODULE_KINDS.INFO]),
+    content: yup.string().required(T.translate("validation.required"))
+  });
+
+  const documentModuleSchema = yup.object().shape({
+    kind: yup.string().equals([PAGES_MODULE_KINDS.DOCUMENT]),
+    name: yup.string().required(T.translate("validation.required")),
+    description: yup.string().required(T.translate("validation.required")),
+    external_url: yup.string(),
+    file: yup.array().min(1, T.translate("validation.file_required"))
+  });
+
+  const mediaModuleSchema = yup.object().shape({
+    kind: yup.string().equals([PAGES_MODULE_KINDS.MEDIA]),
+    name: yup.string().required(T.translate("validation.required")),
+    type: yup.string().required(T.translate("validation.required")),
+    upload_deadline: yup.date().required(T.translate("validation.required")),
+    description: yup.string().required(T.translate("validation.required")),
+    file_type_id: yup.object().when("type", {
+      is: PAGE_MODULES_MEDIA_TYPES.FILE,
+      then: (schema) => schema.required(T.translate("validation.required")),
+      otherwise: (schema) => schema.nullable()
+    })
+  });
+
+  const moduleSchema = yup.lazy((value) => {
+    switch (value?.kind) {
+      case PAGES_MODULE_KINDS.INFO:
+        return infoModuleSchema;
+      case PAGES_MODULE_KINDS.DOCUMENT:
+        return documentModuleSchema;
+      case PAGES_MODULE_KINDS.MEDIA:
+        return mediaModuleSchema;
+      default:
+        return yup.object();
+    }
+  });
+
   const formik = useFormik({
     initialValues: {
-      ...pageTemplate
+      ...pageTemplate,
+      modules: pageTemplate?.modules || []
     },
     validationSchema: yup.object().shape({
       code: yup.string().required(T.translate("validation.required")),
-      name: yup.string().required(T.translate("validation.required"))
+      name: yup.string().required(T.translate("validation.required")),
+      modules: yup.array().of(moduleSchema)
     }),
     enableReinitialize: true,
     onSubmit: (values) => {
-      onSave(values);
+      const modulesWithOrder = values.modules.map((m, idx) => ({
+        ...m,
+        custom_order: idx
+      }));
+      onSave({ ...values, modules: modulesWithOrder });
     }
   });
 
@@ -120,14 +197,9 @@ const PageTemplatePopup = ({ pageTemplate, open, onClose, onSave }) => {
               </Grid2>
             </Grid2>
             <Divider gutterBottom />
-            <Typography
-              variant="body2"
-              component="div"
-              color="text.secondary"
-              sx={{ m: 2 }}
-            >
-              {T.translate("page_template_list.page_crud.no_modules")}
-            </Typography>
+            <Box sx={{ py: 2 }}>
+              <PageModules name="modules" />
+            </Box>
           </DialogContent>
           <Divider />
           <DialogActions>
diff --git a/src/pages/sponsors/sponsor-pages-list-page/components/global-page/global-page-popup.js b/src/pages/sponsors/sponsor-pages-list-page/components/global-page/global-page-popup.js
new file mode 100644
index 000000000..327dd6a34
--- /dev/null
+++ b/src/pages/sponsors/sponsor-pages-list-page/components/global-page/global-page-popup.js
@@ -0,0 +1,55 @@
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { Dialog } from "@mui/material";
+import SelectPagesDialog from "./select-pages-dialog";
+import SelectSponsorshipsDialog from "../../../sponsor-forms-list-page/components/global-template/select-sponsorships-dialog";
+import { cloneGlobalPage } from "../../../../../actions/sponsor-pages-actions";
+
+const GlobalPagePopup = ({ open, onClose, cloneGlobalPage }) => {
+  const [stage, setStage] = useState("pages");
+  const [selectedTemplates, setSelectedTemplates] = useState([]);
+  const dialogSize = stage === "pages" ? "md" : "sm";
+
+  const handleClose = () => {
+    setSelectedTemplates([]);
+    setStage("pages");
+    onClose();
+  };
+
+  const handleOnSelectTemplates = (templates) => {
+    setSelectedTemplates(templates);
+    setStage("sponsorships");
+  };
+
+  const handleOnSave = (selectedTiers, allTiers) => {
+    cloneGlobalPage(selectedTemplates, selectedTiers, allTiers).finally(() => {
+      handleClose();
+    });
+  };
+
+  return (
+    <Dialog open={open} onClose={handleClose} maxWidth={dialogSize} fullWidth>
+      {stage === "pages" && (
+        <SelectPagesDialog
+          onSave={handleOnSelectTemplates}
+          onClose={handleClose}
+        />
+      )}
+      {stage === "sponsorships" && (
+        <SelectSponsorshipsDialog onSave={handleOnSave} onClose={handleClose} />
+      )}
+    </Dialog>
+  );
+};
+
+GlobalPagePopup.propTypes = {
+  open: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired
+};
+
+const mapStateToProps = () => ({});
+
+export default connect(mapStateToProps, {
+  cloneGlobalPage
+})(GlobalPagePopup);
diff --git a/src/pages/sponsors/sponsor-pages-list-page/components/global-page/select-pages-dialog.js b/src/pages/sponsors/sponsor-pages-list-page/components/global-page/select-pages-dialog.js
new file mode 100644
index 000000000..2a8e4a2b4
--- /dev/null
+++ b/src/pages/sponsors/sponsor-pages-list-page/components/global-page/select-pages-dialog.js
@@ -0,0 +1,191 @@
+import React, { useEffect, useState } from "react";
+import T from "i18n-react/dist/i18n-react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import {
+  Box,
+  Button,
+  Checkbox,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Divider,
+  FormControlLabel,
+  Grid2,
+  IconButton,
+  Typography
+} from "@mui/material";
+import CloseIcon from "@mui/icons-material/Close";
+import SearchInput from "../../../../../components/mui/search-input";
+import { getPageTemplates } from "../../../../../actions/page-template-actions";
+import { DEFAULT_PER_PAGE } from "../../../../../utils/constants";
+import MuiInfiniteTable from "../../../../../components/mui/infinite-table";
+
+const SelectPagesDialog = ({
+  pageTemplates,
+  items,
+  currentPage,
+  term,
+  order,
+  orderDir,
+  total,
+  onSave,
+  onClose,
+  getPageTemplates
+}) => {
+  const [selectedRows, setSelectedRows] = useState([]);
+
+  useEffect(() => {
+    getPageTemplates("", 1, DEFAULT_PER_PAGE, "id", 1, true);
+  }, []);
+
+  const handleSort = (key, dir) => {
+    getPageTemplates(term, 1, DEFAULT_PER_PAGE, key, dir, true);
+  };
+
+  const handleLoadMore = () => {
+    if (total > items.length) {
+      getPageTemplates(
+        term,
+        currentPage + 1,
+        DEFAULT_PER_PAGE,
+        order,
+        orderDir,
+        true
+      );
+    }
+  };
+
+  const handleClose = () => {
+    setSelectedRows([]);
+    onClose();
+  };
+
+  const handleOnCheck = (rowId, checked) => {
+    if (checked) {
+      setSelectedRows([...selectedRows, rowId]);
+    } else {
+      setSelectedRows(selectedRows.filter((r) => r !== rowId));
+    }
+  };
+
+  const handleOnSearch = (searchTerm) => {
+    getPageTemplates(searchTerm, 1, DEFAULT_PER_PAGE, "id", 1, true);
+  };
+
+  const handleOnSave = () => {
+    onSave(selectedRows);
+  };
+
+  const columns = [
+    {
+      columnKey: "select",
+      header: "",
+      width: 30,
+      align: "center",
+      render: (row) => (
+        <FormControlLabel
+          label=""
+          control={
+            <Checkbox
+              checked={selectedRows.includes(row.id)}
+              onChange={(ev) => handleOnCheck(row.id, ev.target.checked)}
+            />
+          }
+        />
+      )
+    },
+    {
+      columnKey: "code",
+      header: T.translate("sponsor_pages.global_page_popup.code"),
+      sortable: true
+    },
+    {
+      columnKey: "name",
+      header: T.translate("sponsor_pages.global_page_popup.name"),
+      sortable: true
+    },
+    {
+      columnKey: "info_mod",
+      header: T.translate("sponsor_pages.global_page_popup.info_mod"),
+      sortable: false
+    },
+    {
+      columnKey: "download_mod",
+      header: T.translate("sponsor_pages.global_page_popup.download_mod"),
+      sortable: false
+    },
+    {
+      columnKey: "upload_mod",
+      header: T.translate("sponsor_pages.global_page_popup.upload_mod"),
+      sortable: false
+    }
+  ];
+
+  return (
+    <>
+      <DialogTitle
+        sx={{ display: "flex", justifyContent: "space-between" }}
+        component="div"
+      >
+        <Typography variant="h5">
+          {T.translate("sponsor_pages.global_page_popup.title")}
+        </Typography>
+        <IconButton size="large" sx={{ p: 0 }} onClick={() => handleClose()}>
+          <CloseIcon fontSize="large" />
+        </IconButton>
+      </DialogTitle>
+      <Divider />
+      <DialogContent sx={{ p: 0 }}>
+        <Grid2 container spacing={2} size={12} sx={{ p: 2 }}>
+          <Grid2 size={4} sx={{ mt: 1 }}>
+            {selectedRows.length} items selected
+          </Grid2>
+          <Grid2 size={6} offset={2}>
+            <SearchInput
+              onSearch={handleOnSearch}
+              term={term}
+              placeholder={T.translate("sponsor_pages.placeholders.search")}
+            />
+          </Grid2>
+        </Grid2>
+
+        {pageTemplates.length > 0 && (
+          <Box sx={{ p: 2 }}>
+            <MuiInfiniteTable
+              columns={columns}
+              data={pageTemplates}
+              options={{ sortCol: order, sortDir: orderDir }}
+              loadMoreData={handleLoadMore}
+              onSort={handleSort}
+            />
+          </Box>
+        )}
+      </DialogContent>
+      <Divider />
+      <DialogActions>
+        <Button
+          onClick={handleOnSave}
+          disabled={selectedRows.length === 0}
+          fullWidth
+          variant="contained"
+        >
+          {T.translate("sponsor_pages.global_page_popup.add_selected")}
+        </Button>
+      </DialogActions>
+    </>
+  );
+};
+
+SelectPagesDialog.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  onSave: PropTypes.func.isRequired
+};
+
+const mapStateToProps = ({ pageTemplateListState }) => ({
+  ...pageTemplateListState
+});
+
+export default connect(mapStateToProps, {
+  getPageTemplates
+})(SelectPagesDialog);
diff --git a/src/pages/sponsors/sponsor-pages-list-page/index.js b/src/pages/sponsors/sponsor-pages-list-page/index.js
new file mode 100644
index 000000000..4cdef3b54
--- /dev/null
+++ b/src/pages/sponsors/sponsor-pages-list-page/index.js
@@ -0,0 +1,238 @@
+/**
+ * Copyright 2024 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React, { useEffect, useState } from "react";
+import { connect } from "react-redux";
+import T from "i18n-react/dist/i18n-react";
+import {
+  Box,
+  Button,
+  Checkbox,
+  FormControlLabel,
+  FormGroup,
+  Grid2
+} from "@mui/material";
+import AddIcon from "@mui/icons-material/Add";
+import { getSponsorPages } from "../../../actions/sponsor-pages-actions";
+import { getSponsorForm } from "../../../actions/sponsor-forms-actions";
+import CustomAlert from "../../../components/mui/custom-alert";
+import MuiTable from "../../../components/mui/table/mui-table";
+import GlobalPagePopup from "./components/global-page/global-page-popup";
+
+const SponsorPagesListPage = ({
+  sponsorPages,
+  currentPage,
+  perPage,
+  term,
+  order,
+  orderDir,
+  hideArchived,
+  totalCount,
+  getSponsorPages,
+  getSponsorForm
+}) => {
+  const [openPopup, setOpenPopup] = useState(null);
+
+  useEffect(() => {
+    getSponsorPages();
+  }, []);
+
+  const handlePageChange = (page) => {
+    getSponsorPages(term, page, perPage, order, orderDir, hideArchived);
+  };
+
+  const handleSort = (key, dir) => {
+    getSponsorPages(term, currentPage, perPage, key, dir, hideArchived);
+  };
+
+  const handlePerPageChange = (newPerPage) => {
+    getSponsorPages(
+      term,
+      currentPage,
+      newPerPage,
+      order,
+      orderDir,
+      hideArchived
+    );
+  };
+
+  const handleRowEdit = (row) => {
+    getSponsorForm(row.id).then(() => {
+      setOpenPopup("new");
+    });
+  };
+
+  const handleRowDelete = (itemId) => {
+    console.log("DELETE ITEM ID...", itemId);
+    // deleteSponsorForm(itemId);
+  };
+
+  const handleArchiveItem = (item) => console.log("archive ITEM...", item);
+  // item.is_archived
+  //   ? unarchiveSponsorForm(item.id)
+  //   : archiveSponsorForm(item.id);
+
+  const handleHideArchivedForms = (ev) => {
+    getSponsorPages(
+      term,
+      currentPage,
+      perPage,
+      order,
+      orderDir,
+      ev.target.checked
+    );
+  };
+
+  const columns = [
+    {
+      columnKey: "code",
+      header: T.translate("sponsor_pages.code_column_label"),
+      sortable: true
+    },
+    {
+      columnKey: "name",
+      header: T.translate("sponsor_pages.name_column_label"),
+      sortable: true
+    },
+    {
+      columnKey: "tier",
+      header: T.translate("sponsor_pages.tier_column_label"),
+      sortable: false
+    },
+    {
+      columnKey: "info_mod",
+      header: T.translate("sponsor_pages.info_mod_column_label"),
+      sortable: false
+    },
+    {
+      columnKey: "upload_mod",
+      header: T.translate("sponsor_pages.upload_mod_column_label"),
+      sortable: false
+    },
+    {
+      columnKey: "download_mod",
+      header: T.translate("sponsor_pages.download_mod_column_label"),
+      sortable: false
+    }
+  ];
+
+  const tableOptions = {
+    sortCol: order,
+    sortDir: orderDir,
+    disableProp: "is_archived"
+  };
+
+  return (
+    <div className="container">
+      <h3>{T.translate("sponsor_pages.pages")}</h3>
+      <CustomAlert message={T.translate("sponsor_pages.alert_info")} hideIcon />
+      <Grid2
+        container
+        spacing={2}
+        sx={{
+          justifyContent: "center",
+          alignItems: "center",
+          mb: 2
+        }}
+      >
+        <Grid2 size={1}>
+          <Box component="span">
+            {totalCount} {T.translate("sponsor_pages.pages")}
+          </Box>
+        </Grid2>
+        <Grid2 size={2} offset={1}>
+          <FormGroup>
+            <FormControlLabel
+              control={
+                <Checkbox
+                  onChange={handleHideArchivedForms}
+                  checked={hideArchived}
+                  inputProps={{
+                    "aria-label": T.translate("sponsor_pages.hide_archived")
+                  }}
+                />
+              }
+              label={T.translate("sponsor_pages.hide_archived")}
+            />
+          </FormGroup>
+        </Grid2>
+        <Grid2 size={2} />
+        <Grid2 size={3}>
+          <Button
+            variant="contained"
+            size="medium"
+            fullWidth
+            onClick={() => setOpenPopup("clone")}
+            startIcon={<AddIcon />}
+            sx={{ height: "36px" }}
+          >
+            {T.translate("sponsor_pages.using_template")}
+          </Button>
+        </Grid2>
+        <Grid2 size={3}>
+          <Button
+            variant="contained"
+            size="medium"
+            fullWidth
+            onClick={() => setOpenPopup("new")}
+            startIcon={<AddIcon />}
+            sx={{ height: "36px" }}
+          >
+            {T.translate("sponsor_pages.new_page")}
+          </Button>
+        </Grid2>
+      </Grid2>
+
+      {sponsorPages.length === 0 && (
+        <div>{T.translate("sponsor_pages.no_sponsors_pages")}</div>
+      )}
+
+      {sponsorPages.length > 0 && (
+        <div>
+          <MuiTable
+            columns={columns}
+            data={sponsorPages}
+            options={tableOptions}
+            perPage={perPage}
+            totalRows={totalCount}
+            currentPage={currentPage}
+            onDelete={handleRowDelete}
+            onPageChange={handlePageChange}
+            onPerPageChange={handlePerPageChange}
+            onSort={handleSort}
+            onEdit={handleRowEdit}
+            onArchive={handleArchiveItem}
+          />
+        </div>
+      )}
+
+      <GlobalPagePopup
+        open={openPopup === "clone"}
+        onClose={() => setOpenPopup(null)}
+      />
+      {/* <FormPagePopup
+        open={openPopup === "new"}
+        onClose={() => setOpenPopup(null)}
+      /> */}
+    </div>
+  );
+};
+
+const mapStateToProps = ({ sponsorPagesListState }) => ({
+  ...sponsorPagesListState
+});
+
+export default connect(mapStateToProps, {
+  getSponsorPages,
+  getSponsorForm
+})(SponsorPagesListPage);
diff --git a/src/reducers/sponsors/sponsor-pages-list-reducer.js b/src/reducers/sponsors/sponsor-pages-list-reducer.js
new file mode 100644
index 000000000..41c4f2a43
--- /dev/null
+++ b/src/reducers/sponsors/sponsor-pages-list-reducer.js
@@ -0,0 +1,90 @@
+/**
+ * Copyright 2019 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import { LOGOUT_USER } from "openstack-uicore-foundation/lib/security/actions";
+import {
+  RECEIVE_SPONSOR_PAGES,
+  REQUEST_SPONSOR_PAGES
+} from "../../actions/sponsor-pages-actions";
+import { SET_CURRENT_SUMMIT } from "../../actions/summit-actions";
+import { PAGES_MODULE_KINDS } from "../../utils/constants";
+
+const DEFAULT_STATE = {
+  sponsorPages: [],
+  term: "",
+  order: "name",
+  orderDir: 1,
+  currentPage: 1,
+  lastPage: 1,
+  perPage: 10,
+  totalCount: 0,
+  hideArchived: false
+};
+
+const sponsorPagesListReducer = (state = DEFAULT_STATE, action) => {
+  const { type, payload } = action;
+
+  switch (type) {
+    case SET_CURRENT_SUMMIT:
+    case LOGOUT_USER: {
+      return DEFAULT_STATE;
+    }
+    case REQUEST_SPONSOR_PAGES: {
+      const { order, orderDir, page, term, hideArchived } = payload;
+
+      return {
+        ...state,
+        order,
+        orderDir,
+        sponsorPages: [],
+        currentPage: page,
+        term,
+        hideArchived
+      };
+    }
+    case RECEIVE_SPONSOR_PAGES: {
+      const {
+        current_page: currentPage,
+        total,
+        last_page: lastPage
+      } = payload.response;
+
+      const sponsorPages = payload.response.data.map((a) => ({
+        id: a.id,
+        code: a.code,
+        name: a.name,
+        tier: a.sponsorship_types.map((s) => s.name).join(", "),
+        info_mod: a.modules.filter((m) => m.kind === PAGES_MODULE_KINDS.INFO)
+          .length,
+        upload_mod: a.modules.filter((m) => m.kind === PAGES_MODULE_KINDS.MEDIA)
+          .length,
+        download_mod: a.modules.filter(
+          (m) => m.kind === PAGES_MODULE_KINDS.DOCUMENT
+        ).length,
+        is_archived: a.is_archived
+      }));
+
+      return {
+        ...state,
+        sponsorPages,
+        currentPage,
+        totalCount: total,
+        lastPage
+      };
+    }
+    default:
+      return state;
+  }
+};
+
+export default sponsorPagesListReducer;
diff --git a/src/reducers/sponsors_inventory/page-template-list-reducer.js b/src/reducers/sponsors_inventory/page-template-list-reducer.js
index e2ff363d0..bbbbd0536 100644
--- a/src/reducers/sponsors_inventory/page-template-list-reducer.js
+++ b/src/reducers/sponsors_inventory/page-template-list-reducer.js
@@ -19,6 +19,7 @@ import {
   PAGE_TEMPLATE_ARCHIVED,
   PAGE_TEMPLATE_UNARCHIVED
 } from "../../actions/page-template-actions";
+import { PAGES_MODULE_KINDS } from "../../utils/constants";
 
 const DEFAULT_STATE = {
   pageTemplates: [],
@@ -73,9 +74,13 @@ const pageTemplateListReducer = (state = DEFAULT_STATE, action = {}) => {
         id: a.id,
         code: a.code,
         name: a.name,
-        info_mod: a.modules.filter((m) => m.kind === "Info").length,
-        upload_mod: a.modules.filter((m) => m.kind === "Upload").length,
-        download_mod: a.modules.filter((m) => m.kind === "Download").length,
+        info_mod: a.modules.filter((m) => m.kind === PAGES_MODULE_KINDS.INFO)
+          .length,
+        upload_mod: a.modules.filter((m) => m.kind === PAGES_MODULE_KINDS.MEDIA)
+          .length,
+        download_mod: a.modules.filter(
+          (m) => m.kind === PAGES_MODULE_KINDS.DOCUMENT
+        ).length,
         is_archived: a.is_archived
       }));
 
diff --git a/src/store.js b/src/store.js
index b3289558e..ae9386539 100644
--- a/src/store.js
+++ b/src/store.js
@@ -167,6 +167,7 @@ import sponsorPageFormsListReducer from "./reducers/sponsors/sponsor-page-forms-
 import sponsorCustomizedFormReducer from "./reducers/sponsors/sponsor-customized-form-reducer.js";
 import sponsorPageCartListReducer from "./reducers/sponsors/sponsor-page-cart-list-reducer";
 import sponsorCustomizedFormItemsListReducer from "./reducers/sponsors/sponsor-customized-form-items-list-reducer.js";
+import sponsorPagesListReducer from "./reducers/sponsors/sponsor-pages-list-reducer.js";
 
 // default: localStorage if web, AsyncStorage if react-native
 
@@ -250,6 +251,7 @@ const reducers = persistCombineReducers(config, {
   currentSponsorState: sponsorReducer,
   sponsorFormsListState: sponsorFormsListReducer,
   sponsorFormItemsListState: sponsorFormItemsListReducer,
+  sponsorPagesListState: sponsorPagesListReducer,
   sponsorUsersListState: sponsorUsersListReducer,
   sponsorPageFormsListState: sponsorPageFormsListReducer,
   sponsorPageCartListState: sponsorPageCartListReducer,
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 730ea805d..ca16b1e55 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -222,6 +222,7 @@ export const ROOM_OCCUPANCY_OPTIONS = [
   "OVERFLOW"
 ];
 
+
 export const BADGE_QR_MINIMUM_EXPECTED_FIELDS = 3;
 
 export const SPONSOR_TABS = {
@@ -240,3 +241,14 @@ export const fieldTypesWithOptions = [
   "ComboBox",
   "RadioButtonList"
 ];
+
+export const PAGES_MODULE_KINDS = {
+  INFO: "Info",
+  DOCUMENT: "Document",
+  MEDIA: "Media"
+};
+
+export const PAGE_MODULES_MEDIA_TYPES = {
+  FILE: "file",
+  TEXT: "text"
+};