diff --git a/frontend/src/components/footer/footer.jsx b/frontend/src/components/footer/footer.jsx
index 0880d99d2..05c177020 100644
--- a/frontend/src/components/footer/footer.jsx
+++ b/frontend/src/components/footer/footer.jsx
@@ -4,7 +4,7 @@ import Link from 'next/link'
 import moment from 'moment'
 
 import styles from './style.module.scss'
-import { ArrowRight, FacebookIcon, LinkedinIcon, TwitterIcon } from '../icons'
+import { ArrowRight, LinkedinIcon, YoutubeIcon } from '../icons'
 import Button from '../button'
 
 const Footer = () => {
@@ -27,7 +27,7 @@ const Footer = () => {
               </a>
             </div>
           </div>
-          <div className="footer-item">
+          {/* <div className="footer-item">
             <h6 className="title">About us</h6>
             <ul>
               <li>
@@ -40,7 +40,7 @@ const Footer = () => {
                 <Link href="/landing">About the GPML Digital platform</Link>
               </li>
             </ul>
-          </div>
+          </div> */}
           <div className="footer-item">
             <h6 className="title">GPML Tools</h6>
             <ul>
@@ -85,29 +85,20 @@ const Footer = () => {
                 <ul className="social-links">
                   <li>
                     <a
-                      href="https://facebook.com/"
+                      href="https://ke.linkedin.com/company/global-partnership-on-marine-litter"
                       target="_blank"
                       rel="noopener noreferrer"
                     >
-                      <FacebookIcon />
-                    </a>
-                  </li>
-                  <li>
-                    <a
-                      href="http://twitter.com/"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                    >
-                      <TwitterIcon />
+                      <LinkedinIcon />
                     </a>
                   </li>
                   <li>
                     <a
-                      href="https://linkedin.com/"
+                      href="https://www.youtube.com/channel/UCoWXFwDeoD4c9GoXzFdm9Bg"
                       target="_blank"
                       rel="noopener noreferrer"
                     >
-                      <LinkedinIcon />
+                      <YoutubeIcon />
                     </a>
                   </li>
                 </ul>
diff --git a/frontend/src/components/icons.jsx b/frontend/src/components/icons.jsx
index 7a0849e34..a00003772 100644
--- a/frontend/src/components/icons.jsx
+++ b/frontend/src/components/icons.jsx
@@ -137,32 +137,6 @@ export const ArrowRight = ({
   </svg>
 )
 
-export const FacebookIcon = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="33"
-    height="32"
-    viewBox="0 0 33 32"
-    fill="none"
-  >
-    <g clip-path="url(#clip0_1_3088)">
-      <path
-        d="M32.332 16C32.332 7.16479 25.1672 0 16.332 0C7.49683 0 0.332031 7.16479 0.332031 16C0.332031 24.8352 7.49683 32 16.332 32C16.426 32 16.5195 31.998 16.6133 31.9963V19.541H13.1758V15.5349H16.6133V12.5869C16.6133 9.16797 18.7004 7.30713 21.7502 7.30713C23.2107 7.30713 24.4661 7.41602 24.832 7.4646V11.0378H22.729C21.0698 11.0378 20.7485 11.8264 20.7485 12.9834V15.5349H24.7158L24.1987 19.541H20.7485V31.3818C27.4363 29.4646 32.332 23.3032 32.332 16Z"
-        fill="currentColor"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_1_3088">
-        <rect
-          width="32"
-          height="32"
-          fill="white"
-          transform="translate(0.332031)"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-)
 export const LinkedinIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -189,7 +163,7 @@ export const LinkedinIcon = () => (
     </defs>
   </svg>
 )
-export const TwitterIcon = () => (
+export const YoutubeIcon = () => (
   <svg
     width="33"
     height="32"
@@ -197,22 +171,12 @@ export const TwitterIcon = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g clip-path="url(#clip0_1_3090)">
-      <path
-        d="M16.1987 0C7.37631 0 0.198669 7.17764 0.198669 16C0.198669 24.8217 7.37631 32 16.1987 32C25.0204 32 32.1987 24.8217 32.1987 16C32.1987 7.17764 25.0217 0 16.1987 0ZM23.3363 12.338C23.3434 12.4966 23.3473 12.6564 23.3473 12.8162C23.3473 17.6828 19.6441 23.2924 12.8686 23.2924C10.7889 23.2924 8.85282 22.6846 7.22356 21.6392C7.51165 21.6734 7.80489 21.6908 8.102 21.6908C9.82793 21.6908 11.4153 21.1017 12.6759 20.1144C11.0647 20.0847 9.70419 19.0201 9.23565 17.5564C9.45993 17.599 9.6913 17.6228 9.92782 17.6228C10.2636 17.6228 10.5897 17.579 10.8984 17.4946C9.21373 17.1569 7.94474 15.6687 7.94474 13.8835C7.94474 13.868 7.94474 13.8519 7.94539 13.8371C8.44164 14.1123 9.00943 14.2786 9.61267 14.2973C8.62532 13.638 7.97503 12.5101 7.97503 11.2327C7.97503 10.5573 8.15613 9.92443 8.47322 9.38049C10.2887 11.6091 13.0033 13.0747 16.0633 13.2294C16.0002 12.9593 15.9686 12.679 15.9686 12.3896C15.9686 10.3562 17.6172 8.707 19.6505 8.707C20.7101 8.707 21.6658 9.15427 22.3387 9.86965C23.1784 9.70466 23.9647 9.39918 24.6782 8.97575C24.401 9.83614 23.8191 10.5573 23.0566 11.0136C23.8023 10.9247 24.5138 10.7275 25.1718 10.4342C24.6807 11.1715 24.0562 11.8205 23.3363 12.338Z"
-        fill="currentColor"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_1_3090">
-        <rect
-          width="32"
-          height="32"
-          fill="white"
-          transform="translate(0.198669)"
-        />
-      </clipPath>
-    </defs>
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M16.332 32C25.1686 32 32.332 24.8366 32.332 16C32.332 7.16344 25.1686 0 16.332 0C7.49548 0 0.332031 7.16344 0.332031 16C0.332031 24.8366 7.49548 32 16.332 32ZM5.18054 15.8484C5.18257 14.411 5.23995 12.9743 5.35254 11.5414C5.41481 10.6443 5.79933 9.79994 6.43521 9.16406C7.07109 8.52818 7.91543 8.14365 8.81254 8.08139C10.5895 7.95539 13.0165 7.84839 16.1805 7.84839C19.3445 7.84839 21.7705 7.95539 23.5485 8.08139C24.4457 8.14365 25.29 8.52818 25.9259 9.16406C26.5618 9.79994 26.9463 10.6443 27.0085 11.5414C27.1065 12.7884 27.1805 14.2724 27.1805 15.8484C27.1805 17.4804 27.1005 19.0154 26.9985 20.2884C26.8525 22.1054 25.4675 23.4944 23.6805 23.6184C21.8865 23.7434 19.3755 23.8484 16.1805 23.8484C12.9855 23.8484 10.4745 23.7434 8.68054 23.6184C6.89354 23.4944 5.50854 22.1054 5.36254 20.2884C5.26054 19.0154 5.18054 17.4804 5.18054 15.8484ZM14.1805 12.8484L19.6805 15.8484L14.1805 18.8484V12.8484Z"
+      fill="currentColor"
+    />
   </svg>
 )
 
diff --git a/frontend/src/modules/signup/form.jsx b/frontend/src/modules/signup/form.jsx
index 9e2a452f6..676dba778 100644
--- a/frontend/src/modules/signup/form.jsx
+++ b/frontend/src/modules/signup/form.jsx
@@ -1,37 +1,37 @@
-import React, { useEffect, useState, useCallback } from "react";
-import { notification, Typography } from "antd";
-import { withTheme } from "@rjsf/core";
-import api from "../../utils/api";
-import { updateStatusProfile } from "../../utils/profile";
-import { Theme as AntDTheme } from "@rjsf/antd";
-import cloneDeep from "lodash/cloneDeep";
-import ObjectFieldTemplate from "../../utils/forms/object-template";
-import ArrayFieldTemplate from "../../utils/forms/array-template";
-import FieldTemplate from "../../utils/forms/field-template";
-import widgets from "../../utils/forms";
-import { overideValidation } from "../../utils/forms";
-import common from "./common";
-const { feedCountry, feedSeeking, feedOffering, feedTitle } = common;
+import React, { useEffect, useState, useCallback } from 'react'
+import { notification, Typography } from 'antd'
+import { withTheme } from '@rjsf/core'
+import api from '../../utils/api'
+import { updateStatusProfile } from '../../utils/profile'
+import { Theme as AntDTheme } from '@rjsf/antd'
+import cloneDeep from 'lodash/cloneDeep'
+import ObjectFieldTemplate from '../../utils/forms/object-template'
+import ArrayFieldTemplate from '../../utils/forms/array-template'
+import FieldTemplate from '../../utils/forms/field-template'
+import widgets from '../../utils/forms'
+import { overideValidation } from '../../utils/forms'
+import common from './common'
+const { feedCountry, feedSeeking, feedOffering, feedTitle } = common
 import {
   transformFormData,
   collectDependSchemaRefactor,
-} from "../initiative/form";
+} from '../initiative/form'
 import {
   handleGeoCoverageValue,
   checkRequiredFieldFilledIn,
   checkDependencyAnswer,
   customFormats,
-} from "../../utils/forms";
-import entity from "./entity";
-import stakeholder from "./stakeholder";
-import entityUiSchema from "./entity-ui-schema.json";
-import stakeholderUiSchema from "./stakeholder-ui-schema.json";
-import { tagsMap, tagsMapExpertise } from "../../utils/misc";
+} from '../../utils/forms'
+import entity from './entity'
+import stakeholder from './stakeholder'
+import entityUiSchema from './entity-ui-schema.json'
+import stakeholderUiSchema from './stakeholder-ui-schema.json'
+import { tagsMap, tagsMapExpertise } from '../../utils/misc'
 
-import { UIStore } from "../../store";
-import { useRouter } from "next/router";
+import { UIStore } from '../../store'
+import { useRouter } from 'next/router'
 
-const Form = withTheme(AntDTheme);
+const Form = withTheme(AntDTheme)
 
 const SignUpForm = ({
   btnSubmit,
@@ -49,94 +49,94 @@ const SignUpForm = ({
   tabsData,
   match: { params },
 }) => {
-  const router = useRouter();
+  const router = useRouter()
   const {
     countries,
     organisations,
     tags,
     formEdit,
     profile,
-  } = UIStore.currentState;
-  const { status, id } = formEdit.signUp;
-  const { initialSignUpData, signUpData } = isEntityType ? entity : stakeholder;
-  const uiSchema = isEntityType ? entityUiSchema : stakeholderUiSchema;
-  const signUpFormData = signUpData.useState();
-  const [dependValue, setDependValue] = useState([]);
-  const [editCheck, setEditCheck] = useState(true);
+  } = UIStore.currentState
+  const { status, id } = formEdit.signUp
+  const { initialSignUpData, signUpData } = isEntityType ? entity : stakeholder
+  const uiSchema = isEntityType ? entityUiSchema : stakeholderUiSchema
+  const signUpFormData = signUpData.useState()
+  const [dependValue, setDependValue] = useState([])
+  const [editCheck, setEditCheck] = useState(true)
 
   const handleOnSubmit = ({ formData }) => {
     // # Transform data before sending to endpoint
-    let data = {};
+    let data = {}
 
-    transformFormData(data, formData, formSchema.schema.properties, true);
+    transformFormData(data, formData, formSchema.schema.properties, true)
 
-    data.version = parseInt(formSchema.schema.version);
+    data.version = parseInt(formSchema.schema.version)
 
-    setSending(true);
+    setSending(true)
 
     if (isEntityType) {
       let data2 = handleGeoCoverageValue(
         cloneDeep(formData.S5),
         formData.S5,
         countries
-      );
+      )
 
-      feedCountry(data, formData, "S2");
+      feedCountry(data, formData, 'S2')
 
-      data.title = formData.S2.title;
+      data.title = formData.S2.title
 
       if (data2.geoCoverageType) {
-        data.geoCoverageType = data2.geoCoverageType;
+        data.geoCoverageType = data2.geoCoverageType
       }
       if (data2.geoCoverageValue) {
-        data.geoCoverageValue = data2.geoCoverageValue;
+        data.geoCoverageValue = data2.geoCoverageValue
       }
-      feedSeeking(data, formData, tags); // TODO check paths
+      feedSeeking(data, formData, tags) // TODO check paths
 
-      feedOffering(data, formData, tags); // TODO check paths
+      feedOffering(data, formData, tags) // TODO check paths
 
-      if (formData.S3["org.name"]) {
-        data.org = {};
-        data.org.name = formData.S3["org.name"];
-        data.org.type = formData.S3["org.representativeGroup"];
+      if (formData.S3['org.name']) {
+        data.org = {}
+        data.org.name = formData.S3['org.name']
+        data.org.type = formData.S3['org.representativeGroup']
         data.org.representativeGroupGovernment =
-          formData.S3["org.representativeGroupGovernment"];
+          formData.S3['org.representativeGroupGovernment']
         data.org.representativeGroupPrivateSector =
-          formData.S3["org.representativeGroupPrivateSector"];
+          formData.S3['org.representativeGroupPrivateSector']
         data.org.representativeGroupAcademiaResearch =
-          formData.S3["org.representativeGroupAcademiaResearch"];
+          formData.S3['org.representativeGroupAcademiaResearch']
         data.org.representativeGroupCivilSociety =
-          formData.S3["org.representativeGroupCivilSociety"];
+          formData.S3['org.representativeGroupCivilSociety']
         data.org.representativeGroupOther =
-          formData.S3["org.representativeGroupOther"];
-        data.org.program = formData.S3["org.program"];
-        data.org.url = formData.S3["org.url"];
-        data.org.logo = data.orgLogo;
-
-        delete data.org_name;
-        delete data.org_representativeGroup;
-        delete data.org_representativeGroupGovernment;
-        delete data.org_representativeGroupPrivateSector;
-        delete data.org_representativeGroupAcademiaResearch;
-        delete data.org_representativeGroupCivilSociety;
-        delete data.org_representativeGroupOther;
-        delete data.org_program;
-        delete data.org_url;
+          formData.S3['org.representativeGroupOther']
+        data.org.program = formData.S3['org.program']
+        data.org.url = formData.S3['org.url']
+        data.org.logo = data.orgLogo
+
+        delete data.org_name
+        delete data.org_representativeGroup
+        delete data.org_representativeGroupGovernment
+        delete data.org_representativeGroupPrivateSector
+        delete data.org_representativeGroupAcademiaResearch
+        delete data.org_representativeGroupCivilSociety
+        delete data.org_representativeGroupOther
+        delete data.org_program
+        delete data.org_url
 
         if (data.orgHeadquarter?.[formData.S5.orgHeadquarter]) {
-          data.org.country = formData.S5.orgHeadquarter;
-          delete data.orgHeadquarter;
+          data.org.country = formData.S5.orgHeadquarter
+          delete data.orgHeadquarter
         }
         if (data.orgSubnationalArea) {
-          data.org.subnationalArea = data.orgSubnationalArea;
+          data.org.subnationalArea = data.orgSubnationalArea
         }
-        delete data.orgSubnationalArea;
+        delete data.orgSubnationalArea
         if (data.geoCoverageType) {
-          data.org.geoCoverageType = data.geoCoverageType;
-          data.org.geoCoverageValue = data.geoCoverageValue;
-          if (data.geoCoverageType === "transnational") {
+          data.org.geoCoverageType = data.geoCoverageType
+          data.org.geoCoverageValue = data.geoCoverageValue
+          if (data.geoCoverageType === 'transnational') {
             if (data.geoCoverageValue && data.geoCoverageValue.length > 0) {
-              data.org.geoCoverageCountryGroups = data.geoCoverageValue;
+              data.org.geoCoverageCountryGroups = data.geoCoverageValue
             }
             if (
               formData.S5.geoCoverageCountries &&
@@ -144,203 +144,206 @@ const SignUpForm = ({
             ) {
               data.org.geoCoverageCountries = formData.S5.geoCoverageCountries.map(
                 (x) => parseInt(x)
-              );
+              )
             }
           }
-          if (data.geoCoverageType === "national") {
+          if (data.geoCoverageType === 'national') {
             data.org.geoCoverageCountries = formData.S5.geoCoverageCountries.map(
               (x) => parseInt(x)
-            );
-            delete data.org.geoCoverageValue;
+            )
+            delete data.org.geoCoverageValue
           }
         }
-        delete data.geoCoverageType;
-        delete data.geoCoverageValue;
-        delete data.orgName;
-        delete data.orgRepresentative;
-        delete data.orgDescription;
-        delete data.orgUrl;
-        delete data.orgLogo;
-        delete data.geoCoverageValueTransnational;
-        delete data.geoCoverageCountries;
+        delete data.geoCoverageType
+        delete data.geoCoverageValue
+        delete data.orgName
+        delete data.orgRepresentative
+        delete data.orgDescription
+        delete data.orgUrl
+        delete data.orgLogo
+        delete data.geoCoverageValueTransnational
+        delete data.geoCoverageCountries
 
         if (data.registeredStakeholders) {
           data.org.registeredStakeholders = formData.S5.registeredStakeholders.map(
             (x) => Number(x)
-          );
-          delete data.registeredStakeholders;
+          )
+          delete data.registeredStakeholders
         }
         if (data.otherStakeholders) {
-          data.org.otherStakeholders = data.otherStakeholders;
-          delete data.otherStakeholders;
+          data.org.otherStakeholders = data.otherStakeholders
+          delete data.otherStakeholders
         }
-        data.org.authorizeSubmission = data.authorizeSubmission;
-        delete data.authorizeSubmission;
+        data.org.authorizeSubmission = data.authorizeSubmission
+        delete data.authorizeSubmission
 
         if (data.orgExpertise) {
-          data.org.tags = tagsMapExpertise(data.orgExpertise, "general", tags);
-          delete data.orgExpertise;
-          delete data.expertise;
+          data.org.tags = tagsMapExpertise(data.orgExpertise, 'general', tags)
+          delete data.orgExpertise
+          delete data.expertise
         }
       }
     } else {
-      data.org = {};
-      feedCountry(data, formData, "S1");
-      feedSeeking(data, formData, tags);
-      data.title = formData.S1.title;
-      feedOffering(data, formData, tags);
-      if (data.companyName?.[formData["S2"].companyName]) {
-        data.nonMemberOrganisation = formData["S2"].companyName;
-        delete data.org;
+      data.org = {}
+      feedCountry(data, formData, 'S1')
+      feedSeeking(data, formData, tags)
+      data.title = formData.S1.title
+      feedOffering(data, formData, tags)
+      if (data.companyName?.[formData['S2'].companyName]) {
+        data.nonMemberOrganisation = formData['S2'].companyName
+        delete data.org
       }
-      delete data.companyName;
+      delete data.companyName
       if (data.orgName) {
-        data.org.id = formData.S2.orgName;
+        data.org.id = formData.S2.orgName
       }
       if (data.privateCitizen) {
-        delete data.privateCitizen;
-        delete data.org;
+        delete data.privateCitizen
+        delete data.org
       }
-      data.representation = "";
-      if (formData.S2["newCompanyName"]) {
+      data.representation = ''
+      if (formData.S2['newCompanyName']) {
         let data2 = handleGeoCoverageValue(
           cloneDeep(formData.S2),
           formData.S2,
           countries
-        );
-        data2.name = data2.newCompanyName;
-        data2.country = data2.newCompanyHeadquarter;
-        data2.subnationalAreaOnly = data2.newCompanySubnationalAreaOnly;
-        delete data2.newCompanySubnationalAreaOnly;
-        delete data2.newCompanyName;
-        delete data2.newCompanyHeadquarter;
-        delete data2.companyName;
-        delete data2.privateCitizen;
-        data.new_org = data2;
-        delete data.geoCoverageType;
-        delete data.geoCoverageValue;
-        delete data.newCompanyHeadquarter;
-        delete data.newCompanySubnationalAreaOnly;
-        delete data.newCompanyName;
-        delete data.geoCoverageValueTransnational;
+        )
+        data2.name = data2.newCompanyName
+        data2.country = data2.newCompanyHeadquarter
+        data2.subnationalAreaOnly = data2.newCompanySubnationalAreaOnly
+        delete data2.newCompanySubnationalAreaOnly
+        delete data2.newCompanyName
+        delete data2.newCompanyHeadquarter
+        delete data2.companyName
+        delete data2.privateCitizen
+        data.new_org = data2
+        delete data.geoCoverageType
+        delete data.geoCoverageValue
+        delete data.newCompanyHeadquarter
+        delete data.newCompanySubnationalAreaOnly
+        delete data.newCompanyName
+        delete data.geoCoverageValueTransnational
       }
     }
 
     if (hideEntityPersonalDetail) {
-      delete data.title;
+      delete data.title
       // get personal details data from profile
       // filter null value
-      let filteredProfile = {};
+      let filteredProfile = {}
       Object.keys(profile).forEach((key) => {
         if (profile[key]) {
           filteredProfile = {
             ...filteredProfile,
             [key]: profile[key],
-          };
+          }
         }
-      });
-      if (filteredProfile.hasOwnProperty("seeking")) {
-        delete filteredProfile.seeking;
+      })
+      if (filteredProfile.hasOwnProperty('seeking')) {
+        delete filteredProfile.seeking
       }
-      if (filteredProfile.hasOwnProperty("offering")) {
-        delete filteredProfile.offering;
+      if (filteredProfile.hasOwnProperty('offering')) {
+        delete filteredProfile.offering
       }
-      if (filteredProfile.hasOwnProperty("tags")) {
-        delete filteredProfile.tags;
+      if (filteredProfile.hasOwnProperty('tags')) {
+        delete filteredProfile.tags
       }
       // add filtered profile to data payload
-      data = { ...filteredProfile, ...data };
+      data = { ...filteredProfile, ...data }
     }
+
     const finalData = {
-      org: { ...data.org, id: data.affiliation },
-    };
-    if (status === "add" && !params?.id) {
+      ...data.org,
+      id: data.affiliation,
+    }
+
+    if (status === 'add' && !params?.id) {
       api
-        .put("/profile", finalData)
+        .put('/profile', data)
         .then((res) => {
           api.put(
             `/organisation/${data.affiliation}/request-membership`,
-            data.org
-          );
+            finalData
+          )
           UIStore.update((e) => {
             e.formStep = {
               ...e.formStep,
               signUp: 2,
-            };
-            e.profile = { ...res.data };
-          });
-          updateStatusProfile(res.data);
+            }
+            e.profile = { ...res.data }
+          })
+          updateStatusProfile(res.data)
 
-          router.push(`/workspace`);
+          router.push(`/workspace`)
           //            scroll top
-          window.scrollTo({ top: 0 });
+          window.scrollTo({ top: 0 })
           signUpData.update((e) => {
-            e.data = initialSignUpData;
-          });
-          setDisabledBtn({ disabled: true, type: "default" });
+            e.data = initialSignUpData
+          })
+          setDisabledBtn({ disabled: true, type: 'default' })
         })
         .catch((err) => {
           notification.error({
             message: err?.response?.data?.reason
               ? err?.response?.data?.reason
-              : "An error occured",
-          });
+              : 'An error occured',
+          })
         })
         .finally(() => {
-          setSending(false);
-        });
+          setSending(false)
+        })
     }
