diff --git a/docs/InjiWebSequence.md b/docs/InjiWebSequence.md
index 87de2a6..9d29949 100644
--- a/docs/InjiWebSequence.md
+++ b/docs/InjiWebSequence.md
@@ -1,7 +1,7 @@
 # **Understanding the workflow**
 
 
-### **Inji Web HomePage**
+### **Inji Web IssuersPage**
 
 - The users navigate to the Inji Web portal from their web browser.
 - The portal features a user-friendly interface accessible to all.
diff --git a/inji-web-test/src/test/java/stepdefinitions/StepDefMosipCredentials.java b/inji-web-test/src/test/java/stepdefinitions/StepDefMosipCredentials.java
index 1204d43..aaae3b8 100644
--- a/inji-web-test/src/test/java/stepdefinitions/StepDefMosipCredentials.java
+++ b/inji-web-test/src/test/java/stepdefinitions/StepDefMosipCredentials.java
@@ -24,7 +24,7 @@ public class StepDefMosipCredentials {
     public WebDriver driver;
     BaseTest baseTest;
     private GlobelConstants globelConstants;
-    //    private HomePage homePage;
+    //    private IssuersPage homePage;
 //    private HelpPage helpPage;
     private MosipCredentials mosipCredentials;
     //    private SunbirdCredentials sunbirdCredentials;
@@ -107,4 +107,4 @@ public void user_VerifyDownloadingInProgressDisplaed() {
         Assert.assertTrue(mosipCredentials.isDownloadingDescriptionTextDisplayed());
     }
 
-}
\ No newline at end of file
+}
diff --git a/inji-web/src/assets/FeatureItem1.svg b/inji-web/src/assets/FeatureItem1.svg
index a96b832..a9d7c0d 100644
--- a/inji-web/src/assets/FeatureItem1.svg
+++ b/inji-web/src/assets/FeatureItem1.svg
@@ -1,32 +1,20 @@
-<svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_dii_565_3302)">
-<rect x="2" y="1" width="51" height="51" rx="10" fill="url(#paint0_linear_565_3302)"/>
-<rect x="3" y="2" width="49" height="49" rx="9" stroke="url(#paint1_linear_565_3302)" stroke-width="2"/>
-<path d="M28 42.7842C24.3839 41.7942 21.3965 39.6499 19.0379 36.3512C16.6793 33.0529 15.5 29.3889 15.5 25.3592V15.8933L28 11.2137L40.5 15.8933V25.3592C40.5 25.5981 40.4957 25.8351 40.4871 26.0704C40.4785 26.306 40.46 26.5432 40.4317 26.7821C40.2556 26.7671 40.0908 26.7512 39.9375 26.7346C39.7842 26.7176 39.6208 26.7092 39.4475 26.7092C39.2567 26.7092 39.0671 26.7224 38.8788 26.7487C38.6904 26.7751 38.5008 26.8054 38.31 26.8396C38.3456 26.5876 38.3704 26.3411 38.3846 26.1C38.3988 25.8589 38.4058 25.6119 38.4058 25.3592V17.3429L28 13.44L17.5942 17.3429V25.3592C17.5942 28.8556 18.5696 32.0229 20.5204 34.8612C22.4712 37.6996 24.9644 39.609 28 40.5896C28.5486 40.414 29.0865 40.1907 29.6137 39.9196C30.1412 39.6485 30.6471 39.3451 31.1313 39.0096V41.4937C30.6499 41.7743 30.145 42.0235 29.6167 42.2412C29.0883 42.4593 28.5494 42.6403 28 42.7842ZM35.6996 42.8333C35.2993 42.8333 34.9315 42.6637 34.5963 42.3246C34.2607 41.9857 34.0929 41.6196 34.0929 41.2262V36.3462C34.0929 35.946 34.2607 35.5817 34.5963 35.2533C34.9315 34.925 35.2993 34.7608 35.6996 34.7608H35.8046V33.0942C35.8046 32.1858 36.1096 31.4146 36.7196 30.7804C37.3296 30.1462 38.0829 29.8292 38.9796 29.8292C39.8763 29.8292 40.6268 30.1462 41.2313 30.7804C41.8357 31.4146 42.1379 32.1858 42.1379 33.0942V34.7608H42.2596C42.6457 34.7608 43.0044 34.925 43.3358 35.2533C43.6675 35.5817 43.8333 35.946 43.8333 36.3462V41.2262C43.8333 41.6196 43.6675 41.9857 43.3358 42.3246C43.0044 42.6637 42.6457 42.8333 42.2596 42.8333H35.6996ZM37.2788 34.7608H40.6913V33.0942C40.6913 32.5806 40.5297 32.1536 40.2067 31.8133C39.8836 31.4733 39.4746 31.3033 38.9796 31.3033C38.4732 31.3033 38.0632 31.4733 37.7496 31.8133C37.4357 32.1536 37.2788 32.5806 37.2788 33.0942V34.7608Z" fill="white"/>
+<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_620_24016)">
+<rect width="51" height="51" rx="10" fill="url(#paint0_linear_620_24016)"/>
+<rect x="1" y="1" width="49" height="49" rx="9" stroke="url(#paint1_linear_620_24016)" stroke-width="2"/>
+<path d="M33.8849 40.1667C33.4769 40.1667 33.1291 40.023 32.8416 39.7355C32.5544 39.4482 32.4107 39.1005 32.4107 38.6921V25.6925C32.4107 25.2842 32.5544 24.9364 32.8416 24.6492C33.1291 24.3617 33.4769 24.218 33.8849 24.218H40.3591C40.7674 24.218 41.1152 24.3617 41.4024 24.6492C41.6899 24.9364 41.8337 25.2842 41.8337 25.6925V38.6921C41.8337 39.1005 41.6899 39.4482 41.4024 39.7355C41.1152 40.023 40.7674 40.1667 40.3591 40.1667H33.8849ZM33.8849 37.4317H40.3591V26.953H33.8849V37.4317ZM19.462 40.1667V38.0725H23.2866V33.5H12.7741C12.0599 33.5 11.4469 33.2441 10.9349 32.7321C10.423 32.2202 10.167 31.6071 10.167 30.893V14.4405C10.167 13.7263 10.423 13.1132 10.9349 12.6013C11.4469 12.0893 12.0599 11.8334 12.7741 11.8334H35.8762C36.6064 11.8334 37.2263 12.0893 37.7357 12.6013C38.2455 13.1132 38.5003 13.7263 38.5003 14.4405V21.2905H36.4062V14.4405C36.4175 14.2907 36.3724 14.1678 36.2707 14.0717C36.1688 13.9756 36.043 13.9275 35.8932 13.9275H12.7741C12.6244 13.9275 12.5014 13.9756 12.4053 14.0717C12.3092 14.1678 12.2612 14.2907 12.2612 14.4405V30.893C12.2612 31.0427 12.3092 31.1656 12.4053 31.2617C12.5014 31.3578 12.6244 31.4059 12.7741 31.4059H29.4832V33.5H25.3807V38.0725H29.2053V40.1667H19.462ZM20.9941 28.218L24.3337 25.6005L27.6732 28.218L26.447 24.0213L29.8199 21.2905H25.6399L24.3337 17.2738L23.0274 21.2905H18.8474L22.2203 24.0213L20.9941 28.218Z" fill="white"/>
 </g>
 <defs>
