diff --git a/jams-react-client/src/assets/img/BTN_Copy.svg b/jams-react-client/src/assets/img/BTN_Copy.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5724ece381bfe52da891344281bf187339131128
--- /dev/null
+++ b/jams-react-client/src/assets/img/BTN_Copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6.207" height="6.224" viewBox="0 0 6.207 6.224"><defs><style>.a{fill:#005699;}</style></defs><g transform="translate(-3.567 -3.567)"><g transform="translate(3.567 3.567)"><path class="a" d="M3.258,4.258H.447A.447.447,0,0,1,0,3.811V.447A.447.447,0,0,1,.447,0H3.258a.447.447,0,0,1,.447.447V3.811A.447.447,0,0,1,3.258,4.258Zm-2.767-.4.017.017V3.811H3.258L3.249.447H.468L.447,3.811l.017.018a.052.052,0,0,0,.012.038.014.014,0,0,0,.009.006s.006,0,.006-.014Z" transform="translate(0 1.967)"/><path class="a" d="M3.258,4.258H1.5V3.811H3.258V.509h.063L3.276.464c0-.01-.009-.018-.013-.018l0,0,0,0H.447V1.69H0V.447A.441.441,0,0,1,.131.132.446.446,0,0,1,.447,0H3.258a.443.443,0,0,1,.315.131.447.447,0,0,1,.132.316V3.811a.443.443,0,0,1-.131.315l0,0A.446.446,0,0,1,3.258,4.258Z" transform="translate(2.502 0)"/></g></g></svg>
\ No newline at end of file
diff --git a/jams-react-client/src/assets/img/BTN_Edit.svg b/jams-react-client/src/assets/img/BTN_Edit.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f2a8829a446dd3f645eb4349276b61d12ad3070c
--- /dev/null
+++ b/jams-react-client/src/assets/img/BTN_Edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6"><defs><style>.a{fill:#005699;}</style></defs><g transform="translate(-4 -3.375)"><g transform="translate(3.567 3.567)"><path class="a" d="M2.19,6H0V3.81L3.84,0,6,2.19,4.41,3.75l-.3-.3.36-.36L2.88,1.5.42,3.99V5.58H2.01l1.2-1.2.3.3L2.19,6ZM3.81.6h0l-.63.63L4.77,2.82l.63-.63L3.81.6Z" transform="translate(0.434 -0.192)"/></g></g></svg>
\ No newline at end of file
diff --git a/jams-react-client/src/assets/img/BTN_Share.svg b/jams-react-client/src/assets/img/BTN_Share.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0b981d4a5db2a2e7ad201f2f85d16f05f8a34d3c
--- /dev/null
+++ b/jams-react-client/src/assets/img/BTN_Share.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="5.066" height="6.442" viewBox="0 0 5.066 6.442"><defs><style>.a{fill:#005699;stroke:#005699;stroke-miterlimit:10;stroke-width:0.25px;}</style></defs><g transform="translate(-4.333 -3.442)"><g transform="translate(4.458 3.567)"><path class="a" d="M3.941,6.192a.9.9,0,0,1-.876-.929.958.958,0,0,1,.093-.414L1.487,3.759a.844.844,0,0,1-.611.266A.9.9,0,0,1,0,3.1a.9.9,0,0,1,.876-.929.845.845,0,0,1,.609.264L3.156,1.34A.964.964,0,0,1,3.065.929.9.9,0,0,1,3.941,0a.9.9,0,0,1,.876.929.9.9,0,0,1-.876.929.844.844,0,0,1-.611-.266L1.658,2.682a.959.959,0,0,1,.093.414.974.974,0,0,1-.091.411L3.332,4.6a.845.845,0,0,1,.609-.264.93.93,0,0,1,0,1.858Zm0-1.548a.62.62,0,1,0,.584.619A.6.6,0,0,0,3.941,4.644ZM.876,2.477A.6.6,0,0,0,.292,3.1a.6.6,0,0,0,.584.619A.6.6,0,0,0,1.46,3.1.6.6,0,0,0,.876,2.477ZM3.941.31a.6.6,0,0,0-.584.619.585.585,0,1,0,1.168,0A.6.6,0,0,0,3.941.31Z" transform="translate(0 0)"/></g></g></svg>
\ No newline at end of file
diff --git a/jams-react-client/src/assets/img/CustomUiBg.jpg b/jams-react-client/src/assets/img/CustomUiBg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e6d0dab096332718d663a63e4ce22d88ba348e78
Binary files /dev/null and b/jams-react-client/src/assets/img/CustomUiBg.jpg differ
diff --git a/jams-react-client/src/assets/img/jami_id.svg b/jams-react-client/src/assets/img/jami_id.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5d05c029fc55284e3254686d7227c3e2488b4a77
--- /dev/null
+++ b/jams-react-client/src/assets/img/jami_id.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="29.352" height="10.357" viewBox="0 0 29.352 10.357"><defs><style>.a,.b{fill:#fff;}.b{stroke:#fff;stroke-miterlimit:10;stroke-width:0.5px;}</style></defs><g transform="translate(0 0.25)"><g transform="translate(0 0)"><path class="a" d="M0,6.84H0v-.7a1.891,1.891,0,0,0,1.333-.562,1.887,1.887,0,0,0,.551-1.338v-2.5h.7v2.5A2.6,2.6,0,0,1,0,6.84ZM2.235.95A.475.475,0,0,1,1.761.475.469.469,0,0,1,2.235,0a.475.475,0,0,1,.474.475A.481.481,0,0,1,2.235.95Z" transform="translate(0 1.461)"/><path class="a" d="M6.051,5.168V1.862a1.165,1.165,0,0,0-2.329.01v3.3h-.7V1.862a1.16,1.16,0,1,0-2.32.01v3.3H0V1.862A1.858,1.858,0,0,1,3.371.779a1.864,1.864,0,0,1,3.38,1.093v3.3Z" transform="translate(8.75 3.085)"/><path class="a" d="M.824,6.793h-.7V1.738h.7V6.792ZM.474.95A.469.469,0,0,1,0,.475a.473.473,0,1,1,.947,0A.469.469,0,0,1,.474.95Z" transform="translate(15.871 1.461)"/><path class="a" d="M5.187,5.2H2.593A2.6,2.6,0,1,1,5.187,2.6V5.2ZM2.593.686a1.916,1.916,0,0,0,0,3.832H4.5V2.6A1.915,1.915,0,0,0,2.593.686Z" transform="translate(3.115 3.109)"/><path class="a" d="M.824,6.793h-.7V1.738h.7V6.792ZM.474.95A.469.469,0,0,1,0,.475a.474.474,0,1,1,.947,0A.469.469,0,0,1,.474.95Z" transform="translate(20.764 1.461)"/><path class="a" d="M2.12,5.048H0V0H2.12A3.072,3.072,0,0,1,3.537.317a2.341,2.341,0,0,1,.959.891,2.534,2.534,0,0,1,.341,1.316A2.531,2.531,0,0,1,4.5,3.84a2.339,2.339,0,0,1-.959.891A3.077,3.077,0,0,1,2.12,5.048ZM.719.627V4.421H2.077a2.329,2.329,0,0,0,1.075-.238,1.722,1.722,0,0,0,.715-.667,1.932,1.932,0,0,0,.252-.991,1.935,1.935,0,0,0-.252-.992A1.726,1.726,0,0,0,3.152.865,2.334,2.334,0,0,0,2.077.627Z" transform="translate(22.022 3.202)"/><path class="b" d="M8.372,9.857H0V2.083A2.078,2.078,0,0,1,2.068,0h6.3A2.078,2.078,0,0,1,10.44,2.083V7.774A2.078,2.078,0,0,1,8.372,9.857ZM2.068.242A1.836,1.836,0,0,0,.24,2.083V9.615H8.372A1.836,1.836,0,0,0,10.2,7.774V2.083A1.836,1.836,0,0,0,8.372.242Z" transform="translate(18.662)"/></g></g></svg>
\ No newline at end of file
diff --git a/jams-react-client/src/assets/img/logo-jami-net.svg b/jams-react-client/src/assets/img/logo-jami-net.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fb923db6fa466ef4b3c1c066fc6dd42e6328e23e
--- /dev/null
+++ b/jams-react-client/src/assets/img/logo-jami-net.svg
@@ -0,0 +1,366 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1658.4 552.8" style="enable-background:new 0 0 1658.4 552.8;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#000930;}
+ .st1{fill:url(#SVGID_1_);}
+ .st2{fill:url(#SVGID_2_);}
+ .st3{fill:url(#SVGID_3_);}
+ .st4{fill:url(#SVGID_4_);}
+ .st5{fill:url(#SVGID_5_);}
+ .st6{fill:url(#SVGID_6_);}
+ .st7{opacity:0.4;fill:url(#SVGID_7_);enable-background:new ;}
+ .st8{fill:url(#SVGID_8_);}
+ .st9{fill:url(#SVGID_9_);}
+ .st10{fill:url(#SVGID_10_);}
+ .st11{fill:url(#SVGID_11_);}
+ .st12{fill:url(#SVGID_12_);}
+ .st13{fill:url(#SVGID_13_);}
+ .st14{fill:url(#SVGID_14_);}
+ .st15{fill:url(#SVGID_15_);}
+ .st16{fill:url(#SVGID_16_);}
+ .st17{opacity:0.2;fill:url(#SVGID_17_);enable-background:new ;}
+ .st18{fill:url(#SVGID_18_);}
+ .st19{fill:url(#SVGID_19_);}
+ .st20{opacity:0.25;fill:url(#SVGID_20_);enable-background:new ;}
+ .st21{fill:url(#SVGID_21_);}
+ .st22{fill:url(#SVGID_22_);}
+ .st23{opacity:0.2;fill:url(#SVGID_23_);enable-background:new ;}
+ .st24{fill:url(#SVGID_24_);}
+</style>
+<g id="Layer_1_1_">
+ <g>
+ <g>
+ <path class="st0" d="M786.3,107.5v150.2c0,86.2-69.7,156.5-155.9,156.5v-42.3c62.8-0.6,113.6-51.4,113.6-114.2V107.5H786.3z M793.7,31.6c0-16-13.1-28.6-28.6-28.6c-16,0-28.6,12.6-28.6,28.6c0,15.4,12.6,28.6,28.6,28.6C780.6,60.1,793.7,47,793.7,31.6z"/>
+ <path class="st0" d="M1523,411.3V212.6c0-38.8-31.4-69.7-70.2-69.7c-38.8,0-70.2,31.4-70.2,70.2v198.1h-42.3V212.6 c0-38.8-31.4-69.7-70.2-69.7c-38.3,0-69.7,31.4-69.7,70.2v198.1h-42.3V212.6c0-62.2,50.3-111.9,111.9-111.9 c37.7,0,70.8,18.3,91.4,46.8c20.6-28.6,53.7-46.8,91.4-46.8c62.2,0,112.5,50.3,112.5,112.5v198.1H1523z"/>
+ <path class="st0" d="M1616.1,60.1c-16,0-28.6-12.6-28.6-28.6c0-15.4,12.6-28.6,28.6-28.6s28.6,13.1,28.6,28.6 C1644.6,47.5,1632.1,60.1,1616.1,60.1z M1637.2,107.5v303.8h-42.3V107.5H1637.2z"/>
+ <path class="st0" d="M974.6,143.3c63.5,0,115.2,51.7,115.2,115.2v115.2H974.6c-63.5,0-115.2-51.7-115.2-115.2 S911.1,143.3,974.6,143.3 M974.6,102.1c-86.4,0-156.4,70-156.4,156.4s70,156.4,156.4,156.4H1131V258.5 C1131.1,172.1,1061,102.1,974.6,102.1L974.6,102.1z"/>
+ </g>
+ <g>
+ <g>
+ <path class="st0" d="M883.5,535.1h-8.8v-9.7c-6,6.3-14.4,10.3-23.7,10.3c-18,0-32.7-14.7-32.7-32.7s14.7-32.6,32.7-32.6 s32.6,14.6,32.6,32.6L883.5,535.1L883.5,535.1z M874.6,503c0-13.1-10.6-23.7-23.7-23.7c-13.1,0-23.9,10.6-23.9,23.7 c0,13.1,10.7,23.8,23.9,23.8C864,526.9,874.6,516.1,874.6,503z"/>
+ <path class="st0" d="M945.9,498.6h32.2c0.1,1.4,0.2,3,0.2,4.4c0,18-14.5,32.7-32.6,32.7c-18,0-32.7-14.7-32.7-32.7 s14.7-32.6,32.7-32.6c13.2,0,24.7,7.9,29.8,19.3h-10c-4.3-6.3-11.6-10.5-19.8-10.5c-13.1,0-23.9,10.6-23.9,23.7 s10.7,23.8,23.9,23.8c11.6,0,21.2-8.3,23.4-19.4h-23.3L945.9,498.6L945.9,498.6z"/>
+ <path class="st0" d="M1049.7,535.1h-8.8v-31.8c0-13.1-10.6-23.8-23.7-23.8s-23.7,10.7-23.7,23.8v31.8h-8.8V503 c0-18,14.5-32.4,32.6-32.4c18.1,0,32.6,14.7,32.6,32.7v31.8L1049.7,535.1L1049.7,535.1z"/>
+ <path class="st0" d="M1055.8,471.2h8.8V503c0,13.1,10.6,23.8,23.7,23.8s23.7-10.7,23.7-23.8v-31.8h8.8v32.1 c0,18-14.5,32.4-32.6,32.4c-18,0-32.6-14.7-32.6-32.7v-31.8H1055.8z"/>
+ <path class="st0" d="M1150.5,549.6V503c0-18,14.5-32.6,32.6-32.6s32.7,14.6,32.7,32.6s-14.5,32.7-32.7,32.7 c-9.3,0-17.8-3.9-23.7-10.3v24.2L1150.5,549.6L1150.5,549.6z M1183,526.9c13.2,0,23.8-10.7,23.8-23.8s-10.6-23.7-23.8-23.7 c-13.1,0-23.7,10.6-23.7,23.7C1159.3,516.2,1169.9,526.9,1183,526.9z"/>
+ <path class="st0" d="M1287.1,535.1h-8.8v-9.7c-6,6.3-14.4,10.3-23.7,10.3c-18,0-32.7-14.7-32.7-32.7s14.7-32.6,32.7-32.6 s32.6,14.6,32.6,32.6L1287.1,535.1L1287.1,535.1z M1278.3,503c0-13.1-10.6-23.7-23.7-23.7s-23.9,10.6-23.9,23.7 c0,13.1,10.7,23.8,23.9,23.8C1267.7,526.9,1278.3,516.1,1278.3,503z"/>
+ <path class="st0" d="M1349.4,507.4h8.9c-2.1,16-15.9,28.3-32.3,28.3c-18,0-32.7-14.7-32.7-32.7s14.7-32.6,32.7-32.6 c16.5,0,30.2,12.3,32.3,28.1h-8.9c-2.1-11-11.8-19.3-23.4-19.3c-13.1,0-23.9,10.6-23.9,23.7c0,13.1,10.7,23.8,23.9,23.8 C1337.5,526.9,1347.2,518.5,1349.4,507.4z"/>
+ <path class="st0" d="M1424.4,524v11.1h-8.8V524c0-13.1-10.7-24-23.8-24h-18.4v35.1h-8.8v-78.3h8.8v34.7h12.9 c10.6,0,19.9-11,22.2-21.1h9.1c-1.4,8.6-6.7,18.6-13.4,23.5C1415.9,498.7,1424.4,510.4,1424.4,524z"/>
+ <path class="st0" d="M1495.8,535.1h-8.8v-9.7c-6,6.3-14.4,10.3-23.7,10.3c-18,0-32.7-14.7-32.7-32.7s14.7-32.6,32.7-32.6 s32.6,14.6,32.6,32.6L1495.8,535.1L1495.8,535.1z M1487,503c0-13.1-10.6-23.7-23.7-23.7s-23.9,10.6-23.9,23.7 c0,13.1,10.7,23.8,23.9,23.8C1476.4,526.9,1487,516.1,1487,503z"/>
+ <path class="st0" d="M1534.8,498.6h32.2c0.1,1.4,0.2,3,0.2,4.4c0,18-14.5,32.7-32.6,32.7c-18,0-32.7-14.7-32.7-32.7 s14.7-32.6,32.7-32.6c13.2,0,24.7,7.9,29.8,19.3h-10c-4.3-6.3-11.6-10.5-19.8-10.5c-13.1,0-23.9,10.6-23.9,23.7 s10.7,23.8,23.9,23.8c11.6,0,21.2-8.3,23.4-19.4h-23.3v-8.7H1534.8z"/>
+ </g>
+ <path class="st0" d="M1635.3,490.5c-1.8-5-4.7-9.2-8.6-12.6c-4-3.4-8.8-5.7-14.3-6.7c-5.9-1.1-11.5-0.8-16.7,1s-9.6,4.9-13.2,9.2 c-3.6,4.3-6,9.5-7.1,15.6s-0.8,11.8,1,17.2c1.8,5.3,5,9.9,9.4,13.6c4.4,3.7,9.9,6.2,16.3,7.4c2.5,0.5,4.9,0.7,7.3,0.7 c2.3,0,4.6-0.2,6.8-0.7c4.4-0.9,8.4-2.8,11.8-5.6l0.3-0.3l-4.1-7.2l-0.5,0.4c-2.7,2.1-5.8,3.6-9.2,4.3c-3.4,0.7-7,0.7-10.8,0 c-5.5-1.1-10.1-3.4-13.6-7c-3.3-3.4-5.3-7.6-6-12.5h52.2l0.1-0.4C1637.5,500.9,1637.1,495.5,1635.3,490.5z M1584.5,498.6 c0-0.2,0.1-0.5,0.1-0.7c0.9-4.5,2.6-8.3,5.1-11.4s5.7-5.3,9.3-6.6c2.2-0.8,4.6-1.2,7.1-1.2c1.5,0,3.1,0.2,4.7,0.5 c5.4,1,9.7,3.6,12.7,7.5c2.7,3.4,4.2,7.5,4.5,11.9"/>
+ </g>
+ </g>
+</g>
+<g id="Layer_3">
+ <g>
+
+ <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="310.5713" y1="-171.5924" x2="288.0715" y2="-145.3427" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2B3B6A"/>
+ <stop offset="1" style="stop-color:#2B3B6A"/>
+ </linearGradient>
+ <polygon class="st1" points="272.7,257.6 307.5,256.6 290.3,289.4 "/>
+
+ <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="504.3354" y1="-182.9431" x2="504.3354" y2="-363.3576" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2B3B6A"/>
+ <stop offset="7.040000e-02" style="stop-color:#2D4576"/>
+ <stop offset="0.2165" style="stop-color:#2E5589"/>
+ <stop offset="0.3608" style="stop-color:#2B5E97"/>
+ <stop offset="0.5" style="stop-color:#29629C"/>
+ <stop offset="0.6392" style="stop-color:#2B5E97"/>
+ <stop offset="0.7835" style="stop-color:#2E5589"/>
+ <stop offset="0.9296" style="stop-color:#2D4576"/>
+ <stop offset="1" style="stop-color:#2B3B6A"/>
+ </linearGradient>
+ <path class="st2" d="M423.2,265.9c128,20.6,146.1,52.5,146.1,52.5c0,2,0,3.9,0,5.9c0,1-0.5,2-1,3.4c-0.5,1.5-13.2,27.9-96.1,45.6 L423.2,265.9z"/>
+
+ <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="103.1957" y1="-376.9868" x2="161.7357" y2="-272.7559" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#252B59"/>
+ <stop offset="8.590000e-02" style="stop-color:#2B3A69"/>
+ <stop offset="0.2267" style="stop-color:#2E4A7C"/>
+ <stop offset="0.3658" style="stop-color:#2E5487"/>
+ <stop offset="0.5" style="stop-color:#2D578C"/>
+ <stop offset="0.6342" style="stop-color:#2E5487"/>
+ <stop offset="0.7733" style="stop-color:#2E4A7C"/>
+ <stop offset="0.9141" style="stop-color:#2B3A69"/>
+ <stop offset="1" style="stop-color:#252B59"/>
+ </linearGradient>
+ <path class="st3" d="M100.6,368.9c-28.9,77-14.2,101-13.2,103c0.5,1,1,2,2,2.5c2,0,3.9-0.5,5.9-1c0,0,52.5-2.5,113.7-89.7 L100.6,368.9z"/>
+
+ <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="270.5742" y1="-23.0625" x2="173.6782" y2="89.9837" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#181844"/>
+ <stop offset="2.840000e-02" style="stop-color:#1E1E4C"/>
+ <stop offset="0.1353" style="stop-color:#283261"/>
+ <stop offset="0.2468" style="stop-color:#2D4172"/>
+ <stop offset="0.3647" style="stop-color:#2E4A7C"/>
+ <stop offset="0.5" style="stop-color:#2E4D7F"/>
+ <stop offset="0.6177" style="stop-color:#2D4576"/>
+ <stop offset="0.8125" style="stop-color:#273160"/>
+ <stop offset="1" style="stop-color:#181844"/>
+ </linearGradient>
+ <path class="st4" d="M291.8,75.2c-70.1-77-104-72.6-105.9-72.1c-1,0-2.5,0.5-3.4,1c-2.5,1-4.9,8.8-4.9,8.8s-14.7,42.7,44.6,156.4 L291.8,75.2z"/>
+
+ <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="462.4529" y1="-389.3665" x2="387.5968" y2="-148.224" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#181844"/>
+ <stop offset="2.840000e-02" style="stop-color:#1E1E4C"/>
+ <stop offset="0.1353" style="stop-color:#283261"/>
+ <stop offset="0.2468" style="stop-color:#2D4172"/>
+ <stop offset="0.3647" style="stop-color:#2E4A7C"/>
+ <stop offset="0.5" style="stop-color:#2E4D7F"/>
+ <stop offset="0.6177" style="stop-color:#2D4576"/>
+ <stop offset="0.8125" style="stop-color:#273160"/>
+ <stop offset="1" style="stop-color:#181844"/>
+ </linearGradient>
+ <path class="st5" d="M353.1,370.3c95.1,108.8,128.4,102.5,128.4,102.5c2,0.5,4.4,1,6.4,1c1-0.5,1.5-1.5,2-2.5 c1.5-2,28.4-46.1-62.8-204.9L353.1,370.3z"/>
+
+ <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="127.2854" y1="-182.9417" x2="127.2854" y2="-363.3527" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2B3B6A"/>
+ <stop offset="7.040000e-02" style="stop-color:#2D4576"/>
+ <stop offset="0.2165" style="stop-color:#2E5589"/>
+ <stop offset="0.3608" style="stop-color:#2B5E97"/>
+ <stop offset="0.5" style="stop-color:#29629C"/>
+ <stop offset="0.6392" style="stop-color:#2B5E97"/>
+ <stop offset="0.7835" style="stop-color:#2E5589"/>
+ <stop offset="0.9296" style="stop-color:#2D4576"/>
+ <stop offset="1" style="stop-color:#2B3B6A"/>
+ </linearGradient>
+ <path class="st6" d="M230,387C33.9,378.7,10.4,330.1,9.4,327.7c-0.5-1-1-2-1-3.4c0.5-3.4,7.4-9.8,7.4-9.8s52-31.9,138.7-49 L230,387z"/>
+
+ <linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="226.4924" y1="-5.8589" x2="297.318" y2="-5.8589" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2B3B6A"/>
+ <stop offset="1" style="stop-color:#2B3B6A"/>
+ </linearGradient>
+ <path class="st7" d="M286.4,69.3c-24.5,26.5-47.1,54.9-67.7,84.3h4.9c15.2-19.1,52.9-67.2,65.7-80.9L286.4,69.3z"/>
+
+ <linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="319.9168" y1="-80.8058" x2="319.9168" y2="89.3622" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#252B59"/>
+ <stop offset="0.5" style="stop-color:#2D578C"/>
+ <stop offset="0.6934" style="stop-color:#2D5588"/>
+ <stop offset="0.8038" style="stop-color:#2E4F80"/>
+ <stop offset="0.8932" style="stop-color:#2D4474"/>
+ <stop offset="0.971" style="stop-color:#283463"/>
+ <stop offset="1" style="stop-color:#252B59"/>
+ </linearGradient>
+ <path class="st8" d="M365.3,157.6c51.5-121.1,31.4-149,31.4-149c-0.5-1.5-1-3.4-1.5-4.9c-1-0.5-2-0.5-3.4-1 c-2.5-0.5-55.9-7.4-168.7,150.5L365.3,157.6z"/>
+
+ <linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="164.8027" y1="-411.2054" x2="475.6771" y2="58.704" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2867A2"/>
+ <stop offset="8.239999e-02" style="stop-color:#177EBC"/>
+ <stop offset="0.1675" style="stop-color:#0E91D1"/>
+ <stop offset="0.2527" style="stop-color:#10A2E1"/>
+ <stop offset="0.337" style="stop-color:#18ACEA"/>
+ <stop offset="0.42" style="stop-color:#24B1ED"/>
+ <stop offset="0.5" style="stop-color:#28B1ED"/>
+ <stop offset="0.58" style="stop-color:#24B1ED"/>
+ <stop offset="0.663" style="stop-color:#18ACEA"/>
+ <stop offset="0.7473" style="stop-color:#10A2E1"/>
+ <stop offset="0.8325" style="stop-color:#0E91D1"/>
+ <stop offset="0.9176" style="stop-color:#177EBC"/>
+ <stop offset="1" style="stop-color:#2867A2"/>
+ </linearGradient>
+ <path class="st9" d="M287.9,461.5c-69.6,75.5-103,71.1-104.9,71.1c-2.9-1-5.9-2.5-8.3-3.9l-84.8-53.9c35.8-7.8,79.9-50,126-104.4 L287.9,461.5z"/>
+
+ <linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="136.7031" y1="-420.5407" x2="259.8331" y2="-310.2963" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2C5D95"/>
+ <stop offset="8.220001e-02" style="stop-color:#246EAB"/>
+ <stop offset="0.1808" style="stop-color:#1B79B9"/>
+ <stop offset="0.3007" style="stop-color:#1080C2"/>
+ <stop offset="0.5" style="stop-color:#0E81C5"/>
+ <stop offset="0.6993" style="stop-color:#1080C2"/>
+ <stop offset="0.8192" style="stop-color:#1B79B9"/>
+ <stop offset="0.9178" style="stop-color:#246EAB"/>
+ <stop offset="1" style="stop-color:#2C5D95"/>
+ </linearGradient>
+ <path class="st10" d="M290.8,464.5c-69.6,75.5-103,71.1-104.9,71.1c-2.9-1-5.9-2.5-8.3-3.9l-87.8-57.4 c35.8-7.8,82.9-47.1,128.9-101.5L290.8,464.5z"/>
+
+ <linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="125.3424" y1="61.8793" x2="411.2583" y2="-414.6461" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2C5D95"/>
+ <stop offset="1.760000e-02" style="stop-color:#2A6199"/>
+ <stop offset="0.1407" style="stop-color:#1C79B7"/>
+ <stop offset="0.2631" style="stop-color:#0A8CCA"/>
+ <stop offset="0.3837" style="stop-color:#0B97D4"/>
+ <stop offset="0.5" style="stop-color:#0E9AD8"/>
+ <stop offset="0.6163" style="stop-color:#0B97D4"/>
+ <stop offset="0.7369" style="stop-color:#0A8CCA"/>
+ <stop offset="0.8593" style="stop-color:#1C79B7"/>
+ <stop offset="0.9824" style="stop-color:#2A6199"/>
+ <stop offset="1" style="stop-color:#2C5D95"/>
+ </linearGradient>
+ <path class="st11" d="M105,170.3C74.1,90.9,89.3,65.9,90.3,64.4c2-2.5,4.4-4.4,6.9-5.9L182,4.6c-7.4,34.8,11.3,88.2,40.2,150.5 L105,170.3z"/>
+
+ <linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="434.9247" y1="-411.5564" x2="251.0804" y2="-179.9966" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2C5D95"/>
+ <stop offset="2.570000e-02" style="stop-color:#2A6199"/>
+ <stop offset="0.2053" style="stop-color:#1C79B7"/>
+ <stop offset="0.384" style="stop-color:#0A8CCA"/>
+ <stop offset="0.5599" style="stop-color:#0B97D4"/>
+ <stop offset="0.7296" style="stop-color:#0E9AD8"/>
+ <stop offset="0.7925" style="stop-color:#0B97D4"/>
+ <stop offset="0.8577" style="stop-color:#0A8CCA"/>
+ <stop offset="0.9239" style="stop-color:#1C79B7"/>
+ <stop offset="0.9905" style="stop-color:#2A6199"/>
+ <stop offset="1" style="stop-color:#2C5D95"/>
+ </linearGradient>
+ <path class="st12" d="M283.9,264.4c-42.7,0-85.3,3.4-127.5,9.3c1.5,2.5,21.1,35.3,35.3,57.4c136.3,209.8,200,201.5,203,201 c2.9-1,5.9-2.5,8.3-3.9l84.8-53.9C430,462,349.6,367.9,283.9,264.4z"/>
+
+ <linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="169.2539" y1="-54.6875" x2="133.4592" y2="74.1721" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2C5D95"/>
+ <stop offset="8.220001e-02" style="stop-color:#246EAB"/>
+ <stop offset="0.1808" style="stop-color:#1B79B9"/>
+ <stop offset="0.3007" style="stop-color:#1080C2"/>
+ <stop offset="0.5" style="stop-color:#0E81C5"/>
+ <stop offset="0.6993" style="stop-color:#1080C2"/>
+ <stop offset="0.8192" style="stop-color:#1B79B9"/>
+ <stop offset="0.9178" style="stop-color:#246EAB"/>
+ <stop offset="1" style="stop-color:#2C5D95"/>
+ </linearGradient>
+ <path class="st13" d="M102.1,172.8C71.2,93.3,86.4,68.3,87.3,66.9c2-2.5,4.4-4.4,6.9-5.9l88.2-56.9c-7.4,34.8,8.3,91.2,37.3,153 L102.1,172.8z"/>
+
+ <linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="574.6386" y1="-141.4589" x2="16.9401" y2="-141.4589" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2867A2"/>
+ <stop offset="1.280000e-02" style="stop-color:#256BA7"/>
+ <stop offset="0.1121" style="stop-color:#0B83C3"/>
+ <stop offset="0.2115" style="stop-color:#1797D8"/>
+ <stop offset="0.3099" style="stop-color:#25A3E2"/>
+ <stop offset="0.4066" style="stop-color:#27ABE7"/>
+ <stop offset="0.5" style="stop-color:#2AAEEA"/>
+ <stop offset="0.5934" style="stop-color:#27ABE7"/>
+ <stop offset="0.6901" style="stop-color:#25A3E2"/>
+ <stop offset="0.7885" style="stop-color:#1797D8"/>
+ <stop offset="0.8879" style="stop-color:#0B83C3"/>
+ <stop offset="0.9872" style="stop-color:#256BA7"/>
+ <stop offset="1" style="stop-color:#2867A2"/>
+ </linearGradient>
+ <path class="st14" d="M422.7,276.2c66.2,9.3,121.1,23,146.1,48V223.8c0-2.9-0.5-6.4-1-9.3c-0.5-1.5-13.2-27.5-93.2-44.6 L422.7,276.2z"/>
+
+ <linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="414.7642" y1="-133.5602" x2="574.166" y2="-142.1506" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2E5284"/>
+ <stop offset="6.100000e-03" style="stop-color:#2E5486"/>
+ <stop offset="9.120000e-02" style="stop-color:#29649D"/>
+ <stop offset="0.1876" style="stop-color:#236FAD"/>
+ <stop offset="0.3049" style="stop-color:#1D77B6"/>
+ <stop offset="0.5" style="stop-color:#1C78B9"/>
+ <stop offset="0.6951" style="stop-color:#1D77B6"/>
+ <stop offset="0.8124" style="stop-color:#236FAD"/>
+ <stop offset="0.9088" style="stop-color:#29649D"/>
+ <stop offset="0.9939" style="stop-color:#2E5486"/>
+ <stop offset="1" style="stop-color:#2E5284"/>
+ </linearGradient>
+ <path class="st15" d="M422.7,272.8c66.2,9.3,121.1,27,146.1,52v-105c0-2.9-0.5-6.4-1-9.3c-0.5-1.5-13.2-27.5-93.2-44.6 L422.7,272.8z"/>
+
+ <linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="16.4854" y1="-134.0589" x2="304.0796" y2="-134.0589" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2867A2"/>
+ <stop offset="2.250000e-02" style="stop-color:#256BA7"/>
+ <stop offset="0.1971" style="stop-color:#0B83C3"/>
+ <stop offset="0.3718" style="stop-color:#1797D8"/>
+ <stop offset="0.5447" style="stop-color:#25A3E2"/>
+ <stop offset="0.7147" style="stop-color:#27ABE7"/>
+ <stop offset="0.8788" style="stop-color:#2AAEEA"/>
+ <stop offset="0.9015" style="stop-color:#27ABE7"/>
+ <stop offset="0.9249" style="stop-color:#25A3E2"/>
+ <stop offset="0.9487" style="stop-color:#1797D8"/>
+ <stop offset="0.9728" style="stop-color:#0B83C3"/>
+ <stop offset="0.9969" style="stop-color:#256BA7"/>
+ <stop offset="1" style="stop-color:#2867A2"/>
+ </linearGradient>
+ <path class="st16" d="M362.9,156.1c-14.7-0.5-46.6-2-74-2c-250.5,0-278,57.9-279.5,60.8c-1,2.9-1,5.9-1,9.3v101 c24.5-24.5,78-37.8,143.2-47.6c42.2-5.9,84.3-9.3,127-9.8c7.8,0,15.7,0,23.5,0C302.1,267.4,377.6,156.6,362.9,156.1z"/>
+
+ <linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="218.7356" y1="-59.4308" x2="110.6509" y2="-44.2314" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2B3B6A"/>
+ <stop offset="1" style="stop-color:#2B3B6A"/>
+ </linearGradient>
+ <path class="st17" d="M219.7,148.3c-52.5,2.5-90.2,6.4-121.6,15.2l1.5,3.9c2.9-0.5,6.4-1.5,9.3-2c37.8-5.9,75.5-9.8,113.3-11.3 L219.7,148.3z"/>
+
+ <linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="328.6856" y1="-152.0787" x2="23.2429" y2="-109.1258" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2867A2"/>
+ <stop offset="3.820000e-02" style="stop-color:#2174B1"/>
+ <stop offset="0.1177" style="stop-color:#0B86C4"/>
+ <stop offset="0.2081" style="stop-color:#0A94D2"/>
+ <stop offset="0.3177" style="stop-color:#0C9BDB"/>
+ <stop offset="0.5" style="stop-color:#109EDE"/>
+ <stop offset="0.6823" style="stop-color:#0C9BDB"/>
+ <stop offset="0.7919" style="stop-color:#0A94D2"/>
+ <stop offset="0.8823" style="stop-color:#0B86C4"/>
+ <stop offset="0.9618" style="stop-color:#2174B1"/>
+ <stop offset="1" style="stop-color:#2867A2"/>
+ </linearGradient>
+ <path class="st18" d="M362.9,152.2c-14.7-0.5-46.6-2-74-2c-250.5,0-278,57.9-279.5,60.8c-1,2.9-1,5.9-1,9.3v104.9 c24.5-24.5,78-41.7,143.2-51.5c42.2-5.9,84.3-9.3,127-9.8c7.8,0,15.7,0,23.5,0C313.4,264,377.6,152.7,362.9,152.2z"/>
+
+ <linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="470.1697" y1="59.8145" x2="324.9195" y2="-190.3387" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2867A2"/>
+ <stop offset="0.1238" style="stop-color:#177EBC"/>
+ <stop offset="0.2516" style="stop-color:#0E91D1"/>
+ <stop offset="0.3797" style="stop-color:#10A2E1"/>
+ <stop offset="0.5064" style="stop-color:#18ACEA"/>
+ <stop offset="0.631" style="stop-color:#24B1ED"/>
+ <stop offset="0.7513" style="stop-color:#28B1ED"/>
+ <stop offset="0.7911" style="stop-color:#24B1ED"/>
+ <stop offset="0.8324" style="stop-color:#18ACEA"/>
+ <stop offset="0.8743" style="stop-color:#10A2E1"/>
+ <stop offset="0.9167" style="stop-color:#0E91D1"/>
+ <stop offset="0.959" style="stop-color:#177EBC"/>
+ <stop offset="1" style="stop-color:#2867A2"/>
+ </linearGradient>
+ <path class="st19" d="M288.8,272.3C357,169.8,407.5,62.5,395.2,4.1L480,58c2.5,1.5,4.9,3.4,6.9,5.9c1.5,2.5,34.8,57.4-101.5,267.2 c-9.8,15.7-19.1,33.8-22.6,35.3c-20.1-19.6-61.8-76.5-72.1-90.7C289.3,273.8,288.8,272.3,288.8,272.3z"/>
+
+ <linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="488.7314" y1="-66.1837" x2="435.847" y2="-165.4269" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2B3B6A"/>
+ <stop offset="1" style="stop-color:#2B3B6A"/>
+ </linearGradient>
+ <path class="st20" d="M477.6,166.4c-15.2,38.2-33.3,75-54.4,109.8l6.4,1c27-46.6,42.7-80.9,53.4-109.8L477.6,166.4z"/>
+
+ <linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="465.6816" y1="54.1673" x2="319.9706" y2="-219.2739" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2867A2"/>
+ <stop offset="3.820000e-02" style="stop-color:#2174B1"/>
+ <stop offset="0.1177" style="stop-color:#0B86C4"/>
+ <stop offset="0.2081" style="stop-color:#0A94D2"/>
+ <stop offset="0.3177" style="stop-color:#0C9BDB"/>
+ <stop offset="0.5" style="stop-color:#109EDE"/>
+ <stop offset="0.6823" style="stop-color:#0C9BDB"/>
+ <stop offset="0.7919" style="stop-color:#0A94D2"/>
+ <stop offset="0.8823" style="stop-color:#0B86C4"/>
+ <stop offset="0.9618" style="stop-color:#2174B1"/>
+ <stop offset="1" style="stop-color:#2867A2"/>
+ </linearGradient>
+ <path class="st21" d="M388.9,334.1c136.3-209.8,103-264.7,101.5-267.2c-2-2.5-4.4-4.4-6.9-5.9L395.2,4.1 C407.5,62,359,173.7,291.3,276.2c22.6,34.8,46.1,68.6,71.1,97.6C367.3,367.9,379.5,348.3,388.9,334.1z"/>
+
+ <linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="476.9116" y1="48.0479" x2="329.9179" y2="-227.801" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2867A2"/>
+ <stop offset="3.820000e-02" style="stop-color:#2174B1"/>
+ <stop offset="0.1177" style="stop-color:#0B86C4"/>
+ <stop offset="0.2081" style="stop-color:#0A94D2"/>
+ <stop offset="0.3177" style="stop-color:#0C9BDB"/>
+ <stop offset="0.5" style="stop-color:#109EDE"/>
+ <stop offset="0.6823" style="stop-color:#0C9BDB"/>
+ <stop offset="0.7919" style="stop-color:#0A94D2"/>
+ <stop offset="0.8823" style="stop-color:#0B86C4"/>
+ <stop offset="0.9618" style="stop-color:#2174B1"/>
+ <stop offset="1" style="stop-color:#2867A2"/>
+ </linearGradient>
+ <path class="st22" d="M359.9,377.2c0.5-0.5,1-0.5,1-1c-26-30.9-50-63.2-72.1-96.6c-0.5,0.5-1,1-1,2 C287.4,281.1,334.9,356.1,359.9,377.2z"/>
+
+ <linearGradient id="SVGID_23_" gradientUnits="userSpaceOnUse" x1="239.5275" y1="-265.5889" x2="277.2304" y2="-367.7321" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2B3B6A"/>
+ <stop offset="1" style="stop-color:#2B3B6A"/>
+ </linearGradient>
+ <path class="st23" d="M288.8,466.4c-1-1.5-51-60.3-74-95.1l-3.9,4.4c22.6,32.8,47.6,64.2,75,94.1L288.8,466.4z"/>
+
+ <linearGradient id="SVGID_24_" gradientUnits="userSpaceOnUse" x1="311.1502" y1="-160.5167" x2="355.5364" y2="-436.8544" gradientTransform="matrix(1 0 0 -1 -8.0854 105.5911)">
+ <stop offset="0" style="stop-color:#2E5284"/>
+ <stop offset="2.440000e-02" style="stop-color:#2C5C92"/>
+ <stop offset="8.880000e-02" style="stop-color:#2075B1"/>
+ <stop offset="0.1599" style="stop-color:#0B86C4"/>
+ <stop offset="0.2403" style="stop-color:#0A94D2"/>
+ <stop offset="0.3378" style="stop-color:#0E9CDA"/>
+ <stop offset="0.5" style="stop-color:#109EDE"/>
+ <stop offset="0.6718" style="stop-color:#0C9BDB"/>
+ <stop offset="0.7751" style="stop-color:#0A94D2"/>
+ <stop offset="0.8603" style="stop-color:#0B86C4"/>
+ <stop offset="0.9351" style="stop-color:#2174B1"/>
+ <stop offset="1" style="stop-color:#2C5D95"/>
+ </linearGradient>
+ <path class="st24" d="M360.9,376.2c-26-30.9-50-63.2-72.1-96.6c-2.5-3.9-5.4-7.8-7.8-11.8c-42.7,0-85.3,3.4-127.5,9.3 c1.5,2.5,21.1,35.3,35.3,57.4c136.3,209.8,200,201.5,203,201c2.9-1,5.9-2.5,8.3-3.9l87.8-56.9C452.1,466.4,406,428.7,360.9,376.2z "/>
+ </g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/jams-react-client/src/assets/img/tip_light_bulb.svg b/jams-react-client/src/assets/img/tip_light_bulb.svg
new file mode 100644
index 0000000000000000000000000000000000000000..99abdac49a7e8e30dcd6d15b8fdb7a25f6f442dd
--- /dev/null
+++ b/jams-react-client/src/assets/img/tip_light_bulb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="9.032" height="11.11" viewBox="0 0 9.032 11.11"><defs><style>.a{fill:#005699;stroke:#005699;stroke-width:0.25px;}</style></defs><g transform="translate(0.185 0.125)"><path class="a" d="M13.68,15.112h-2.2a1.031,1.031,0,0,1-1.031-1.031v-.825a1.7,1.7,0,0,0-.619-1.328,4.33,4.33,0,1,1,5.5,0,1.672,1.672,0,0,0-.619,1.328v.825A1.031,1.031,0,0,1,13.68,15.112Zm-2.818-1.65v.619a.619.619,0,0,0,.619.619h2.2a.619.619,0,0,0,.619-.619v-.619Zm0-.412h3.445a2.079,2.079,0,0,1,.748-1.443,3.9,3.9,0,0,0,1.438-3.2,3.909,3.909,0,1,0-6.387,3.2,2.1,2.1,0,0,1,.748,1.443Z" transform="translate(-8.249 -4.252)"/></g></svg>
\ No newline at end of file