-    if (status === "edit" || params?.id) {
+    if (status === 'edit' || params?.id) {
       api
         .put(`/detail/initiative/${id || params?.id}`, data)
         .then(() => {
-          notification.success({ message: "Update success" });
+          notification.success({ message: 'Update success' })
           UIStore.update((e) => {
             e.formEdit = {
               ...e.formEdit,
               signup: {
-                status: "add",
+                status: 'add',
                 id: null,
               },
-            };
-          });
+            }
+          })
           // scroll top
-          window.scrollTo({ top: 0 });
+          window.scrollTo({ top: 0 })
           signUpData.update((e) => {
-            e.data = initialSignUpData;
-          });
-          setDisabledBtn({ disabled: true, type: "default" });
-          router.push(`/initiative/${id || params?.id}`);
+            e.data = initialSignUpData
+          })
+          setDisabledBtn({ disabled: true, type: 'default' })
+          router.push(`/initiative/${id || params?.id}`)
         })
         .catch(() => {
-          notification.error({ message: "An error occured" });
+          notification.error({ message: 'An error occured' })
         })
         .finally(() => {
-          setSending(false);
-        });
+          setSending(false)
+        })
     }
-  };
+  }
 
   const handleFormOnChange = useCallback(
     ({ formData, schema }) => {
       // delete members/non-members value when private citizen true
       if (!isEntityType && formData?.S2?.privateCitizen) {
-        formData?.S2?.orgName && delete formData?.S2?.orgName;
-        formData?.S2?.companyName && delete formData?.S2?.companyName;
+        formData?.S2?.orgName && delete formData?.S2?.orgName
+        formData?.S2?.companyName && delete formData?.S2?.companyName
       }
       // delete members value when non-members selected
       if (!isEntityType && formData?.S2?.companyName) {
-        formData?.S2?.orgName && delete formData?.S2?.orgName;
+        formData?.S2?.orgName && delete formData?.S2?.orgName
       }
       // delete non-members value when members selected
       if (!isEntityType && formData?.S2?.orgName) {
-        formData?.S2?.companyName && delete formData?.S2?.companyName;
-        formData?.S2?.newCompanyName && delete formData?.S2?.newCompanyName;
+        formData?.S2?.companyName && delete formData?.S2?.companyName
+        formData?.S2?.newCompanyName && delete formData?.S2?.newCompanyName
         formData?.S2?.newCompanyHeadquarter &&
-          delete formData?.S2?.newCompanyHeadquarter;
-        formData?.S2?.geoCoverageType && delete formData?.S2?.geoCoverageType;
+          delete formData?.S2?.newCompanyHeadquarter
+        formData?.S2?.geoCoverageType && delete formData?.S2?.geoCoverageType
         formData?.S2?.newCompanySubnationalAreaOnly &&
-          delete formData?.S2?.newCompanySubnationalAreaOnly;
+          delete formData?.S2?.newCompanySubnationalAreaOnly
       }
 
       if (formData?.S3?.seekingSuggestedTags) {
@@ -349,7 +352,7 @@ const SignUpForm = ({
             .flat()
             .find(
               (o) => o.tag === formData?.S3?.seekingSuggestedTags.toLowerCase()
-            )?.id || formData?.S3?.seekingSuggestedTags.toLowerCase();
+            )?.id || formData?.S3?.seekingSuggestedTags.toLowerCase()
 
         signUpData.update((e) => {
           e.data = {
@@ -358,15 +361,15 @@ const SignUpForm = ({
               ...e.data.S3,
               seeking: [...(e.data.S3.seeking ? e.data.S3.seeking : []), array],
             },
-          };
-        });
+          }
+        })
       } else if (formData?.S3?.offeringSuggestedTags) {
         let array =
           Object.values(tags)
             .flat()
             .find(
               (o) => o.tag === formData?.S3?.offeringSuggestedTags.toLowerCase()
-            )?.id || formData?.S3?.offeringSuggestedTags.toLowerCase();
+            )?.id || formData?.S3?.offeringSuggestedTags.toLowerCase()
 
         signUpData.update((e) => {
           e.data = {
@@ -378,49 +381,49 @@ const SignUpForm = ({
                 array,
               ],
             },
-          };
-        });
+          }
+        })
       } else {
         signUpData.update((e) => {
           e.data = {
             ...e.data,
             ...formData,
-          };
-        });
+          }
+        })
       }
 
       // to overide validation