-<filter id="filter0_dii_565_3302" x="0" y="0" width="55" height="55" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_i_620_24016" x="0" y="0" width="51" height="51" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_565_3302"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_565_3302" result="shape"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dy="-2"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_565_3302"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect3_innerShadow_565_3302"/>
-<feOffset/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.18 0"/>
-<feBlend mode="normal" in2="effect2_innerShadow_565_3302" result="effect3_innerShadow_565_3302"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_620_24016"/>
 </filter>
-<linearGradient id="paint0_linear_565_3302" x1="2" y1="26.5" x2="53" y2="26.5" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_620_24016" x1="0" y1="25.5" x2="51" y2="25.5" gradientUnits="userSpaceOnUse">
 <stop stop-color="#FF5300"/>
 <stop offset="0.16" stop-color="#FB5103"/>
 <stop offset="0.31" stop-color="#F04C0F"/>
@@ -36,7 +24,7 @@
 <stop offset="0.9" stop-color="#7C1389"/>
 <stop offset="1" stop-color="#5B03AD"/>
 </linearGradient>
-<linearGradient id="paint1_linear_565_3302" x1="27.5" y1="1" x2="27.5" y2="52" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_620_24016" x1="25.5" y1="0" x2="25.5" y2="51" gradientUnits="userSpaceOnUse">
 <stop stop-color="white" stop-opacity="0.12"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
