diff --git a/app/assets/images/home/001-reward.png b/app/assets/images/home/001-reward.png
new file mode 100644
index 0000000..62986b2
Binary files /dev/null and b/app/assets/images/home/001-reward.png differ
diff --git a/app/assets/images/home/001-reward.svg b/app/assets/images/home/001-reward.svg
new file mode 100644
index 0000000..6274f1f
--- /dev/null
+++ b/app/assets/images/home/001-reward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" id="reward"><defs><linearGradient id="b" x1="11.249" x2="57.751" y1="24.596" y2="24.596" gradientUnits="userSpaceOnUse"><stop offset=".102" stop-color="#f8d751"></stop><stop offset=".996" stop-color="#f5aa42"></stop></linearGradient><linearGradient id="a" x1="55.079" x2="40.704" y1="58.21" y2="37.085" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8d751"></stop><stop offset=".505" stop-color="#f49500"></stop><stop offset=".991" stop-color="#f25d00"></stop></linearGradient><linearGradient id="c" x1="15.235" x2="24.485" y1="57.382" y2="39.632" xlink:href="#a"></linearGradient><linearGradient id="d" x1="19.567" x2="49.434" y1="24.59" y2="24.59" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#f1f2f2"></stop></linearGradient></defs><path fill="url(#b)" d="M48.846,39.04l-3.411.6-3.752,7.07-.711-.35L34.5,43.193l-7.183,3.514-.093-.175-3.659-6.895-4.72-.824-3.154-.557,1.124-7.915L11.249,24.59l5.566-5.75-1.124-7.915,7.874-1.382,3.752-7.059,7.183,3.5,7.183-3.5,3.752,7.059,7.874,1.382L52.185,18.84l5.566,5.75-5.566,5.751,1.124,7.915Z"></path><polygon fill="url(#a)" points="41.683 46.707 45.435 39.637 48.846 39.04 59.688 55.777 53.329 55.55 50.238 61.105 40.921 46.47 40.972 46.357 41.683 46.707"></polygon><polygon fill="url(#c)" points="23.565 39.637 27.224 46.532 18.711 62.012 15.671 56.426 9.312 56.591 18.763 39.256 18.845 38.813 23.565 39.637"></polygon><circle cx="34.5" cy="24.59" r="14.934" fill="url(#d)"></circle></svg>
\ No newline at end of file
diff --git a/app/assets/images/home/002-task.png b/app/assets/images/home/002-task.png
new file mode 100644
index 0000000..a5ca35c
Binary files /dev/null and b/app/assets/images/home/002-task.png differ
diff --git a/app/assets/images/home/002-task.svg b/app/assets/images/home/002-task.svg
new file mode 100644
index 0000000..cbaad04
--- /dev/null
+++ b/app/assets/images/home/002-task.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 128 128" viewBox="0 0 128 128" id="task"><g><circle cx="64" cy="64" r="63.5" fill="#FFD05B"></circle><path fill="#FFF" d="M47.2,22.7v10.3c0,3.4-2.8,6.2-6.2,6.2H30.7v59.8c0,3.4,2.8,6.2,6.2,6.2h54.2c3.4,0,6.2-2.8,6.2-6.2V28.9   c0-3.4-2.8-6.2-6.2-6.2H47.2z"></path><path fill="#E6E9EE" d="M47.2,22.7L30.7,39.3H41c3.4,0,6.2-2.8,6.2-6.2V22.7z"></path><g><path fill="#84DBFF" d="M47.4 47.3h-8.3c-.5 0-1 .4-1 1v8.3c0 .5.4 1 1 1h8.3c.5 0 1-.4 1-1v-8.3C48.4 47.8 47.9 47.3 47.4 47.3zM46.4 55.6h-6.3v-6.3h6.3V55.6zM47.4 64.7h-8.3c-.5 0-1 .4-1 1V74c0 .5.4 1 1 1h8.3c.5 0 1-.4 1-1v-8.3C48.4 65.2 47.9 64.7 47.4 64.7zM46.4 73h-6.3v-6.3h6.3V73zM47.4 82.1h-8.3c-.5 0-1 .4-1 1v8.3c0 .5.4 1 1 1h8.3c.5 0 1-.4 1-1v-8.3C48.4 82.6 47.9 82.1 47.4 82.1zM46.4 90.4h-6.3v-6.3h6.3V90.4z"></path></g><circle cx="82.1" cy="69.4" r="21.1" fill="#FF7058"></circle><g><path fill="#FFF" d="M78.8,81.1c-0.6-0.1-1.2-0.5-1.6-1l-5-6.5c-0.9-1.1-0.7-2.8,0.5-3.7c1.1-0.9,2.8-0.7,3.7,0.5l2.8,3.6    L88.8,60c0.8-1.2,2.4-1.5,3.6-0.7c1.2,0.8,1.5,2.5,0.7,3.6L81.5,80c-0.5,0.7-1.3,1.1-2.1,1.1C79.2,81.2,79,81.2,78.8,81.1z"></path></g></g></svg>
\ No newline at end of file
diff --git a/app/assets/images/home/003-family.png b/app/assets/images/home/003-family.png
new file mode 100644
index 0000000..75d0c10
Binary files /dev/null and b/app/assets/images/home/003-family.png differ
diff --git a/app/assets/images/home/003-family.svg b/app/assets/images/home/003-family.svg
new file mode 100644
index 0000000..fa3756c
--- /dev/null
+++ b/app/assets/images/home/003-family.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 100 100" viewBox="0 0 100 100" id="family"><path fill="#86eafb" d="M21.038,74.581V51.49l-0.016,19.382c-0.001,1.646-1.337,2.98-2.983,2.98l0,0c-1.647,0-2.983-1.335-2.983-2.983V49.842c0-4.386,2.99-5.981,7.743-7.986l7.086-2.991l7.185,2.991c4.902,2.005,7.802,3.657,7.802,8.143v20.86c0,1.645-1.347,2.972-2.993,2.945l0,0c-1.609-0.025-2.899-1.337-2.899-2.945v-19.49l-0.078,23.212H21.038z"></path><path d="M40.028,75.712l-2.254-0.008l0.08-24.339l2.254,0.004v19.49c0,0.987,0.802,1.802,1.79,1.818c0.488,0.018,0.953-0.178,1.305-0.522c0.35-0.344,0.542-0.805,0.542-1.296v-20.86c0-3.611-2.094-5.051-7.103-7.1l-6.754-2.811l-6.651,2.807c-4.796,2.023-7.055,3.369-7.055,6.948V70.87c0,1.023,0.832,1.855,1.855,1.855c1.022,0,1.855-0.832,1.856-1.854l0.015-19.383l2.255,0.001v24.219H19.91v-1.18c-0.561,0.288-1.197,0.452-1.871,0.452c-2.266,0-4.11-1.844-4.11-4.11V49.842c0-5.075,3.495-6.941,8.434-9.026l7.52-3.175l7.621,3.172c4.811,1.969,8.497,3.897,8.497,9.184v20.86c0,1.1-0.432,2.132-1.217,2.903c-0.785,0.772-1.859,1.178-2.92,1.169c-0.66-0.01-1.283-0.18-1.832-0.472L40.028,75.712z"></path><path fill="#fbd04e" d="M21.02,28.381c0-2.058,1.669-3.727,3.727-3.727c2.058,0,3.727,1.669,3.727,3.727c0,2.059-1.669,3.727-3.727,3.727C22.688,32.109,21.02,30.44,21.02,28.381z"></path><path d="M24.747,33.236c-2.677,0-4.855-2.178-4.855-4.855c0-2.677,2.177-4.854,4.855-4.854c2.676,0,4.854,2.177,4.854,4.854C29.601,31.058,27.423,33.236,24.747,33.236z M24.747,25.782c-1.433,0-2.6,1.166-2.6,2.6c0,1.434,1.167,2.6,2.6,2.6s2.599-1.167,2.599-2.6C27.346,26.948,26.18,25.782,24.747,25.782z"></path><path fill="#fff" d="M24.071,35.957c0.348,3.703,2.837,6.587,5.894,6.587c3.293,0,5.964-3.337,5.964-7.454c0-1.302-0.291-2.507-0.76-3.572L24.071,35.957z"></path><path d="M29.965,43.672c-3.592,0-6.609-3.271-7.017-7.609l-0.078-0.839l12.89-5.156l0.439,0.996c0.568,1.288,0.856,2.643,0.856,4.028C37.056,39.822,33.875,43.672,29.965,43.672z M25.313,36.674c0.545,2.755,2.444,4.743,4.652,4.743c2.666,0,4.836-2.838,4.836-6.327c0-0.709-0.1-1.411-0.294-2.094L25.313,36.674z"></path><g><path fill="#fbd04e" d="M29.965,27.636c-3.293,0-5.964,3.337-5.964,7.454c0,0.297,0.043,0.579,0.07,0.867l11.097-4.439C34.154,29.215,32.217,27.636,29.965,27.636z"></path><path d="M23.087,37.565l-0.161-1.725c-0.028-0.247-0.052-0.493-0.052-0.749c0-4.732,3.18-8.582,7.091-8.582c2.609,0,4.998,1.746,6.234,4.556l0.47,1.067L23.087,37.565z M29.965,28.764c-2.464,0-4.503,2.422-4.799,5.541l8.407-3.362C32.663,29.576,31.348,28.764,29.965,28.764z"></path></g><g><path fill="#8a7de2" d="M61.108,74.499V48.508l-0.016,22.364c-0.002,1.646-1.336,2.98-2.983,2.98l0,0c-1.648,0-2.983-1.335-2.983-2.983V46.861c0-4.386,2.991-5.981,7.744-7.987l7.086-2.99l7.185,2.99c4.901,2.006,7.802,3.658,7.802,8.143V70.86c0,1.645-1.347,2.972-2.993,2.945l0,0c-1.609-0.025-2.899-1.337-2.899-2.945V48.387l-0.078,26.194L61.108,74.499z"></path><path d="M80.099,75.712l-2.255-0.007l0.08-27.321l2.255,0.003V70.86c0,0.987,0.803,1.802,1.789,1.818c0.508,0.032,0.954-0.177,1.306-0.522c0.35-0.344,0.543-0.805,0.543-1.296V47.018c0-3.611-2.094-5.051-7.103-7.101l-6.753-2.812l-6.652,2.807c-4.796,2.023-7.054,3.369-7.054,6.948v24.01c0,1.023,0.832,1.855,1.855,1.855c1.023,0,1.855-0.832,1.856-1.854l0.015-22.364l2.254,0v27.118h-2.254v-1.098c-0.562,0.288-1.198,0.452-1.872,0.452c-2.265,0-4.11-1.844-4.11-4.11V46.86c0-5.075,3.495-6.942,8.433-9.025l7.521-3.175l7.621,3.172c4.811,1.969,8.496,3.897,8.496,9.185V70.86c0,1.1-0.432,2.131-1.217,2.903c-0.784,0.773-1.856,1.172-2.922,1.169c-0.659-0.01-1.282-0.18-1.831-0.471L80.099,75.712z"></path><g><path fill="#fff" d="M76.061,30.619c0-4.117-2.678-7.454-5.981-7.454c-3.303,0-5.981,3.337-5.981,7.454c0,4.117,2.678,7.454,5.981,7.454C73.383,38.073,76.061,34.736,76.061,30.619z"></path><path d="M70.08,39.201c-3.919,0-7.108-3.849-7.108-8.582s3.189-8.582,7.108-8.582c3.919,0,7.108,3.849,7.108,8.582S73.999,39.201,70.08,39.201z M70.08,24.292c-2.676,0-4.854,2.839-4.854,6.327c0,3.489,2.177,6.327,4.854,6.327s4.854-2.839,4.854-6.327C74.933,27.13,72.756,24.292,70.08,24.292z"></path></g></g><g><path fill="#f95555" d="M28.579,75.708V72.27c0-4.583,2.593-6.111,6.842-8.16l6.229-3.056l6.143,3.056c4.121,2.049,6.714,3.68,6.714,8.16v3.439H28.579z"></path><path d="M55.634,76.835H53.38V72.27c0-3.717-1.95-5.093-6.088-7.152l-5.645-2.808l-5.729,2.812c-4.415,2.129-6.211,3.37-6.211,7.148v4.565h-2.254V72.27c0-5.182,2.961-6.997,7.479-9.176l6.722-3.298l6.643,3.304c4.297,2.137,7.338,4.045,7.338,9.17V76.835z"></path></g><g><path fill="#fff" d="M46.122,60.039c0,3.05-2.16,5.523-4.826,5.523c-2.665,0-4.826-2.473-4.826-5.523c0-3.05,2.16-5.522,4.826-5.522C43.961,54.517,46.122,56.989,46.122,60.039z"></path><path d="M41.295,66.689c-3.282,0-5.953-2.984-5.953-6.65c0-3.666,2.671-6.649,5.953-6.649c3.283,0,5.953,2.983,5.953,6.649C47.249,63.706,44.578,66.689,41.295,66.689z M41.295,55.644c-2.039,0-3.698,1.972-3.698,4.395c0,2.424,1.659,4.395,3.698,4.395c2.04,0,3.699-1.971,3.699-4.395C44.994,57.616,43.335,55.644,41.295,55.644z"></path></g><g><path fill="#fbd04e" d="M46.616,76.835v-1.258c0-4.093,2.255-5.457,5.95-7.286l5.416-2.729l5.342,2.729c3.583,1.829,5.838,3.285,5.838,7.286v1.258H46.616z"></path><path d="M70.289,77.963h-2.254v-2.386c0-3.273-1.592-4.427-5.223-6.282l-4.832-2.468l-4.906,2.471c-3.79,1.877-5.33,2.969-5.33,6.279v2.386h-2.254v-2.386c0-4.688,2.604-6.329,6.576-8.296l5.921-2.983l5.851,2.989c3.778,1.929,6.452,3.653,6.452,8.29V77.963z"></path></g><g><path fill="#fff" d="M63.025,63.195c0,3.05-2.198,5.522-4.909,5.522c-2.711,0-4.909-2.472-4.909-5.522c0-3.05,2.198-5.522,4.909-5.522C60.828,57.673,63.025,60.145,63.025,63.195z"></path><path d="M58.117,69.845c-3.328,0-6.036-2.983-6.036-6.65c0-3.667,2.708-6.65,6.036-6.65c3.328,0,6.036,2.983,6.036,6.65C64.153,66.862,61.445,69.845,58.117,69.845z M58.117,58.8c-2.085,0-3.781,1.972-3.781,4.396c0,2.423,1.696,4.395,3.781,4.395c2.085,0,3.781-1.972,3.781-4.395C61.898,60.771,60.202,58.8,58.117,58.8z"></path></g></svg>
\ No newline at end of file
diff --git a/app/assets/images/home/004-wallet.png b/app/assets/images/home/004-wallet.png
new file mode 100644
index 0000000..c0b7b64
Binary files /dev/null and b/app/assets/images/home/004-wallet.png differ
diff --git a/app/assets/images/home/004-wallet.svg b/app/assets/images/home/004-wallet.svg
new file mode 100644
index 0000000..206ec2b
--- /dev/null
+++ b/app/assets/images/home/004-wallet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" id="wallet"><g font-family="sans-serif" font-size="45.121" font-weight="400" letter-spacing="0" word-spacing="0"><path fill="#f8b84e" d="M13.4 3.977a2.195 2.195 0 0 1-.4.4v10.037h6V4.378a2.195 2.195 0 0 1-.397-.4z"></path><path fill="#25b39e" d="M4.466 15.977c-.184 0-.252.09-.252.213v13.623c0 .124.068.211.252.211h23.283c.183 0 .252-.087.252-.21v-1.837h-8.932l-2.068-2.027v-4.941l2.068-2.028h8.932v-2.79c0-.125-.069-.214-.252-.214H4.466zm15.828 6.004-.293.287V24.69l.293.287H28v-2.996h-7.707z"></path><path d="M9.496 1022.313a.5.5 0 0 0-.135.019l-7.347 1.968c-.723.194-1.16.951-.967 1.674l2.38 8.889a.5.5 0 1 0 .968-.26l-2.381-8.887a.355.355 0 0 1 .257-.449l7.35-1.969a.5.5 0 0 0-.125-.986z" color="#000" font-size="medium" overflow="visible" style="line-height:125%;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" transform="translate(0 -1020.362)"></path><path d="M8.49 6.346c-.533.143-.85.693-.706 1.227a.997.997 0 0 0 1.224.704.997.997 0 0 0 .707-1.222 1.002 1.002 0 0 0-1.225-.71z"></path><path d="M9.346 1024.424a.5.5 0 0 0-.133.02l-4.6 1.232a.5.5 0 0 0-.353.612.521.521 0 0 1-.367.65.5.5 0 0 0-.354.611l1.94 7.235a.5.5 0 1 0 .964-.26l-1.863-6.953c.342-.255.53-.581.576-1.006l4.317-1.156a.5.5 0 0 0-.127-.985zm13.146-2.111a.5.5 0 0 0-.111.986l7.35 1.969a.355.355 0 0 1 .257.449l-2.383 8.89a.5.5 0 1 0 .967.26l2.383-8.892a1.375 1.375 0 0 0-.967-1.674l-7.347-1.969a.5.5 0 0 0-.149-.019z" color="#000" font-size="medium" overflow="visible" style="line-height:125%;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" transform="translate(0 -1020.362)"></path><path d="M23.512 6.346c.533.143.85.693.706 1.227a.997.997 0 0 1-1.224.704.997.997 0 0 1-.708-1.222 1.002 1.002 0 0 1 1.226-.71z"></path><path d="M22.64 1024.424a.5.5 0 0 0-.11.984l4.316 1.157c.046.425.234.75.576 1.005l-1.887 7.04a.5.5 0 1 0 .967.257l1.96-7.318a.5.5 0 0 0-.353-.611.521.521 0 0 1-.367-.65.5.5 0 0 0-.353-.612l-4.6-1.233a.5.5 0 0 0-.148-.02z" color="#000" font-size="medium" overflow="visible" style="line-height:125%;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" transform="translate(0 -1020.362)"></path><path d="M4.465 1034.34c-1.233 0-2.25.988-2.25 2.21v13.624c0 1.223 1.017 2.21 2.25 2.21H27.75c1.232 0 2.25-.987 2.25-2.21v-13.623c0-1.223-1.018-2.211-2.25-2.211H4.465zm0 1H27.75c.708 0 1.25.537 1.25 1.21v13.624c0 .673-.542 1.21-1.25 1.21H4.465c-.708 0-1.25-.537-1.25-1.21v-13.623c0-.674.542-1.211 1.25-1.211z" color="#000" font-size="medium" overflow="visible" style="line-height:125%;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" transform="translate(0 -1020.362)"></path><path style="line-height:125%;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" fill-rule="evenodd" d="M19.477 1040.342 18 1041.789v4.104l1.477 1.447H30v-6.998H19.477zm.41 1H29v4.998h-9.113l-.887-.867V1042.209l.887-.867z" color="#000" font-size="medium" overflow="visible" transform="translate(0 -1020.362)"></path><path d="M21.432 1042.478A1.44 1.44 0 0 0 20 1043.91c0 .784.648 1.43 1.432 1.43.783 0 1.43-.646 1.43-1.43 0-.784-.647-1.432-1.43-1.432zm0 1c.243 0 .43.189.43.432 0 .244-.187.43-.43.43a.424.424 0 0 1-.432-.43c0-.243.188-.432.432-.432zm-11.065-23.138c-.748 0-1.365.617-1.365 1.365v12.852a.5.5 0 1 0 1 0v-12.852c0-.211.153-.365.365-.365h11.268c.212 0 .365.154.365.365v12.852a.5.5 0 1 0 1 0v-12.852c0-.748-.617-1.365-1.365-1.365H10.367z" color="#000" font-size="medium" overflow="visible" style="line-height:125%;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" transform="translate(0 -1020.362)"></path><path d="M16 3.978c.553 0 1 .45 1 1.003a.997.997 0 0 1-1 .996c-.55 0-1-.443-1-.996 0-.553.45-1.003 1-1.003z"></path><path d="M12.523 1022.34a.5.5 0 0 0-.5.5.52.52 0 0 1-.521.533.5.5 0 0 0-.5.5v10.832a.5.5 0 1 0 1 0v-10.543c.395-.157.66-.425.814-.822h6.37c.154.397.419.665.814.822v10.543a.5.5 0 1 0 1 0v-10.832a.5.5 0 0 0-.5-.5.52.52 0 0 1-.521-.533.5.5 0 0 0-.5-.5h-6.956z" color="#000" font-size="medium" overflow="visible" style="line-height:125%;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" transform="translate(0 -1020.362)"></path><path style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" d="M13 1032.842c0 .185.155.331.34.328h.291c.137.653.667 1.165 1.332 1.165.775 0 1.37-.693 1.37-1.498 0-.486.33-.831.702-.831.373 0 .702.345.702.831 0 .487-.33.832-.702.832-.45-.013-.45.673 0 .666.656 0 1.124-.522 1.263-1.165h.365c.45.014.45-.672 0-.666h-.366c-.14-.642-.605-1.165-1.26-1.165-.703 0-1.369.499-1.369 1.451v.048c0 .487-.33.832-.703.832-.367 0-.69-.337-.699-.813v-.037c.014-.476.331-.813.698-.813.45.014.45-.672 0-.666-.665 0-1.194.512-1.332 1.165h-.291a.335.335 0 0 0-.339.338z" color="#000" font-size="medium" letter-spacing="normal" overflow="visible" transform="translate(0 -1020.362)" word-spacing="normal"></path></g></svg>
\ No newline at end of file
diff --git a/app/assets/images/home/wrench-agent.png b/app/assets/images/home/wrench-agent.png
new file mode 100644
index 0000000..10cde05
Binary files /dev/null and b/app/assets/images/home/wrench-agent.png differ
diff --git a/app/components/AfterHero.js b/app/components/AfterHero.js
index 253bebc..8db75d8 100644
--- a/app/components/AfterHero.js
+++ b/app/components/AfterHero.js
@@ -1,9 +1,10 @@
 import React from 'react';