-      let dependFields = [];
-      let requiredFields = [];
+      let dependFields = []
+      let requiredFields = []
       // this function eliminate required key from required list when that required form appear (show)
       collectDependSchemaRefactor(
         dependFields,
         formData,
         formSchema.schema,
         requiredFields
-      );
-      setDependValue(dependFields);
-      const stakeholderSections = new Set(["S1", "S2", "S3"]);
+      )
+      setDependValue(dependFields)
+      const stakeholderSections = new Set(['S1', 'S2', 'S3'])
       const requiredFilledIn = checkRequiredFieldFilledIn(
         formData,
         dependFields,
         isEntityType
           ? requiredFields
           : requiredFields.filter((x) => stakeholderSections.has(x.key))
-      );
-      let sectionRequiredFields = {};
-      let groupRequiredFields = {};
+      )
+      let sectionRequiredFields = {}
+      let groupRequiredFields = {}
       requiredFields.forEach(({ group, key, required }) => {
-        let index = group ? group : key;
+        let index = group ? group : key
         let filterRequired = required.filter((r) =>
           requiredFilledIn.includes(r)
-        );
+        )
         sectionRequiredFields = {
           ...sectionRequiredFields,
           [index]: sectionRequiredFields?.[index]
             ? sectionRequiredFields?.[index].concat(filterRequired)
             : filterRequired,
-        };
+        }
         if (!group) {
           groupRequiredFields = {
             ...groupRequiredFields,
@@ -430,7 +433,7 @@ const SignUpForm = ({
                 [key]: filterRequired,
               },
             },
-          };
+          }
         }
         if (group) {
           groupRequiredFields = {
@@ -442,68 +445,68 @@ const SignUpForm = ({
                 [key]: filterRequired,
               },
             },
-          };
+          }
         }
