diff --git a/assets/icons/3GangSwitch.svg b/assets/icons/3GangSwitch.svg
new file mode 100644
index 0000000..ecb9992
--- /dev/null
+++ b/assets/icons/3GangSwitch.svg
@@ -0,0 +1,19 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="3Gang switch">
+<path id="Vector" d="M38.0142 39.2553L35.3682 40H20.9308H19.9999H19.0691H1.24111C0.555643 40 0 39.4444 0 38.7589V1.24111C0 0.555643 0.555643 0 1.24111 0H19.0682H20.1226H20.9543H35.4255L38.2625 1.24111C38.9479 1.24111 39.5036 1.79675 39.5036 2.48221L39.2553 38.0142C39.2553 38.6997 38.6997 39.2553 38.0142 39.2553Z" fill="#E9E9E9"/>
+<g id="Group">
+<path id="Vector_2" d="M38.7589 0H35.0356C35.721 0 36.2767 0.555643 36.2767 1.24111V38.7589C36.2767 39.4444 35.721 40 35.0356 40H38.7589C39.4444 40 40 39.4444 40 38.7589V1.24111C40 0.555643 39.4444 0 38.7589 0Z" fill="#D1D1D1"/>
+</g>
+<g id="Group_2">
+<path id="Vector_3" opacity="0.6" d="M8.64062 31.8319V33.3212C8.64062 34.0067 8.22091 34.5623 7.70312 34.5623H3.57813C3.06034 34.5623 2.64062 34.0067 2.64062 33.3212V31.8319C2.64062 31.1465 3.06034 30.5908 3.57813 30.5908H7.70312C8.22091 30.5908 8.64062 31.1465 8.64062 31.8319Z" fill="#023DFE" fill-opacity="0.5"/>
+</g>
+<g id="Group_3">
+<path id="Vector_4" opacity="0.6" d="M27.6406 31.8319V33.3212C27.6406 34.0067 28.0603 34.5623 28.5781 34.5623H32.7031C33.2209 34.5623 33.6406 34.0067 33.6406 33.3212V31.8319C33.6406 31.1465 33.2209 30.5908 32.7031 30.5908H28.5781C28.0603 30.5908 27.6406 31.1465 27.6406 31.8319Z" fill="#023DFE" fill-opacity="0.5"/>
+</g>
+<g id="Group_4">
+<path id="Vector_5" opacity="0.6" d="M15.0625 31.8319V33.3212C15.0625 34.0067 15.4822 34.5623 16 34.5623H20.125C20.6428 34.5623 21.0625 34.0067 21.0625 33.3212V31.8319C21.0625 31.1465 20.6428 30.5908 20.125 30.5908H16C15.4822 30.5908 15.0625 31.1465 15.0625 31.8319Z" fill="#023DFE" fill-opacity="0.5"/>
+</g>
+<path id="Vector_6" d="M23.125 0H24.9867V40H23.125V0Z" fill="#D1D1D1"/>
+<path id="Vector_7" d="M11.1719 0H13.0335V40H11.1719V0Z" fill="#D1D1D1"/>
+</g>
+</svg>
diff --git a/assets/icons/Vector-1.svg b/assets/icons/Vector-1.svg
new file mode 100644
index 0000000..ce3fd9d
--- /dev/null
+++ b/assets/icons/Vector-1.svg
@@ -0,0 +1,29 @@
+<svg width="106" height="106" viewBox="0 0 106 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ddi_424_1267)">
+<path d="M75.2843 55.2842C75.2843 44.2385 66.33 35.2842 55.2843 35.2842C44.2386 35.2842 35.2843 44.2385 35.2843 55.2842C35.2843 66.3299 44.2386 75.2842 55.2843 75.2842C66.33 75.2842 75.2843 66.3299 75.2843 55.2842Z" fill="#F9F9F9"/>
+</g>
+<defs>
+<filter id="filter0_ddi_424_1267" x="0.284302" y="0.28418" width="105" height="105" 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 dx="5" dy="5"/>
+<feGaussianBlur stdDeviation="12.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_424_1267"/>
+<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 dx="-5" dy="-5"/>
+<feGaussianBlur stdDeviation="15"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_424_1267" result="effect2_dropShadow_424_1267"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_424_1267" 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 dx="5" dy="5"/>
+<feGaussianBlur stdDeviation="15"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
+<feBlend mode="normal" in2="shape" result="effect3_innerShadow_424_1267"/>
+</filter>
+</defs>
+</svg>
diff --git a/assets/icons/Vector.svg b/assets/icons/Vector.svg
new file mode 100644
index 0000000..2b26ff9
--- /dev/null
+++ b/assets/icons/Vector.svg
@@ -0,0 +1,17 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_424_1266)">
+<path d="M60 30C60 13.4315 46.5685 1.77912e-06 30 2.50336e-06C13.4315 3.22759e-06 -2.03558e-06 13.4315 -1.31134e-06 30C-5.87108e-07 46.5685 13.4315 60 30 60C46.5685 60 60 46.5685 60 30Z" fill="#EBECED"/>
+</g>
+<defs>
+<filter id="filter0_i_424_1266" x="0" y="0" width="65" height="65" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<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 dx="5" dy="5"/>
+<feGaussianBlur stdDeviation="15"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_424_1266"/>
+</filter>
+</defs>
+</svg>
diff --git a/assets/icons/lightSwitchOff.svg b/assets/icons/lightSwitchOff.svg
new file mode 100644
index 0000000..b982c13
--- /dev/null
+++ b/assets/icons/lightSwitchOff.svg
@@ -0,0 +1,25 @@
+<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 154">
+<g id="Ellipse 2" filter="url(#filter0_d_821_270)">
+<circle cx="33.0001" cy="28" r="25" transform="rotate(-90 33.0001 28)" fill="white"/>
+</g>
+<g id="Group 155">
+<path id="Vector" d="M44.5391 17.2812C44.9921 17.2812 45.3594 16.914 45.3594 16.4609C45.3594 16.0079 44.9921 15.6406 44.5391 15.6406C44.086 15.6406 43.7188 16.0079 43.7188 16.4609C43.7188 16.914 44.086 17.2812 44.5391 17.2812Z" fill="#999999"/>
+<path id="Vector_2" d="M33.0547 42C39.1796 42 44.3866 37.9962 46.2572 32.4649C46.3741 32.1193 46.2488 31.7382 45.9496 31.5294C45.6504 31.3207 45.2495 31.3345 44.9654 31.5634C43.1968 32.9888 41.0637 33.7422 38.7969 33.7422C33.3388 33.7422 28.8984 29.3263 28.8984 23.8984C28.8984 20.5422 30.6859 17.331 33.5633 15.518C33.8719 15.3235 34.015 14.9487 33.9145 14.598C33.816 14.2541 33.5064 14.0145 33.1503 14.004C33.1309 14.0025 33.0962 14 33.0547 14C25.3506 14 19 20.2867 19 28C19 35.7105 25.3475 42 33.0547 42ZM30.5152 15.9006C28.4143 18.0801 27.2578 20.9529 27.2578 23.8984C27.2578 30.2309 32.4342 35.3828 38.7969 35.3828C40.4628 35.3828 42.1078 35.0143 43.609 34.3208C41.4167 38.0133 37.4377 40.3594 33.0547 40.3594C26.2096 40.3594 20.6406 34.815 20.6406 28C20.6406 22.051 24.8836 17.0704 30.5152 15.9006Z" fill="#999999"/>
+<path id="Vector_3" d="M34.6953 20.5625C36.0292 20.5625 37.1562 21.7145 37.1562 23.0781C37.1562 23.5312 37.5235 23.8984 37.9766 23.8984C38.4296 23.8984 38.7969 23.5312 38.7969 23.0781C38.7969 21.7145 39.9238 20.5625 41.2578 20.5625C41.7108 20.5625 42.0781 20.1952 42.0781 19.7422C42.0781 19.2892 41.7108 18.9219 41.2578 18.9219C39.9009 18.9219 38.7969 17.8179 38.7969 16.4609C38.7969 16.0079 38.4296 15.6406 37.9766 15.6406C37.5235 15.6406 37.1562 16.0079 37.1562 16.4609C37.1562 17.8179 36.0523 18.9219 34.6953 18.9219C34.2423 18.9219 33.875 19.2892 33.875 19.7422C33.875 20.1952 34.2423 20.5625 34.6953 20.5625ZM37.9766 18.919C38.2134 19.2344 38.4946 19.5146 38.8107 19.7504C38.4945 19.9916 38.2165 20.2737 37.9766 20.597C37.7366 20.2737 37.4588 19.9917 37.1424 19.7504C37.4586 19.5146 37.7397 19.2344 37.9766 18.919Z" fill="#999999"/>
+<path id="Vector_4" d="M46.1797 23.8984C46.6327 23.8984 47 23.5312 47 23.0781C47 22.6251 46.6327 22.2578 46.1797 22.2578C45.7266 22.2578 45.3594 22.6251 45.3594 23.0781C45.3594 23.5312 45.7266 23.8984 46.1797 23.8984Z" fill="#999999"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_821_270" x="0.00012207" y="0" width="66" height="66" 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="5"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_821_270"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_821_270" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/assets/icons/lightSwitchOn.svg b/assets/icons/lightSwitchOn.svg
new file mode 100644
index 0000000..e0245bc
--- /dev/null
+++ b/assets/icons/lightSwitchOn.svg
@@ -0,0 +1,38 @@
+<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 154">
+<g id="Ellipse 2" filter="url(#filter0_d_821_295)">
+<circle cx="33" cy="28" r="25" transform="rotate(-90 33 28)" fill="white"/>
+</g>
+<g id="Group">
+<path id="Vector" d="M25.6172 28.0005C25.6172 32.0714 28.9291 35.3833 33 35.3833C37.0709 35.3833 40.3828 32.0714 40.3828 28.0005C40.3828 23.9296 37.0709 20.6177 33 20.6177C28.9291 20.6177 25.6172 23.9296 25.6172 28.0005ZM33 22.2583C36.1662 22.2583 38.7422 24.8342 38.7422 28.0005C38.7422 31.1667 36.1662 33.7427 33 33.7427C29.8338 33.7427 27.2578 31.1667 27.2578 28.0005C27.2578 24.8342 29.8338 22.2583 33 22.2583Z" fill="#999999"/>
+<path id="Vector_2" d="M39.3805 34.3809C39.0602 34.7013 39.0602 35.2207 39.3805 35.541L43.3413 39.5018C43.6616 39.8222 44.1811 39.8222 44.5014 39.5018C44.8218 39.1815 44.8218 38.6621 44.5014 38.3417L40.5406 34.3809C40.2203 34.0605 39.7008 34.0605 39.3805 34.3809Z" fill="#999999"/>
+<path id="Vector_3" d="M22.6587 16.4989C22.3384 16.1786 21.8189 16.1786 21.4986 16.4989C21.1782 16.8193 21.1782 17.3387 21.4986 17.659L25.4594 21.6198C25.7797 21.9402 26.2991 21.9402 26.6195 21.6198C26.9398 21.2995 26.9398 20.7801 26.6195 20.4597L22.6587 16.4989Z" fill="#999999"/>
+<path id="Vector_4" d="M21.4986 39.502C21.8189 39.8224 22.3383 39.8224 22.6587 39.502L26.6195 35.5412C26.9398 35.2209 26.9398 34.7015 26.6195 34.3811C26.2991 34.0608 25.7797 34.0608 25.4594 34.3811L21.4986 38.3419C21.1782 38.6623 21.1782 39.1817 21.4986 39.502Z" fill="#999999"/>
+<path id="Vector_5" d="M44.5014 16.4989C44.1811 16.1786 43.6617 16.1786 43.3413 16.4989L39.3805 20.4597C39.0602 20.7801 39.0602 21.2995 39.3805 21.6198C39.7008 21.9402 40.2203 21.9402 40.5406 21.6198L44.5014 17.659C44.8218 17.3387 44.8218 16.8193 44.5014 16.4989Z" fill="#999999"/>
+<path id="Vector_6" d="M36.4531 36.3369C36.0346 36.5103 35.8358 36.9902 36.0092 37.4087L36.637 38.9245C36.8101 39.3424 37.2896 39.542 37.7088 39.3684C38.1274 39.1951 38.3261 38.7152 38.1528 38.2966L37.525 36.7809C37.3515 36.3623 36.8717 36.1636 36.4531 36.3369Z" fill="#999999"/>
+<path id="Vector_7" d="M29.547 19.6638C29.9655 19.4905 30.1643 19.0106 29.9909 18.592L29.3631 17.0763C29.1897 16.6577 28.7099 16.459 28.2913 16.6323C27.8727 16.8057 27.674 17.2856 27.8473 17.7042L28.4751 19.2199C28.6483 19.6378 29.1278 19.8375 29.547 19.6638Z" fill="#999999"/>
+<path id="Vector_8" d="M23.5917 31.0096L22.0759 31.6374C21.6574 31.8108 21.4586 32.2907 21.632 32.7093C21.8051 33.1272 22.2846 33.3268 22.7038 33.1532L24.2195 32.5254C24.6381 32.352 24.8368 31.8722 24.6635 31.4536C24.4901 31.0351 24.0103 30.8364 23.5917 31.0096Z" fill="#999999"/>
+<path id="Vector_9" d="M42.4084 24.9914L43.9241 24.3636C44.3427 24.1902 44.5414 23.7103 44.3681 23.2917C44.1947 22.8732 43.7149 22.6745 43.2963 22.8478L41.7805 23.4756C41.362 23.649 41.1632 24.1288 41.3366 24.5474C41.5097 24.9653 41.9892 25.165 42.4084 24.9914Z" fill="#999999"/>
+<path id="Vector_10" d="M28.4751 36.7809L27.8473 38.2966C27.674 38.7152 27.8727 39.195 28.2913 39.3684C28.7115 39.5424 29.1904 39.3413 29.3631 38.9245L29.9909 37.4087C30.1643 36.9902 29.9655 36.5103 29.547 36.3369C29.1283 36.1636 28.6485 36.3623 28.4751 36.7809Z" fill="#999999"/>
+<path id="Vector_11" d="M37.5248 19.2199L38.1527 17.7042C38.326 17.2856 38.1273 16.8057 37.7087 16.6323C37.2901 16.459 36.8103 16.6577 36.6369 17.0763L36.0091 18.592C35.8357 19.0106 36.0344 19.4904 36.453 19.6638C36.8733 19.8378 37.3522 19.6368 37.5248 19.2199Z" fill="#999999"/>
+<path id="Vector_12" d="M24.2195 23.4756L22.7038 22.8478C22.2852 22.6745 21.8054 22.8732 21.632 23.2918C21.4586 23.7103 21.6574 24.1902 22.0759 24.3636L23.5917 24.9914C24.0119 25.1654 24.4908 24.9643 24.6635 24.5474C24.8368 24.1289 24.6381 23.649 24.2195 23.4756Z" fill="#999999"/>
+<path id="Vector_13" d="M43.9241 31.6375L42.4084 31.0097C41.9898 30.8363 41.51 31.035 41.3366 31.4536C41.1632 31.8722 41.362 32.352 41.7805 32.5254L43.2963 33.1532C43.7165 33.3273 44.1954 33.1262 44.3681 32.7093C44.5414 32.2907 44.3427 31.8108 43.9241 31.6375Z" fill="#999999"/>
+<path id="Vector_14" d="M32.1797 37.8442V41.1802C32.1797 41.6332 32.547 42.0005 33 42.0005C33.453 42.0005 33.8203 41.6332 33.8203 41.1802V37.8442C33.8203 37.3912 33.453 37.0239 33 37.0239C32.547 37.0239 32.1797 37.3912 32.1797 37.8442Z" fill="#999999"/>
+<path id="Vector_15" d="M33.8203 18.1567V14.8208C33.8203 14.3678 33.453 14.0005 33 14.0005C32.547 14.0005 32.1797 14.3678 32.1797 14.8208V18.1567C32.1797 18.6098 32.547 18.9771 33 18.9771C33.453 18.9771 33.8203 18.6098 33.8203 18.1567Z" fill="#999999"/>
+<path id="Vector_16" d="M19 28.0005C19 28.4535 19.3673 28.8208 19.8203 28.8208H23.1562C23.6093 28.8208 23.9766 28.4535 23.9766 28.0005C23.9766 27.5475 23.6093 27.1802 23.1562 27.1802H19.8203C19.3673 27.1802 19 27.5475 19 28.0005Z" fill="#999999"/>
+<path id="Vector_17" d="M46.1797 27.1802H42.8438C42.3907 27.1802 42.0234 27.5475 42.0234 28.0005C42.0234 28.4535 42.3907 28.8208 42.8438 28.8208H46.1797C46.6327 28.8208 47 28.4535 47 28.0005C47 27.5475 46.6327 27.1802 46.1797 27.1802Z" fill="#999999"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_821_295" x="0" y="0" width="66" height="66" 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="5"/>
+<feGaussianBlur stdDeviation="4"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_821_295"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_821_295" result="shape"/>
+</filter>
+</defs>
+</svg>