diff --git a/inji-web/src/assets/Featured icon@2x.png b/inji-web/src/assets/Featured icon@2x.png
deleted file mode 100644
index 01cab0a..0000000
Binary files a/inji-web/src/assets/Featured icon@2x.png and /dev/null differ
diff --git a/inji-web/src/assets/FeaturedItem.png b/inji-web/src/assets/FeaturedItem.png
deleted file mode 100644
index e9430cd..0000000
Binary files a/inji-web/src/assets/FeaturedItem.png and /dev/null differ
diff --git a/inji-web/src/assets/FeaturedItem1.png b/inji-web/src/assets/FeaturedItem1.png
deleted file mode 100644
index e9430cd..0000000
Binary files a/inji-web/src/assets/FeaturedItem1.png and /dev/null differ
diff --git a/inji-web/src/components/Common/LanguageSelector.tsx b/inji-web/src/components/Common/LanguageSelector.tsx
index a3655dc..4e9bf4c 100644
--- a/inji-web/src/components/Common/LanguageSelector.tsx
+++ b/inji-web/src/components/Common/LanguageSelector.tsx
@@ -6,6 +6,8 @@ import {storeLanguage} from "../../redux/reducers/commonReducer";
 import {RootState} from "../../types/redux";
 import {FaCheck} from "react-icons/fa6";
 import {RiArrowDownSFill, RiArrowUpSFill} from "react-icons/ri";
