diff --git a/public/images/book/dappsar.png b/public/images/book/dappsar.png
new file mode 100644
index 00000000..e7897e60
Binary files /dev/null and b/public/images/book/dappsar.png differ
diff --git a/src/components/Navbar/NofTown.jsx b/src/components/Navbar/NofTown.jsx
index 3adf5e24..ac50b0ca 100644
--- a/src/components/Navbar/NofTown.jsx
+++ b/src/components/Navbar/NofTown.jsx
@@ -1,16 +1,21 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 import Link from 'next/link'
 
-function NofTown() {
+function NofTown({ defaultClassName = 'navbar__center__li__noftown' }) {
   return (
     <Link
       href='https://app.gather.town/app/YzUVkrf98XW8wz4a/Number%20One%20Fan'
       target='_blank'
       rel='noreferrer'
     >
-      <button className='navbar__center__li__noftown'>NoF Town</button>
+      <button className={defaultClassName}>NoF Town</button>
     </Link>
   )
 }
 
+NofTown.propTypes = {
+  defaultClassName: PropTypes.string
+}
+
 export default NofTown
diff --git a/src/components/Navbar/Whitepaper.jsx b/src/components/Navbar/Whitepaper.jsx
index 6f76d853..003d4a65 100644
--- a/src/components/Navbar/Whitepaper.jsx
+++ b/src/components/Navbar/Whitepaper.jsx
@@ -1,20 +1,20 @@
 import React from 'react'
+import PropTypes from 'prop-types'
 import Link from 'next/link'
 import { useTranslation } from 'next-i18next'
 
-function Whitepaper() {
+function Whitepaper({ defaultClassName = 'navbar__center__li__whitepaper' }) {
   const { t } = useTranslation()
 
   return (
-    <Link
-      href='https://number-one-fan.gitbook.io/doc/'
-      target='_blank'
-      rel='noreferrer'
-      // spy='true'
-    >
-      <button className='navbar__center__li__whitepaper'>{t('whitepaper')}</button>
+    <Link href='https://number-one-fan.gitbook.io/doc/' target='_blank' rel='noreferrer'>
+      <button className={defaultClassName}>{t('whitepaper')}</button>
     </Link>
   )
 }
 
+Whitepaper.propTypes = {
+  defaultClassName: PropTypes.string
+}
+
 export default Whitepaper
diff --git a/src/sections/Main/Main.jsx b/src/sections/Main/Main.jsx
index 7a13b7d4..92ec0fb9 100644
--- a/src/sections/Main/Main.jsx
+++ b/src/sections/Main/Main.jsx
@@ -210,7 +210,7 @@ const Main = () => {
         <h3 className='hero__top__album__book__page__profiles__title'>{t ? t('TEAM') : ''}</h3>
         <div className='hero__top__album__book__page__profiles__content'>
           {Profiles &&
-            Profiles.map((profile) => (
+            Profiles.slice(0, 9).map((profile) => (
               <div className='hero__top__album__book__page__profiles__box' key={profile.id}>
                 <Image fill alt='profile' className='img' src={profile.icon} />
                 <p>
@@ -226,6 +226,27 @@ const Main = () => {
   )
 
   const Page8 = () => (
+    <React.Fragment>
+      <div className='hero__top__album__book__page__profiles'>
+        <h3 className='hero__top__album__book__page__profiles__title'>{t ? t('TEAM') : ''}</h3>
+        <div className='hero__top__album__book__page__profiles__content'>
+          {Profiles &&
+            Profiles.slice(9).map((profile) => (
+              <div className='hero__top__album__book__page__profiles__box' key={profile.id}>
+                <Image fill alt='profile' className='img' src={profile.icon} />
+                <p>
+                  {profile.caption}
+                  <br />
+                  {profile.position}
+                </p>
+              </div>
+            ))}
+        </div>
+      </div>
+    </React.Fragment>
+  )
+
+  const Page9 = () => (
     <React.Fragment>
       <div className='hero__top__album__book__page__profiles'>
         <h3 className='hero__top__album__book__page__profiles__title'>{t ? t('FRIENDS') : ''}</h3>
@@ -242,7 +263,7 @@ const Main = () => {
     </React.Fragment>
   )
 
-  const Page9 = () => (
+  const Page10 = () => (
     <React.Fragment>
       {!windowSize.mobile && (
         <>
@@ -259,10 +280,12 @@ const Main = () => {
       )}
       {windowSize.mobile && (
         <div className='hero__top__container__mobile'>
-          <h3 className='title'>{t ? t('collections') : ''}</h3>
+          <h3 className='title'>{t ? t('cards') : ''}</h3>
           <SwiperComp />
-          <Whitepaper />
-          <NofTown />
+          <br />
+          <br />
+          <Whitepaper defaultClassName={'hero__top__album__book__page__btn'} />
+          <NofTown defaultClassName={'hero__top__album__book__page__btn2'} />
         </div>
       )}
     </React.Fragment>
@@ -281,7 +304,8 @@ const Main = () => {
         <Page6 key={'page-6'} />,
         <Page7 key={'page-7'} />,
         <Page8 key={'page-8'} />,
-        <Page9 key={'page-9'} />
+        windowSize.mobile ? <Page10 key={'page-9'} /> : <Page9 key={'page-9'} />,
+        windowSize.mobile ? <Page9 key={'page-10'} /> : <Page10 key={'page-10'} />
       ]}
     />
   )
diff --git a/src/sections/Main/Profiles.json b/src/sections/Main/Profiles.json
index 0fe15f02..e55831e8 100644
--- a/src/sections/Main/Profiles.json
+++ b/src/sections/Main/Profiles.json
@@ -52,5 +52,11 @@
         "caption": "N. Huircapan",
         "position": "Web3 Developer",
         "icon": "/images/book/Huircapan.png"
+    },
+    {
+        "id": 10,
+        "caption": "dappsar",
+        "position": "Web3/FE Developer",
+        "icon": "/images/book/dappsar.png"
     }
 ]
\ No newline at end of file