-      });
+      })
       signUpData.update((e) => {
-        let formSections = null;
+        let formSections = null
         if (isEntityType) {
           formSections = {
             S1: {
               ...e.data.S1,
-              required: groupRequiredFields["S1"].required,
+              required: groupRequiredFields['S1'].required,
             },
             S3: {
               ...e.data.S3,
-              required: groupRequiredFields["S3"].required,
+              required: groupRequiredFields['S3'].required,
             },
             S4: {
               ...e.data.S4,
-              required: groupRequiredFields["S4"].required,
+              required: groupRequiredFields['S4'].required,
             },
             S5: {
               ...e.data.S5,
-              required: groupRequiredFields["S5"].required,
+              required: groupRequiredFields['S5'].required,
             },
-          };
+          }
           // add S2- Personal Details here
           if (!hideEntityPersonalDetail) {
             formSections = {
               ...formSections,
               S2: {
                 ...e.data.S2,
-                required: groupRequiredFields["S2"].required,
+                required: groupRequiredFields['S2'].required,
               },
-            };
+            }
           }
         } else {
           formSections = {
             S1: {
               ...e.data.S1,
-              required: groupRequiredFields["S1"].required,
+              required: groupRequiredFields['S1'].required,
             },
             S2: {
               ...e.data.S2,
-              required: groupRequiredFields["S2"].required,
+              required: groupRequiredFields['S2'].required,
             },
             S3: {
               ...e.data.S3,
-              required: groupRequiredFields["S3"].required,
+              required: groupRequiredFields['S3'].required,
             },
-          };
+          }
         }
 
         e.data = {
           ...e.data,
           required: sectionRequiredFields,
           ...formSections,
-        };
-      });
+        }
+      })
       // enable btn submit
       requiredFilledIn.length === 0 &&