-import thumb5 from '../assets/images/about-thumb-5.png';
-import cardImg from '../assets/images/home/wrench-card-only.png'
-// import bg from '../assets/images/background-bg.jpg'
 import Image from 'next/image';
 
+import cardImg from '../assets/images/home/wrench-card-only.png'
+import wrenchAgent from '../assets/images/home/wrench-agent.png'
+// import bg from '../assets/images/background-bg.jpg'
+
 function AfterHero() {
     return (
         <>
@@ -51,24 +52,26 @@ function AfterHero() {
                         </div>
                         <div className="col-lg-5">
                             <div className='appie-about-container'>
-                                <div className='row appie-about-8-box'>
+                                <div className='h-100 row appie-about-8-box'>
                                     <div className="col-12 col-md-6">
-                                        <h3 className="title">
-                                            Assign Faster with <br />
-                                            wrenchAgent
-                                        </h3>
-                                        <p>
-                                            Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
-                                        </p>
-                                        <div className=''>
-                                            <a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
-                                                Learn More <i className="fal fa-arrow-right" />
-                                            </a>
+                                        <div className='h-100 d-flex flex-column justify-content-between'>
+                                            <h3 className="title">
+                                                Assign Faster with <br />
+                                                wrenchAgent
+                                            </h3>
+                                            <p>
+                                                Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
+                                            </p>
+                                            <div className=''>
+                                                <a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
+                                                    Learn More <i className="fal fa-arrow-right" />
+                                                </a>
+                                            </div>
                                         </div>
                                     </div>
                                     <div className="col-12 col-md-6">
                                         <Image
-                                            src={thumb5}
+                                            src={wrenchAgent}
                                             className='w-100 h-100'
                                             width={'100%'}
                                             height={'100%'}
diff --git a/app/components/SelectFeatutes.js b/app/components/SelectFeatutes.js
index f8922f8..5d04632 100644
--- a/app/components/SelectFeatutes.js
+++ b/app/components/SelectFeatutes.js
@@ -1,11 +1,17 @@
 "use client"
 import React, { useState } from 'react';
+import Image from 'next/image';
+
 //import { Link } from 'react-router-dom';
 import thumb from '../assets/images/features-thumb-11.png';
 import shapeSix from '../assets/images/shape/shape-6.png';
 import shapeSeven from '../assets/images/shape/shape-7.png';
 import shapeEight from '../assets/images/shape/shape-8.png';
-import Image from 'next/image';
+import rewardIcon from '../assets/images/home/001-reward.png'
+import walletIcon from '../assets/images/home/004-wallet.png'
+import taskIcon from '../assets/images/home/002-task.png'
+import familyIcon from '../assets/images/home/003-family.png'
+
 function SelectFeatures({ className }) {
     const [tab, setTab] = useState('setting');
     const handleClick = (e, value) => {
@@ -35,7 +41,7 @@ function SelectFeatures({ className }) {
                                     aria-controls="v-pills-home"
                                     aria-selected="true"
                                 >
-                                    <i className="fas fa-cog" /> Reward achievement
+                                    <span><Image src={rewardIcon} height='25' width='25' className='mr-2' /></span> Reward achievement
                                 </a>
                                 <a
                                     onClick={(e) => handleClick(e, 'report')}
@@ -47,7 +53,7 @@ function SelectFeatures({ className }) {
                                     aria-controls="v-pills-profile"
                                     aria-selected="false"
                                 >
-                                    <i className="fas fa-exclamation-triangle" /> Assign tasks or chores
+                                    <span><Image src={taskIcon} height='25' width='25' className='mr-2' /></span> Assign tasks or chores
                                 </a>
                                 <a
                                     onClick={(e) => handleClick(e, 'notice')}
@@ -59,7 +65,7 @@ function SelectFeatures({ className }) {
                                     aria-controls="v-pills-messages"
                                     aria-selected="false"
                                 >
-                                    <i className="fas fa-bell" /> Family engagement
+                                    <span><Image src={familyIcon} height='25' width='25' className='mr-2' /></span> Family engagement
                                 </a>
                                 <a
                                     onClick={(e) => handleClick(e, 'app')}
@@ -71,7 +77,7 @@ function SelectFeatures({ className }) {
                                     aria-controls="v-pills-settings"
                                     aria-selected="false"
                                 >
-                                    <i className="fas fa-lock" /> Fund wallets
+                                    <span><Image src={walletIcon} height='25' width='25' className='mr-2' /></span> Fund wallets
                                 </a>
                             </div>
                         </div>
diff --git a/docker/Dockerfile b/docker/Dockerfile
index 845ca98..0124559 100644
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@@ -135,9 +135,9 @@ COPY . /app
 
 # start app
 #CMD ["serve", "-s", "build"]
-#CMD ["npm", "run", "dev"]
+CMD ["npm", "run", "dev"]
 
 #RUN npm run build
 #CMD ["npm", "run", "start"]
-CMD ["sh", "-c", "next build && next start"]
+# CMD ["sh", "-c", "next build && next start"]