+import {GradientWrapper} from "./GradientWrapper";
+import {renderGradientText} from "../../utils/builder";
 
 export const LanguageSelector: React.FC = () => {
     const dispatch = useDispatch();
@@ -30,9 +32,11 @@ export const LanguageSelector: React.FC = () => {
                 onBlur={()=>setIsOpen(false)}
                 tabIndex={0}
                 role="button">
-        <VscGlobe
+        <GradientWrapper>
+            <VscGlobe
             data-testid="Language-Selector-Icon"
             size={30} color={'var(--iw-color-languageGlobeIcon)'}/>
+        </GradientWrapper>
         <div className="relative inline-block ms-1">
             <button
                 type="button"
@@ -40,7 +44,13 @@ export const LanguageSelector: React.FC = () => {
                 data-testid={"Language-Selector-Button"}
                 onMouseDown={() => setIsOpen(open => !isOpen)}>
                 <p data-testid={`Language-Selector-Selected-DropDown-${language}`}>{LanguagesSupported.find(lang => lang.value === language)?.label}</p>
-                {isOpen ? <RiArrowUpSFill size={20} color={'var(--iw-color-languageArrowIcon)'} /> : <RiArrowDownSFill size={20} color={'var(--iw-color-languageArrowIcon)'}/> }
+                {isOpen ?
+                    <GradientWrapper>
+                        <RiArrowUpSFill size={20} color={'var(--iw-color-languageArrowIcon)'} />
+                    </GradientWrapper> :
+                    <GradientWrapper>
+                        <RiArrowDownSFill size={20} color={'var(--iw-color-languageArrowIcon)'}/>
+                    </GradientWrapper>}
             </button>
 
             {isOpen && (
@@ -55,7 +65,7 @@ export const LanguageSelector: React.FC = () => {
                                     type="button"
                                     className="w-full px-4 py-2 text-left text-sm hover:bg-gray-100 flex items-center justify-between flex-row"
                                     onMouseDown={(event) => {event.stopPropagation();handleChange(item)}}>
-                                    {item.label}
+                                    {language === item.value ? renderGradientText(item.label) : item.label}
                                     {language === item.value && <FaCheck color={'var(--iw-color-languageCheckIcon)'}/>}
                                 </button>
                             </li>
diff --git a/inji-web/src/components/PageTemplate/Footer.tsx b/inji-web/src/components/PageTemplate/Footer.tsx
index 5be1c1b..12f4ef4 100644
--- a/inji-web/src/components/PageTemplate/Footer.tsx
+++ b/inji-web/src/components/PageTemplate/Footer.tsx
@@ -6,10 +6,10 @@ export const Footer: React.FC = () => {
     const {t} = useTranslation("PageTemplate")
     return <footer
         data-testid="Footer-Container"
-        className="fixed bottom-0 left-0 right-0 py-4 text-center transform rotate-180 shadow-sm shadow-iw-shadow bg-iw-footer">
-        <div className="container mx-auto flex flex-col sm:flex-row justify-between items-center">
-            <p data-testid="Footer-Text" className="text-iw-subText transform rotate-180">{t("Footer.copyRight")}</p>
-            <div className={"flex flex-row items-center"}>
+        className="fixed bottom-0 left-0 right-0 py-4 transform rotate-180 shadow-sm shadow-iw-shadow bg-iw-footer">
+        <div className="container mx-auto flex flex-col sm:flex-row justify-between items-end sm:items-center">
+            <p data-testid="Footer-Text" className="ps-7 text-iw-subText transform rotate-180">{t("Footer.copyRight")}</p>
+            <div className={"flex flex-row items-center me-4"}>
                 <p data-testid="Footer-Text" className="text-black transform rotate-180 font-bold">{t("Footer.product")}</p>
                 <img className={"w-10 h-10 transform rotate-180 m-2"} src={"https://api.collab.mosip.net/inji/mosip-logo.png"} alt={"a square mosip logo"} />
             </div>
diff --git a/inji-web/src/components/PageTemplate/Header.tsx b/inji-web/src/components/PageTemplate/Header.tsx
index 27854f9..935ddd1 100644
--- a/inji-web/src/components/PageTemplate/Header.tsx
+++ b/inji-web/src/components/PageTemplate/Header.tsx
@@ -18,7 +18,7 @@ export const Header: React.FC = () => {
                 className="fixed top-0 left-0 right-0 bg-iw-background py-7 ">
             <div className="container mx-auto flex justify-between items-center px-4">
                 <div data-testid="Header-InjiWeb-Logo-Container" className={"flex flex-row space-x-9 justify-center items-center"}>
-                    <div  role="button" tabIndex={0} className={"sm:hidden"} onMouseDown={() => setIsOpen(open => !open)} onKeyUp={() => setIsOpen(open => !open)}>
+                    <div  role="button" tabIndex={0} className={"m-2 sm:hidden"} onMouseDown={() => setIsOpen(open => !open)} onKeyUp={() => setIsOpen(open => !open)}>
                         <GiHamburgerMenu size={32}/>
                     </div>
                     <div role={"button"}
@@ -55,14 +55,6 @@ export const Header: React.FC = () => {
                          tabIndex={0}
                          onMouseDown={() => setIsOpen(false)}
                          onBlur={() => setIsOpen(false)}>
-                        <div data-testid="Header-Menu-AboutInji"
-                             className={"py-5 w-full"}
-                             role="button"
-                             tabIndex={0}
-                             onKeyUp={() => {window.open("https://docs.mosip.io/inji/inji-web/overview", "_blank","noopener");setIsOpen(false)}}
-                             onMouseDown={() => {window.open("https://docs.mosip.io/inji/inji-web/overview", "_blank","noopener");setIsOpen(false)}}>
-                            {t("Header.aboutInji")}
-                        </div>
                         <div data-testid="Header-Menu-Help"
                              role="button"
                              tabIndex={0}