-        setDisabledBtn({ disabled: false, type: "primary" });
+        setDisabledBtn({ disabled: false, type: 'primary' })
       requiredFilledIn.length !== 0 &&
-        setDisabledBtn({ disabled: true, type: "default" });
+        setDisabledBtn({ disabled: true, type: 'default' })
     },
     [
       isEntityType,
@@ -512,60 +515,60 @@ const SignUpForm = ({
       setDisabledBtn,
       hideEntityPersonalDetail,
     ]
-  );
+  )
 
   const handleTransformErrors = (errors, dependValue) => {
     // custom errors handle
-    [".S1", ".S3", ".S4"].forEach((x) => {
-      let index = dependValue.indexOf(x);
-      index !== -1 && dependValue.splice(index, 1);
-    });
-    const res = overideValidation(errors, dependValue);
-    res.length === 0 && setHighlight(false);
+    ;['.S1', '.S3', '.S4'].forEach((x) => {
+      let index = dependValue.indexOf(x)
+      index !== -1 && dependValue.splice(index, 1)
+    })
+    const res = overideValidation(errors, dependValue)
+    res.length === 0 && setHighlight(false)
     if (res.length > 0) {
       const descriptionList = res.map((r, index) => {
-        const { property, message } = r;
+        const { property, message } = r
         const tabSection = property
-          .replace(".", "")
-          .replace("['", "_")
-          .replace("']", "_")
-          .split("_")[0];
+          .replace('.', '')
+          .replace("['", '_')
+          .replace("']", '_')
+          .split('_')[0]
         const tabSectionTitle = tabsData.find((x) => x.key === tabSection)
-          ?.title;
+          ?.title
         return (
           <li key={`${property}-${index}`}>
-            {tabSectionTitle}:{" "}
+            {tabSectionTitle}:{' '}
             <Typography.Text type="danger">{message}</Typography.Text>
           </li>
-        );
-      });
+        )
+      })
       notification.error({
-        message: "Error",
+        message: 'Error',
         description: <ul>{descriptionList}</ul>,
-      });
+      })
     }
