diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 71dbfd1..b7ec7cb 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -154,16 +154,31 @@ export const HomePage = () => {
                 title='This is a mod title for an awesome game that will make everyone happy! The happiest!'
                 summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
                 backgroundLink='https://image.nostr.build/65a11a00bb99c11561735f861c51b498cf9dc07d02beff7303fe7f7ab52f3987.jpg'
+                handleClick={() => {
+                  alert(
+                    'these are dummy mods. So navigation on these are not implemented yet'
+                  )
+                }}
               />
               <ModCard
                 title='This is a mod title for an awesome game that will make everyone happy! The happiest!'
                 summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
                 backgroundLink='https://web.archive.org/web/20240215093752im_/https://staticdelivery.nexusmods.com/mods/6144/images/headers/13_1707966408.jpg'
+                handleClick={() => {
+                  alert(
+                    'these are dummy mods. So navigation on these are not implemented yet'
+                  )
+                }}
               />
               <ModCard
                 title='This is a mod title for an awesome game that will make everyone happy! The happiest!'
                 summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
                 backgroundLink='https://steamuserimages-a.akamaihd.net/ugc/2013708095892656347/39A93A2B1EB05E725214373849F8E37FCEB4C2EA/?imw=512&amp;imh=256&amp;ima=fit&amp;impolicy=Letterbox&amp;imcolor=%23000000&amp;letterbox=true'
+                handleClick={() => {
+                  alert(
+                    'these are dummy mods. So navigation on these are not implemented yet'
+                  )
+                }}
               />
             </div>
             <div className='IBMSMAction'>
@@ -185,21 +200,41 @@ export const HomePage = () => {
                 title='This is a mod title for an awesome game that will make everyone happy! The happiest!'
                 summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
                 backgroundLink='https://image.nostr.build/65a11a00bb99c11561735f861c51b498cf9dc07d02beff7303fe7f7ab52f3987.jpg'
+                handleClick={() => {
+                  alert(
+                    'these are dummy mods. So navigation on these are not implemented yet'
+                  )
+                }}
               />
               <ModCard
                 title='This is a mod title for an awesome game that will make everyone happy! The happiest!'
                 summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
                 backgroundLink='https://web.archive.org/web/20240215093752im_/https://staticdelivery.nexusmods.com/mods/6144/images/headers/13_1707966408.jpg'
+                handleClick={() => {
+                  alert(
+                    'these are dummy mods. So navigation on these are not implemented yet'
+                  )
+                }}
               />
               <ModCard
                 title='This is a mod title for an awesome game that will make everyone happy! The happiest!'
                 summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
                 backgroundLink='https://steamuserimages-a.akamaihd.net/ugc/2013708095892656347/39A93A2B1EB05E725214373849F8E37FCEB4C2EA/?imw=512&amp;imh=256&amp;ima=fit&amp;impolicy=Letterbox&amp;imcolor=%23000000&amp;letterbox=true'
+                handleClick={() => {
+                  alert(
+                    'these are dummy mods. So navigation on these are not implemented yet'
+                  )
+                }}
               />
               <ModCard
                 title='This is a mod title for an awesome game that will make everyone happy! The happiest!'
                 summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
                 backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
+                handleClick={() => {
+                  alert(
+                    'these are dummy mods. So navigation on these are not implemented yet'
+                  )
+                }}
               />
             </div>
 
diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index 4b43de7..726b83e 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -254,21 +254,44 @@ const ProfileSettings = () => {
             </div>
           </div>
           <div className='IBMSMSMBSS_ProfileEdit'>
-            <InputField label='Name' placeholder='' name='name' />
-            <InputField label='Bio' placeholder='' name='bio' type='textarea' />
+            <InputField
+              label='Name'
+              placeholder=''
+              name='name'
+              value=''
+              onChange={() => {}}
+            />
+            <InputField
+              label='Bio'
+              placeholder=''
+              name='bio'
+              type='textarea'
+              value=''
+              onChange={() => {}}
+            />
             <InputField
               label='Profile picture URL'
               placeholder=''
               name='profilePicture'
               inputMode='url'
+              value=''
+              onChange={() => {}}
             />
             <InputField
               label='Banner picture URL'
               placeholder=''
               name='bannerPicture'
               inputMode='url'
+              value=''
+              onChange={() => {}}
+            />
+            <InputField
+              label='Nip-05 address'
+              placeholder=''
+              name='nip05'
+              value=''
+              onChange={() => {}}
             />
-            <InputField label='Nip-05 address' placeholder='' name='nip05' />
           </div>
           <div
             className='IBMSMSMBSS_ProfileActions'
@@ -304,6 +327,8 @@ const RelaySettings = () => {
           placeholder='wss://some-relay.com'
           type='text'
           name='relay'
+          value=''
+          onChange={() => {}}
         />
 
         <button className='btn btnMain' type='button'>
diff --git a/src/pages/write.tsx b/src/pages/write.tsx
index 64afb11..826d8cd 100644
--- a/src/pages/write.tsx
+++ b/src/pages/write.tsx
@@ -15,23 +15,41 @@ export const WritePage = () => {
                 <h2 className='IBMSMTitleMainHeading'>Write a blog post</h2>
               </div>
               <div className='IBMSMSMBS_Write'>
-                <InputField label='Title' placeholder='' name='title' />
-                <InputField label='Body' placeholder='' name='body' />
+                <InputField
+                  label='Title'
+                  placeholder=''
+                  name='title'
+                  value=''
+                  onChange={() => {}}
+                />
+                <InputField
+                  label='Body'
+                  placeholder=''
+                  name='body'
+                  value=''
+                  onChange={() => {}}
+                />
                 <InputField
                   label='Featured Image URL'
                   placeholder=''
                   name='imageUrl'
                   inputMode='url'
+                  value=''
+                  onChange={() => {}}
                 />
                 <InputField
                   label='Summary'
                   placeholder=''
                   name='summary'
                   type='textarea'
+                  value=''
+                  onChange={() => {}}
                 />
                 <CheckboxField
                   label='This mod not safe for work (NSFW)'
                   name='nsfw'
+                  isChecked={false}
+                  handleChange={() => {}}
                 />
                 <div className='IBMSMSMBS_WriteAction'>
                   <button className='btn btnMain' type='button'>