-    return res;
-  };
+    return res
+  }
 
   useEffect(() => {
     handleFormOnChange({
       formData: signUpFormData.data,
       schema: formSchema.schema,
-    });
-  }, [formSchema, signUpFormData, handleFormOnChange]);
+    })
+  }, [formSchema, signUpFormData, handleFormOnChange])
 
   useEffect(() => {
     if (
-      (status === "edit" || params?.id) &&
+      (status === 'edit' || params?.id) &&
       editCheck &&
-      signUpFormData.data?.["S1"]?.["S1_LN"]["S1_1"]
+      signUpFormData.data?.['S1']?.['S1_LN']['S1_1']
       //TODO: review this condition
     ) {
       handleFormOnChange({
         formData: signUpFormData.data,
         schema: formSchema.schema,
-      });
-      setEditCheck(false);
+      })
+      setEditCheck(false)
     }
   }, [
     handleFormOnChange,
@@ -574,7 +577,7 @@ const SignUpForm = ({
     signUpFormData,
     formSchema,
     params,
-  ]);
+  ])
 
   return (
     <div className="add-sign-up-form">
@@ -596,13 +599,13 @@ const SignUpForm = ({
           }
           showErrorList={false}
         >
-          <button ref={btnSubmit} type="submit" style={{ display: "none" }}>
+          <button ref={btnSubmit} type="submit" style={{ display: 'none' }}>
             Fire
           </button>
         </Form>
       </>
     </div>
-  );
-};
+  )
+}
 
-export default SignUpForm;
+export default SignUpForm
diff --git a/frontend/src/pages/_app.jsx b/frontend/src/pages/_app.jsx
index b91166336..f95bcfd65 100644
--- a/frontend/src/pages/_app.jsx
+++ b/frontend/src/pages/_app.jsx
@@ -160,10 +160,11 @@ function MyApp({ Component, pageProps }) {
                 emailVerified: authResult?.idTokenPayload?.email_verified,
               }
             })
+            console.log(authResult?.idTokenPayload, authResult)
             router.push(
               {
                 pathname: '/onboarding',
-                query: { data: authResult?.idTokenPayload },
+                query: { data: JSON.stringify(authResult?.idTokenPayload) },
               },
               '/onboarding'
             )
@@ -198,10 +199,11 @@ function MyApp({ Component, pageProps }) {
         let resp = await api.get('/profile')
         setLoadingProfile(false)
         if (resp.data && Object.keys(resp.data).length === 0) {
+          console.log(authResult, 'authResult')
           router.push(
             {
               pathname: '/onboarding',
-              query: { data: authResult?.idTokenPayload },
+              query: { data: JSON.stringify(authResult?.idTokenPayload) },
             },
             '/onboarding'
           )
diff --git a/frontend/src/pages/landing/index.jsx b/frontend/src/pages/landing/index.jsx
index 27ab686bf..f4dfdc308 100644
--- a/frontend/src/pages/landing/index.jsx
+++ b/frontend/src/pages/landing/index.jsx
@@ -6,9 +6,9 @@ import {
   CirclePointer,
   Magnifier,
   Localiser,
-  FacebookIcon,
+  ArrowRight,
   LinkedinIcon,
-  TwitterIcon,
+  YoutubeIcon,
 } from '../../components/icons'
 import { useEffect, useRef, useState } from 'react'
 import classNames from 'classnames'
@@ -411,9 +411,7 @@ const ActNow = () => {
     <div className={styles.actNow}>
       <div className="container act-now-container">
         <div className="wrapper">
-          <div className="caps-heading-1 page-sub-heading">
-            Why should I care?
-          </div>
+          <div className="caps-heading-1 page-sub-heading">Why us?</div>
           <h3 className="h-xxl">
             Act Now: <br /> <span>Co-solution with the plastic network</span>
           </h3>
@@ -663,15 +661,17 @@ const Activities = () => {
         <div className="title-wrapper">
           <div className="title-holder">
             <div className="caps-heading-1 page-sub-heading">
-              HOW DOES IT WORK?
+              WHAT IS THE FOCUS OF GPML?
             </div>
             <h2 className="h-xxl">
-              Learn more <span>about activities</span>
+              <span>GPML’s</span> Action Tracks
             </h2>
             <p className="p-l">
-              The platform offers a wide range of tools to support your
-              decision-making and help a global network of actors to work
-              together to create shared solutions to end plastic pollution.
+              The current core work of the GPML is organized through the
+              following five Action Tracks, with the aim of advancing priority
+              issues by connecting key stakeholders and facilitating
+              collaboration and coordination. The platform offers a wide range
+              of tools to facilitate this work.
             </p>
           </div>
           <div>
@@ -845,13 +845,22 @@ const Partnership = () => {
               <p>Follow us on social media to be part of the movement. </p>
               <ul className="icon-list">
                 <li>
-                  <FacebookIcon />
-                </li>
-                <li>
-                  <LinkedinIcon />
+                  <a
+                    href="https://ke.linkedin.com/company/global-partnership-on-marine-litter"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <LinkedinIcon />
+                  </a>
                 </li>
                 <li>
-                  <TwitterIcon />
+                  <a
+                    href="https://www.youtube.com/channel/UCoWXFwDeoD4c9GoXzFdm9Bg"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <YoutubeIcon />
+                  </a>
                 </li>
               </ul>
             </div>
diff --git a/frontend/src/pages/landing/index.module.scss b/frontend/src/pages/landing/index.module.scss
index 91b98ea86..b04848eb7 100644
--- a/frontend/src/pages/landing/index.module.scss
+++ b/frontend/src/pages/landing/index.module.scss
@@ -290,6 +290,7 @@
           margin-top: -3px;
           font-size: $fzM !important;
           font: var(--font-archia), sans-serif;
+          background-color: transparent !important;
         }
         .localisation {
           font-weight: bold;
@@ -1296,6 +1297,9 @@
           gap: 20px;
           li {
             height: 32px;
+            a {
+              color: $primaryDarkBlue;
+            }
           }
         }
       }