diff --git a/.pnp.cjs b/.pnp.cjs
index 39c93045..af459367 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -46,8 +46,8 @@ const RAW_RUNTIME_STATE =
       "reference": "workspace:landing/fragments/landing-process"\
     },\
     {\
-      "name": "@landing/fragment-slider",\
-      "reference": "workspace:landing/fragments/landing-slider"\
+      "name": "@landing/fragment-steps",\
+      "reference": "workspace:landing/fragments/landing-steps"\
     },\
     {\
       "name": "@landing/fragment-technologies",\
@@ -57,6 +57,10 @@ const RAW_RUNTIME_STATE =
       "name": "@landing/index-page",\
       "reference": "workspace:landing/pages/index-page"\
     },\
+    {\
+      "name": "@ui/accordion",\
+      "reference": "workspace:ui/accordion"\
+    },\
     {\
       "name": "@ui/background",\
       "reference": "workspace:ui/background"\
@@ -77,6 +81,10 @@ const RAW_RUNTIME_STATE =
       "name": "@ui/divider",\
       "reference": "workspace:ui/divider"\
     },\
+    {\
+      "name": "@ui/drawer",\
+      "reference": "workspace:ui/drawer"\
+    },\
     {\
       "name": "@ui/icons",\
       "reference": "workspace:ui/icons"\
@@ -97,6 +105,14 @@ const RAW_RUNTIME_STATE =
       "name": "@ui/logo",\
       "reference": "workspace:ui/logo"\
     },\
+    {\
+      "name": "@ui/navbar",\
+      "reference": "workspace:ui/navbar"\
+    },\
+    {\
+      "name": "@ui/slider",\
+      "reference": "workspace:ui/slider"\
+    },\
     {\
       "name": "@ui/swiper",\
       "reference": "workspace:ui/swiper"\
@@ -123,24 +139,28 @@ const RAW_RUNTIME_STATE =
     ["@landing/fragment-hero", ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-hero", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-hero", "workspace:landing/fragments/landing-hero"]],\
     ["@landing/fragment-navigation", ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-navigation", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-navigation", "workspace:landing/fragments/landing-navigation"]],\
     ["@landing/fragment-process", ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-process", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-process", "workspace:landing/fragments/landing-process"]],\
-    ["@landing/fragment-slider", ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-slider", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-slider", "workspace:landing/fragments/landing-slider"]],\
+    ["@landing/fragment-steps", ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-steps", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-steps", "workspace:landing/fragments/landing-steps"]],\
     ["@landing/fragment-technologies", ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-technologies", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-technologies", "workspace:landing/fragments/landing-technologies"]],\
     ["@landing/index-page", ["virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#workspace:landing/pages/index-page", "workspace:landing/pages/index-page"]],\
     ["@landing/renderer-entrypoint", ["workspace:landing/entrypoints/renderer"]],\
-    ["@ui/background", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/background", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/background", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/background", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/background", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background", "workspace:ui/background"]],\
-    ["@ui/button", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button", "workspace:ui/button"]],\
+    ["@ui/accordion", ["virtual:40edcbaf022ed1a44fb3e082e29eaae9e6be875082bf8be12b642619a43656ee065f3026e0697e60ea93821a04eaa56e6f6879c4050db0ce00b1e2f207b91446#workspace:ui/accordion", "virtual:cd5a2a6c89a3f31a08173e4de409a394fc1f48f4186285ce4d486bcbf512fb7f03965e854fd6eeca5b8184c18d58b3f57fd58d7ba481ece1bb28515119a9cd4d#workspace:ui/accordion", "workspace:ui/accordion"]],\
+    ["@ui/background", ["virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background", "workspace:ui/background"]],\
+    ["@ui/button", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button", "virtual:c877a0513dec6f6713ea1adc4a09b852c1e6510fbf8e675556616d1fc37501aeaa299b6685d7ba58c92798dc758a47c155ac7fe12e5fc23e0e4b65f06afe1579#workspace:ui/button", "virtual:fffe482de2bbdba023628577e73c79adfb856f53fcde801cc8f6620e7359b6143ac859e9ff794cc553b58cd500ad57bb1d185ea8e28839ab189e6592d5c500e7#workspace:ui/button", "workspace:ui/button"]],\
     ["@ui/card", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/card", "workspace:ui/card"]],\
-    ["@ui/condition", ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/condition", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/condition", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition", "workspace:ui/condition"]],\
-    ["@ui/divider", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/divider", "virtual:c76400532cd50d32cafe9f95a741a32bfdc3b332f279a9709d262f8c54c79848e67f8f11394deb766b3ba542113b218538e3fef97c8c4c7ae01661039f6561c8#workspace:ui/divider", "workspace:ui/divider"]],\
+    ["@ui/condition", ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition", "workspace:ui/condition"]],\
+    ["@ui/divider", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#workspace:ui/divider", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#workspace:ui/divider", "workspace:ui/divider"]],\
+    ["@ui/drawer", ["virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#workspace:ui/drawer", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#workspace:ui/drawer", "workspace:ui/drawer"]],\
     ["@ui/icons", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons", "workspace:ui/icons"]],\
-    ["@ui/image", ["virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image", "workspace:ui/image"]],\
-    ["@ui/layout", ["virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/layout", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/layout", "workspace:ui/layout"]],\
-    ["@ui/link", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link", "virtual:c07b5cc00f758ae53b55fe9e75ab8d6f414cbd9552c463f8d2f507bb8a2346434582115960744a348d26c0dc464b18b7927e46a8395ec61bff9b23bdff4a384e#workspace:ui/link", "workspace:ui/link"]],\
+    ["@ui/image", ["virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image", "workspace:ui/image"]],\
+    ["@ui/layout", ["virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/layout", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/layout", "workspace:ui/layout"]],\
+    ["@ui/link", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link", "workspace:ui/link"]],\
     ["@ui/logo", ["virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#workspace:ui/logo", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#workspace:ui/logo", "workspace:ui/logo"]],\
+    ["@ui/navbar", ["virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/navbar", "workspace:ui/navbar"]],\
+    ["@ui/slider", ["virtual:2268d5d32bcc61dd60903dae065664ce71529bfbcdaacb691a531b2c96ea4a2f895b7d2a51ad61ea22eee54c73024a20da8fc29cfa950b02789ea8e1f648510b#workspace:ui/slider", "virtual:316839fae51f96b54428c247116addafbf8d60893c09a9cb85887d09d117894c0aaae4acd6aec69a3f688ae5a26dae2251bee858aa0953ab3aae97e6146a61dc#workspace:ui/slider", "virtual:a19d1b9b47320c6186d9d9b44d6ef280f83d3509e3dff9fa2a5d5e1e1244f6e07d5f1446d2083315e276deec622db74abfe204b02063e37806a1c3a4a0174ea1#workspace:ui/slider", "workspace:ui/slider"]],\
     ["@ui/swiper", ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/swiper", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/swiper", "workspace:ui/swiper"]],\
-    ["@ui/text", ["virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/text", "workspace:ui/text"]],\
+    ["@ui/text", ["virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/text", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/text", "workspace:ui/text"]],\
     ["@ui/theme", ["virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#workspace:ui/theme", "workspace:ui/theme"]],\
-    ["@ui/utils", ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/utils", "virtual:c76400532cd50d32cafe9f95a741a32bfdc3b332f279a9709d262f8c54c79848e67f8f11394deb766b3ba542113b218538e3fef97c8c4c7ae01661039f6561c8#workspace:ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils", "workspace:ui/utils"]],\
+    ["@ui/utils", ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils", "workspace:ui/utils"]],\
     ["auth", ["workspace:auth"]],\
     ["template", ["workspace:."]]\
   ],\
@@ -449,10 +469,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.12", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-button-virtual-f6b7990019/4/.yarn/berry/cache/@atls-ui-parts-button-npm-0.0.12-a8b9e60279-9.zip/node_modules/@atls-ui-parts/button/",\
+      ["virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.12", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-button-virtual-b4a43443d4/4/.yarn/berry/cache/@atls-ui-parts-button-npm-0.0.12-a8b9e60279-9.zip/node_modules/@atls-ui-parts/button/",\
         "packageDependencies": [\
-          ["@atls-ui-parts/button", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.12"],\
+          ["@atls-ui-parts/button", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.12"],\
           ["@atls-ui-parts/styles", "virtual:af1688eecd6adc712fa82c28db90b0309142187fdf0cb8ce13124ed61dd2f951bfdfeb068600309026c4ea14588fc2a9a17f2007a0b93f4a393c371135de2f8f#npm:0.0.4"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
@@ -480,7 +500,7 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@atls-ui-parts/button", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#npm:0.0.12"],\
           ["@atls-ui-parts/styles", "virtual:af1688eecd6adc712fa82c28db90b0309142187fdf0cb8ce13124ed61dd2f951bfdfeb068600309026c4ea14588fc2a9a17f2007a0b93f4a393c371135de2f8f#npm:0.0.4"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/styled-system", null],\
@@ -510,10 +530,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.4", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-conditional-render-virtual-068cc8244e/4/.yarn/berry/cache/@atls-ui-parts-conditional-render-npm-0.0.4-f7364af714-9.zip/node_modules/@atls-ui-parts/conditional-render/",\
+      ["virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.4", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-conditional-render-virtual-648707f62d/4/.yarn/berry/cache/@atls-ui-parts-conditional-render-npm-0.0.4-f7364af714-9.zip/node_modules/@atls-ui-parts/conditional-render/",\
         "packageDependencies": [\
-          ["@atls-ui-parts/conditional-render", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.4"],\
+          ["@atls-ui-parts/conditional-render", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.4"],\
           ["@types/react", null],\
           ["react", "npm:18.2.0"]\
         ],\
@@ -549,41 +569,10 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-image-virtual-713ba509b4/4/.yarn/berry/cache/@atls-ui-parts-image-npm-0.0.4-053b108e7a-9.zip/node_modules/@atls-ui-parts/image/",\
         "packageDependencies": [\
           ["@atls-ui-parts/image", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:0.0.4"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/styled-system", "npm:5.1.16"],\
-          ["react", "npm:18.2.0"],\
-          ["styled-system", "npm:5.1.5"]\
-        ],\
-        "packagePeers": [\
-          "@emotion/styled",\
-          "@types/emotion__styled",\
-          "@types/react",\
-          "@types/styled-system",\
-          "react",\
-          "styled-system"\
-        ],\
-        "linkType": "HARD"\
-      }]\
-    ]],\
-    ["@atls-ui-parts/layout", [\
-      ["npm:0.0.7", {\
-        "packageLocation": "../../../.yarn/berry/cache/@atls-ui-parts-layout-npm-0.0.7-ea4d3f1780-9.zip/node_modules/@atls-ui-parts/layout/",\
-        "packageDependencies": [\
-          ["@atls-ui-parts/layout", "npm:0.0.7"]\
-        ],\
-        "linkType": "SOFT"\
-      }],\
-      ["virtual:0828bb07460d9900dfedfc13a5e1869ae3911cb620f0641578ecc0345bf8467be071f2217c353e8bb5e31b57f30b8ca9f8215eb3c303d7f691d0a22be88a6430#npm:0.0.7", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-layout-virtual-356f404c9f/4/.yarn/berry/cache/@atls-ui-parts-layout-npm-0.0.7-ea4d3f1780-9.zip/node_modules/@atls-ui-parts/layout/",\
-        "packageDependencies": [\
-          ["@atls-ui-parts/layout", "virtual:0828bb07460d9900dfedfc13a5e1869ae3911cb620f0641578ecc0345bf8467be071f2217c353e8bb5e31b57f30b8ca9f8215eb3c303d7f691d0a22be88a6430#npm:0.0.7"],\
-          ["@emotion/is-prop-valid", "npm:1.2.1"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/styled-system", null],\
           ["react", "npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
@@ -597,11 +586,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.7", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-layout-virtual-b587aa1814/4/.yarn/berry/cache/@atls-ui-parts-layout-npm-0.0.7-ea4d3f1780-9.zip/node_modules/@atls-ui-parts/layout/",\
+      ["virtual:4a8f0540877293130cdb676ed4ea2a4db00748a59638e5413769e16dc1e152dce3f723f155655c7daaf4c7e9a24eb6faab03c5ee6744816f611600e37a14b51d#npm:0.0.4", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-image-virtual-58b050fc7d/4/.yarn/berry/cache/@atls-ui-parts-image-npm-0.0.4-053b108e7a-9.zip/node_modules/@atls-ui-parts/image/",\
         "packageDependencies": [\
-          ["@atls-ui-parts/layout", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.7"],\
-          ["@emotion/is-prop-valid", "npm:1.2.1"],\
+          ["@atls-ui-parts/image", "virtual:4a8f0540877293130cdb676ed4ea2a4db00748a59638e5413769e16dc1e152dce3f723f155655c7daaf4c7e9a24eb6faab03c5ee6744816f611600e37a14b51d#npm:0.0.4"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", null],\
@@ -618,37 +606,24 @@ const RAW_RUNTIME_STATE =
           "styled-system"\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.7", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-layout-virtual-8d37716aab/4/.yarn/berry/cache/@atls-ui-parts-layout-npm-0.0.7-ea4d3f1780-9.zip/node_modules/@atls-ui-parts/layout/",\
+      }]\
+    ]],\
+    ["@atls-ui-parts/layout", [\
+      ["npm:0.0.7", {\
+        "packageLocation": "../../../.yarn/berry/cache/@atls-ui-parts-layout-npm-0.0.7-ea4d3f1780-9.zip/node_modules/@atls-ui-parts/layout/",\
         "packageDependencies": [\
-          ["@atls-ui-parts/layout", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.7"],\
-          ["@emotion/is-prop-valid", "npm:1.2.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/styled-system", "npm:5.1.16"],\
-          ["react", "npm:18.2.0"],\
-          ["styled-system", "npm:5.1.5"]\
-        ],\
-        "packagePeers": [\
-          "@emotion/styled",\
-          "@types/emotion__styled",\
-          "@types/react",\
-          "@types/styled-system",\
-          "react",\
-          "styled-system"\
+          ["@atls-ui-parts/layout", "npm:0.0.7"]\
         ],\
-        "linkType": "HARD"\
+        "linkType": "SOFT"\
       }],\
-      ["virtual:d51383b95855e6449e5e5b0855cc481a9fdae40c5aa0eabdcdb5b27bab06454f8d029471fea442d0abe6ad042bfecfb7d694293aadc2464e569faf3e74d7bcaa#npm:0.0.7", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-layout-virtual-5d7a656fa8/4/.yarn/berry/cache/@atls-ui-parts-layout-npm-0.0.7-ea4d3f1780-9.zip/node_modules/@atls-ui-parts/layout/",\
+      ["virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-layout-virtual-347b5af42d/4/.yarn/berry/cache/@atls-ui-parts-layout-npm-0.0.7-ea4d3f1780-9.zip/node_modules/@atls-ui-parts/layout/",\
         "packageDependencies": [\
-          ["@atls-ui-parts/layout", "virtual:d51383b95855e6449e5e5b0855cc481a9fdae40c5aa0eabdcdb5b27bab06454f8d029471fea442d0abe6ad042bfecfb7d694293aadc2464e569faf3e74d7bcaa#npm:0.0.7"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
           ["@emotion/is-prop-valid", "npm:1.2.1"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
+          ["@types/react", null],\
           ["@types/styled-system", null],\
           ["react", "npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
@@ -668,7 +643,7 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
           ["@emotion/is-prop-valid", "npm:1.2.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/styled-system", null],\
@@ -699,7 +674,7 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@atls-ui-parts/link", "virtual:768b98b359f1aa6c84426266c74049b99edaa2471ee9aec99a1a9eccb807f75370b2a6b1a5a331771ee5185f2419d288de844fcdccf32520c7ceafd2b3aecff3#npm:0.0.10"],\
           ["@atls-ui-parts/text", "virtual:31ea9750d537fea7e0aa00d57126f0ef062049be66fecf5714346a121862778edadd160eb6b088e9175bc0b94f332b7d440cec3909aa53cc1cbddf4b86bb1cae#npm:0.0.10"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/next", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -720,17 +695,17 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:77bf311a6543a80f771d580a75afd24454320054d1db30ce3ab911d3ca55fb188f2309ad8aa7dcfbcd75ff583d1144d26b9b446895bb8207e17bbd250129d96a#npm:0.0.10", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-link-virtual-d7da388bf8/4/.yarn/berry/cache/@atls-ui-parts-link-npm-0.0.10-9e6d5cea48-9.zip/node_modules/@atls-ui-parts/link/",\
+      ["virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:0.0.10", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-link-virtual-8d7e52ed49/4/.yarn/berry/cache/@atls-ui-parts-link-npm-0.0.10-9e6d5cea48-9.zip/node_modules/@atls-ui-parts/link/",\
         "packageDependencies": [\
-          ["@atls-ui-parts/link", "virtual:77bf311a6543a80f771d580a75afd24454320054d1db30ce3ab911d3ca55fb188f2309ad8aa7dcfbcd75ff583d1144d26b9b446895bb8207e17bbd250129d96a#npm:0.0.10"],\
-          ["@atls-ui-parts/text", "virtual:589f5adef08999456f5a07eb8d83344c83fb71934896fe427031096486362a9034744b45e99802f0902e2759ef2535a6817dfa58ca28e4fde08f495223e20162#npm:0.0.10"],\
+          ["@atls-ui-parts/link", "virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:0.0.10"],\
+          ["@atls-ui-parts/text", "virtual:3cd29ef5ce4f2dd8c079a4070e7a64538c1552a40937a5b45a1a85467662f8ccd229ddfa74876aab095cb4629a042158b4b2a3c8f6fe05971ccad3ceac9fc622#npm:0.0.10"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/next", null],\
           ["@types/react", null],\
           ["@types/styled-system", null],\
-          ["next", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:12.3.4"],\
+          ["next", "virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
@@ -777,10 +752,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:7e129cf76fa9be8f5369b4e334e529b32fc064dcdb5f01d5dc9c95dd1b2b81d2f01f0c65fc8da26811da96d66979826ff79cd1184d8460bb4b8b615773fff6b0#npm:0.0.3", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-swiper-virtual-6f82f121ad/4/.yarn/berry/cache/@atls-ui-parts-swiper-npm-0.0.3-8c8f13c038-9.zip/node_modules/@atls-ui-parts/swiper/",\
+      ["virtual:368265ef3f7c5056392f33229e35aa8f115ed84c0e92f64ca0b34e71d1d355dea221d3a3c7a66c8b4cffb5f416874608bd16046cf80f154a4fe513b106b06b68#npm:0.0.3", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-swiper-virtual-ed5dccd20d/4/.yarn/berry/cache/@atls-ui-parts-swiper-npm-0.0.3-8c8f13c038-9.zip/node_modules/@atls-ui-parts/swiper/",\
         "packageDependencies": [\
-          ["@atls-ui-parts/swiper", "virtual:7e129cf76fa9be8f5369b4e334e529b32fc064dcdb5f01d5dc9c95dd1b2b81d2f01f0c65fc8da26811da96d66979826ff79cd1184d8460bb4b8b615773fff6b0#npm:0.0.3"],\
+          ["@atls-ui-parts/swiper", "virtual:368265ef3f7c5056392f33229e35aa8f115ed84c0e92f64ca0b34e71d1d355dea221d3a3c7a66c8b4cffb5f416874608bd16046cf80f154a4fe513b106b06b68#npm:0.0.3"],\
           ["@emotion/css", "npm:11.11.0"],\
           ["@types/emotion__css", null],\
           ["@types/react", null],\
@@ -859,7 +834,7 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-text-virtual-115b226ba1/4/.yarn/berry/cache/@atls-ui-parts-text-npm-0.0.10-0c4927fdc0-9.zip/node_modules/@atls-ui-parts/text/",\
         "packageDependencies": [\
           ["@atls-ui-parts/text", "virtual:31ea9750d537fea7e0aa00d57126f0ef062049be66fecf5714346a121862778edadd160eb6b088e9175bc0b94f332b7d440cec3909aa53cc1cbddf4b86bb1cae#npm:0.0.10"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["react", "npm:18.2.0"],\
@@ -873,10 +848,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:589f5adef08999456f5a07eb8d83344c83fb71934896fe427031096486362a9034744b45e99802f0902e2759ef2535a6817dfa58ca28e4fde08f495223e20162#npm:0.0.10", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-text-virtual-0861024199/4/.yarn/berry/cache/@atls-ui-parts-text-npm-0.0.10-0c4927fdc0-9.zip/node_modules/@atls-ui-parts/text/",\
+      ["virtual:3cd29ef5ce4f2dd8c079a4070e7a64538c1552a40937a5b45a1a85467662f8ccd229ddfa74876aab095cb4629a042158b4b2a3c8f6fe05971ccad3ceac9fc622#npm:0.0.10", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-text-virtual-b7af7815a0/4/.yarn/berry/cache/@atls-ui-parts-text-npm-0.0.10-0c4927fdc0-9.zip/node_modules/@atls-ui-parts/text/",\
         "packageDependencies": [\
-          ["@atls-ui-parts/text", "virtual:589f5adef08999456f5a07eb8d83344c83fb71934896fe427031096486362a9034744b45e99802f0902e2759ef2535a6817dfa58ca28e4fde08f495223e20162#npm:0.0.10"],\
+          ["@atls-ui-parts/text", "virtual:3cd29ef5ce4f2dd8c079a4070e7a64538c1552a40937a5b45a1a85467662f8ccd229ddfa74876aab095cb4629a042158b4b2a3c8f6fe05971ccad3ceac9fc622#npm:0.0.10"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", null],\
@@ -890,6 +865,24 @@ const RAW_RUNTIME_STATE =
           "react"\
         ],\
         "linkType": "HARD"\
+      }],\
+      ["virtual:fffe482de2bbdba023628577e73c79adfb856f53fcde801cc8f6620e7359b6143ac859e9ff794cc553b58cd500ad57bb1d185ea8e28839ab189e6592d5c500e7#npm:0.0.11", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-parts-text-virtual-b87a698de7/4/.yarn/berry/cache/@atls-ui-parts-text-npm-0.0.11-70c6e86690-9.zip/node_modules/@atls-ui-parts/text/",\
+        "packageDependencies": [\
+          ["@atls-ui-parts/text", "virtual:fffe482de2bbdba023628577e73c79adfb856f53fcde801cc8f6620e7359b6143ac859e9ff794cc553b58cd500ad57bb1d185ea8e28839ab189e6592d5c500e7#npm:0.0.11"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__styled", null],\
+          ["@types/react", "npm:17.0.39"],\
+          ["react", "npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"]\
+        ],\
+        "packagePeers": [\
+          "@emotion/styled",\
+          "@types/emotion__styled",\
+          "@types/react",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
       }]\
     ]],\
     ["@atls-ui-proto/divider", [\
@@ -900,15 +893,15 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:0828bb07460d9900dfedfc13a5e1869ae3911cb620f0641578ecc0345bf8467be071f2217c353e8bb5e31b57f30b8ca9f8215eb3c303d7f691d0a22be88a6430#npm:0.0.6", {\
-        "packageLocation": "./.yarn/__virtual__/@atls-ui-proto-divider-virtual-c6ef2d5684/4/.yarn/berry/cache/@atls-ui-proto-divider-npm-0.0.6-c7fc497a39-9.zip/node_modules/@atls-ui-proto/divider/",\
+      ["virtual:2b2f69f8bb434a34ecb9bf3958d69ac9af7d7c51f599a0a6e39e820aaff9caadcf7d82bd4b4eab0e7a178a96b58f279632ebb82e60e3f2c94453b1cd4845008c#npm:0.0.6", {\
+        "packageLocation": "./.yarn/__virtual__/@atls-ui-proto-divider-virtual-a38a9cc631/4/.yarn/berry/cache/@atls-ui-proto-divider-npm-0.0.6-c7fc497a39-9.zip/node_modules/@atls-ui-proto/divider/",\
         "packageDependencies": [\
-          ["@atls-ui-proto/divider", "virtual:0828bb07460d9900dfedfc13a5e1869ae3911cb620f0641578ecc0345bf8467be071f2217c353e8bb5e31b57f30b8ca9f8215eb3c303d7f691d0a22be88a6430#npm:0.0.6"],\
-          ["@atls-ui-parts/layout", "virtual:0828bb07460d9900dfedfc13a5e1869ae3911cb620f0641578ecc0345bf8467be071f2217c353e8bb5e31b57f30b8ca9f8215eb3c303d7f691d0a22be88a6430#npm:0.0.7"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
+          ["@atls-ui-proto/divider", "virtual:2b2f69f8bb434a34ecb9bf3958d69ac9af7d7c51f599a0a6e39e820aaff9caadcf7d82bd4b4eab0e7a178a96b58f279632ebb82e60e3f2c94453b1cd4845008c#npm:0.0.6"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/react", null],\
+          ["@types/styled-system", null],\
           ["@types/styled-tools", null],\
           ["react", "npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
@@ -930,11 +923,11 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@atls-ui-proto-divider-virtual-4aa1c5f4cc/4/.yarn/berry/cache/@atls-ui-proto-divider-npm-0.0.6-c7fc497a39-9.zip/node_modules/@atls-ui-proto/divider/",\
         "packageDependencies": [\
           ["@atls-ui-proto/divider", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.6"],\
-          ["@atls-ui-parts/layout", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.7"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/styled-system", null],\
           ["@types/styled-tools", null],\
           ["react", "npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
@@ -979,7 +972,7 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@atls-ui-proto/theme", "virtual:8835c06af0571cac4c40b85595c6d7d6f5f643b25444168f79dfd2cb44f3b1df262fcd879eb01c40bc22c84cc3949f1e21d557c16ae2094a92a34ca314ceac80#npm:0.0.12"],\
           ["@emotion/css", "npm:11.11.0"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
           ["@types/emotion__css", null],\
           ["@types/emotion__react", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -2672,15 +2665,15 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1", {\
-        "packageLocation": "./.yarn/__virtual__/@emotion-react-virtual-c14ba69064/4/.yarn/berry/cache/@emotion-react-npm-11.11.1-a07d6a6ebd-9.zip/node_modules/@emotion/react/",\
+      ["virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1", {\
+        "packageLocation": "./.yarn/__virtual__/@emotion-react-virtual-ba124dd988/4/.yarn/berry/cache/@emotion-react-npm-11.11.1-a07d6a6ebd-9.zip/node_modules/@emotion/react/",\
         "packageDependencies": [\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
           ["@babel/runtime", "npm:7.21.5"],\
           ["@emotion/babel-plugin", "npm:11.11.0"],\
           ["@emotion/cache", "npm:11.11.0"],\
           ["@emotion/serialize", "npm:1.1.2"],\
-          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:c14ba6906419fb26384e2784d31a0c9ea99796f12b1e2329489190d05b1c6ae957aed2a830bd673712f9eddfea1a08d5bf3ea5b0440049f3da3a4fb0e45021ff#npm:1.0.1"],\
+          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:ba124dd9880c74d2e7286632c855e3fcca6ad70907532a925fbe446badda2f8bb3344e91052cd9ab773a7c36b6214618e567548d1e9535ffad79b60a7ad4aa6d#npm:1.0.1"],\
           ["@emotion/utils", "npm:1.2.1"],\
           ["@emotion/weak-memoize", "npm:0.3.1"],\
           ["@types/react", "npm:17.0.39"],\
@@ -2692,27 +2685,6 @@ const RAW_RUNTIME_STATE =
           "react"\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.1", {\
-        "packageLocation": "./.yarn/__virtual__/@emotion-react-virtual-19ece59914/4/.yarn/berry/cache/@emotion-react-npm-11.11.1-a07d6a6ebd-9.zip/node_modules/@emotion/react/",\
-        "packageDependencies": [\
-          ["@emotion/react", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.1"],\
-          ["@babel/runtime", "npm:7.21.5"],\
-          ["@emotion/babel-plugin", "npm:11.11.0"],\
-          ["@emotion/cache", "npm:11.11.0"],\
-          ["@emotion/serialize", "npm:1.1.2"],\
-          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:19ece599141eb1dc1c739f5a20ebebce030f05dfe296d361e74767552bae37bf7aa54b8b76fe5b75658a89964d9b4d63f2435d25a3c4be572bbbb771ff8b670d#npm:1.0.1"],\
-          ["@emotion/utils", "npm:1.2.1"],\
-          ["@emotion/weak-memoize", "npm:0.3.1"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["hoist-non-react-statics", "npm:3.3.2"],\
-          ["react", null]\
-        ],\
-        "packagePeers": [\
-          "@types/react",\
-          "react"\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["@emotion/serialize", [\
@@ -2769,16 +2741,16 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0", {\
-        "packageLocation": "./.yarn/__virtual__/@emotion-styled-virtual-1f490407de/4/.yarn/berry/cache/@emotion-styled-npm-11.11.0-9a95c8527d-9.zip/node_modules/@emotion/styled/",\
+      ["virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0", {\
+        "packageLocation": "./.yarn/__virtual__/@emotion-styled-virtual-f16753efa9/4/.yarn/berry/cache/@emotion-styled-npm-11.11.0-9a95c8527d-9.zip/node_modules/@emotion/styled/",\
         "packageDependencies": [\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@babel/runtime", "npm:7.21.5"],\
           ["@emotion/babel-plugin", "npm:11.11.0"],\
           ["@emotion/is-prop-valid", "npm:1.2.1"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
           ["@emotion/serialize", "npm:1.1.2"],\
-          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:c14ba6906419fb26384e2784d31a0c9ea99796f12b1e2329489190d05b1c6ae957aed2a830bd673712f9eddfea1a08d5bf3ea5b0440049f3da3a4fb0e45021ff#npm:1.0.1"],\
+          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:ba124dd9880c74d2e7286632c855e3fcca6ad70907532a925fbe446badda2f8bb3344e91052cd9ab773a7c36b6214618e567548d1e9535ffad79b60a7ad4aa6d#npm:1.0.1"],\
           ["@emotion/utils", "npm:1.2.1"],\
           ["@types/emotion__react", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -2791,29 +2763,6 @@ const RAW_RUNTIME_STATE =
           "react"\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0", {\
-        "packageLocation": "./.yarn/__virtual__/@emotion-styled-virtual-c23bceab4c/4/.yarn/berry/cache/@emotion-styled-npm-11.11.0-9a95c8527d-9.zip/node_modules/@emotion/styled/",\
-        "packageDependencies": [\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
-          ["@babel/runtime", "npm:7.21.5"],\
-          ["@emotion/babel-plugin", "npm:11.11.0"],\
-          ["@emotion/is-prop-valid", "npm:1.2.1"],\
-          ["@emotion/react", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.1"],\
-          ["@emotion/serialize", "npm:1.1.2"],\
-          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:19ece599141eb1dc1c739f5a20ebebce030f05dfe296d361e74767552bae37bf7aa54b8b76fe5b75658a89964d9b4d63f2435d25a3c4be572bbbb771ff8b670d#npm:1.0.1"],\
-          ["@emotion/utils", "npm:1.2.1"],\
-          ["@types/emotion__react", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["react", null]\
-        ],\
-        "packagePeers": [\
-          "@emotion/react",\
-          "@types/emotion__react",\
-          "@types/react",\
-          "react"\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["@emotion/unitless", [\
@@ -2833,19 +2782,6 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:19ece599141eb1dc1c739f5a20ebebce030f05dfe296d361e74767552bae37bf7aa54b8b76fe5b75658a89964d9b4d63f2435d25a3c4be572bbbb771ff8b670d#npm:1.0.1", {\
-        "packageLocation": "./.yarn/__virtual__/@emotion-use-insertion-effect-with-fallbacks-virtual-6a3f8b4514/4/.yarn/berry/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.1-730758c66c-9.zip/node_modules/@emotion/use-insertion-effect-with-fallbacks/",\
-        "packageDependencies": [\
-          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:19ece599141eb1dc1c739f5a20ebebce030f05dfe296d361e74767552bae37bf7aa54b8b76fe5b75658a89964d9b4d63f2435d25a3c4be572bbbb771ff8b670d#npm:1.0.1"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["react", null]\
-        ],\
-        "packagePeers": [\
-          "@types/react",\
-          "react"\
-        ],\
-        "linkType": "HARD"\
-      }],\
       ["virtual:83fbff173988984dac0282d66efd9f05dc0a61e733e14fd2d2ac110744610c82fb64dc15ae39ee62100e056555496704d25e831b37b9a318e318ff4a2208d3c2#npm:1.0.1", {\
         "packageLocation": "./.yarn/__virtual__/@emotion-use-insertion-effect-with-fallbacks-virtual-829828d3fb/4/.yarn/berry/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.1-730758c66c-9.zip/node_modules/@emotion/use-insertion-effect-with-fallbacks/",\
         "packageDependencies": [\
@@ -2859,10 +2795,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:c14ba6906419fb26384e2784d31a0c9ea99796f12b1e2329489190d05b1c6ae957aed2a830bd673712f9eddfea1a08d5bf3ea5b0440049f3da3a4fb0e45021ff#npm:1.0.1", {\
-        "packageLocation": "./.yarn/__virtual__/@emotion-use-insertion-effect-with-fallbacks-virtual-d11051abfa/4/.yarn/berry/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.1-730758c66c-9.zip/node_modules/@emotion/use-insertion-effect-with-fallbacks/",\
+      ["virtual:ba124dd9880c74d2e7286632c855e3fcca6ad70907532a925fbe446badda2f8bb3344e91052cd9ab773a7c36b6214618e567548d1e9535ffad79b60a7ad4aa6d#npm:1.0.1", {\
+        "packageLocation": "./.yarn/__virtual__/@emotion-use-insertion-effect-with-fallbacks-virtual-d6d7aa137d/4/.yarn/berry/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.1-730758c66c-9.zip/node_modules/@emotion/use-insertion-effect-with-fallbacks/",\
         "packageDependencies": [\
-          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:c14ba6906419fb26384e2784d31a0c9ea99796f12b1e2329489190d05b1c6ae957aed2a830bd673712f9eddfea1a08d5bf3ea5b0440049f3da3a4fb0e45021ff#npm:1.0.1"],\
+          ["@emotion/use-insertion-effect-with-fallbacks", "virtual:ba124dd9880c74d2e7286632c855e3fcca6ad70907532a925fbe446badda2f8bb3344e91052cd9ab773a7c36b6214618e567548d1e9535ffad79b60a7ad4aa6d#npm:1.0.1"],\
           ["@types/react", "npm:17.0.39"],\
           ["react", "npm:18.2.0"]\
         ],\
@@ -3357,14 +3293,6 @@ const RAW_RUNTIME_STATE =
           ["jest-get-type", "npm:28.0.2"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.5.0", {\
-        "packageLocation": "../../../.yarn/berry/cache/@jest-expect-utils-npm-29.5.0-69b6ba2629-9.zip/node_modules/@jest/expect-utils/",\
-        "packageDependencies": [\
-          ["@jest/expect-utils", "npm:29.5.0"],\
-          ["jest-get-type", "npm:29.4.3"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["@jest/fake-timers", [\
@@ -3517,14 +3445,6 @@ const RAW_RUNTIME_STATE =
           ["@sinclair/typebox", "npm:0.24.47"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.4.3", {\
-        "packageLocation": "../../../.yarn/berry/cache/@jest-schemas-npm-29.4.3-7d963e8d97-9.zip/node_modules/@jest/schemas/",\
-        "packageDependencies": [\
-          ["@jest/schemas", "npm:29.4.3"],\
-          ["@sinclair/typebox", "npm:0.25.24"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["@jest/source-map", [\
@@ -3668,19 +3588,6 @@ const RAW_RUNTIME_STATE =
           ["chalk", "npm:4.1.2"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.5.0", {\
-        "packageLocation": "../../../.yarn/berry/cache/@jest-types-npm-29.5.0-36a4c63efc-9.zip/node_modules/@jest/types/",\
-        "packageDependencies": [\
-          ["@jest/types", "npm:29.5.0"],\
-          ["@jest/schemas", "npm:29.4.3"],\
-          ["@types/istanbul-lib-coverage", "npm:2.0.4"],\
-          ["@types/istanbul-reports", "npm:3.0.1"],\
-          ["@types/node", "npm:17.0.23"],\
-          ["@types/yargs", "npm:17.0.10"],\
-          ["chalk", "npm:4.1.2"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["@jridgewell/gen-mapping", [\
@@ -3764,16 +3671,18 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
           ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
-          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["react", null],\
-          ["react-dom", null],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "packagePeers": [\
+          "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
           "react-dom",\
@@ -3788,6 +3697,7 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
           ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
           ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
@@ -3811,13 +3721,14 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./landing/fragments/landing-about/",\
         "packageDependencies": [\
           ["@landing/fragment-about", "workspace:landing/fragments/landing-about"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background"],\
           ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
+          ["@ui/image", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image"],\
           ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
           ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
           ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "linkType": "SOFT"\
@@ -3831,23 +3742,24 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/background", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/background"],\
-          ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
-          ["@ui/card", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/card"],\
-          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
-          ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
+          ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
+          ["@ui/card", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
+          ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
           ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
-          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
-          ["@ui/swiper", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/swiper"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["react", null],\
-          ["react-dom", null],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/link", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/link"],\
+          ["@ui/swiper", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/swiper"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "packagePeers": [\
+          "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
           "react-dom",\
@@ -3862,7 +3774,7 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/background", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/background"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
           ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
           ["@ui/card", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card"],\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
@@ -3892,20 +3804,20 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./landing/fragments/landing-courses/",\
         "packageDependencies": [\
           ["@landing/fragment-courses", "workspace:landing/fragments/landing-courses"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["@ui/background", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/background"],\
+          ["@ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background"],\
           ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
           ["@ui/card", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/card"],\
           ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
           ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
           ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
-          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
+          ["@ui/image", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image"],\
           ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
           ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
           ["@ui/swiper", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/swiper"],\
           ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
           ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "linkType": "SOFT"\
@@ -3919,18 +3831,20 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
-          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
-          ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
-          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["react", null],\
-          ["react-dom", null],\
+          ["@ui/accordion", "virtual:cd5a2a6c89a3f31a08173e4de409a394fc1f48f4186285ce4d486bcbf512fb7f03965e854fd6eeca5b8184c18d58b3f57fd58d7ba481ece1bb28515119a9cd4d#workspace:ui/accordion"],\
+          ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
+          ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "packagePeers": [\
+          "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
           "react-dom",\
@@ -3945,6 +3859,7 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
+          ["@ui/accordion", "virtual:cd5a2a6c89a3f31a08173e4de409a394fc1f48f4186285ce4d486bcbf512fb7f03965e854fd6eeca5b8184c18d58b3f57fd58d7ba481ece1bb28515119a9cd4d#workspace:ui/accordion"],\
           ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
           ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
@@ -3970,8 +3885,7 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./landing/fragments/landing-faq/",\
         "packageDependencies": [\
           ["@landing/fragment-faq", "workspace:landing/fragments/landing-faq"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@ui/accordion", "virtual:40edcbaf022ed1a44fb3e082e29eaae9e6be875082bf8be12b642619a43656ee065f3026e0697e60ea93821a04eaa56e6f6879c4050db0ce00b1e2f207b91446#workspace:ui/accordion"],\
           ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
           ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
           ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
@@ -3979,6 +3893,8 @@ const RAW_RUNTIME_STATE =
           ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
           ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
           ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "linkType": "SOFT"\
@@ -3992,20 +3908,22 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
-          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
-          ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
+          ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
+          ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
           ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
-          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["react", null],\
-          ["react-dom", null],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/link", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/link"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "packagePeers": [\
+          "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
           "react-dom",\
@@ -4020,6 +3938,7 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
           ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
           ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
@@ -4047,17 +3966,18 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./landing/fragments/landing-hero/",\
         "packageDependencies": [\
           ["@landing/fragment-hero", "workspace:landing/fragments/landing-hero"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background"],\
           ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
           ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
           ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
           ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
-          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
+          ["@ui/image", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image"],\
           ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
           ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
           ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
           ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "linkType": "SOFT"\
@@ -4068,23 +3988,29 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@landing-fragment-navigation-virtual-2bae9f802f/1/landing/fragments/landing-navigation/",\
         "packageDependencies": [\
           ["@landing/fragment-navigation", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-navigation"],\
+          ["@makotot/ghostui", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:2.0.0"],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
-          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
-          ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
-          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
-          ["@ui/logo", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#workspace:ui/logo"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["react", null],\
-          ["react-dom", null],\
-          ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
-        ],\
-        "packagePeers": [\
+          ["@types/react-scroll", "npm:1.8.7"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
+          ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
+          ["@ui/card", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
+          ["@ui/drawer", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#workspace:ui/drawer"],\
+          ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/logo", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#workspace:ui/logo"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"],\
+          ["react-scroll", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:1.8.9"]\
+        ],\
+        "packagePeers": [\
+          "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
           "react-dom",\
@@ -4096,21 +4022,26 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@landing-fragment-navigation-virtual-2b93bb7d0b/1/landing/fragments/landing-navigation/",\
         "packageDependencies": [\
           ["@landing/fragment-navigation", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-navigation"],\
+          ["@makotot/ghostui", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:2.0.0"],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
+          ["@types/react-scroll", "npm:1.8.7"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
           ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
+          ["@ui/card", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card"],\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
           ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
+          ["@ui/drawer", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#workspace:ui/drawer"],\
           ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
           ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
-          ["@ui/link", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/link"],\
           ["@ui/logo", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#workspace:ui/logo"],\
           ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
           ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
-          ["react-intl", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:6.0.8"]\
+          ["react-intl", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:6.0.8"],\
+          ["react-scroll", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:1.8.9"]\
         ],\
         "packagePeers": [\
           "@types/react-dom",\
@@ -4126,18 +4057,23 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./landing/fragments/landing-navigation/",\
         "packageDependencies": [\
           ["@landing/fragment-navigation", "workspace:landing/fragments/landing-navigation"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@makotot/ghostui", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#npm:2.0.0"],\
+          ["@types/react-scroll", "npm:1.8.7"],\
+          ["@ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background"],\
           ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
+          ["@ui/card", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/card"],\
           ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
           ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
+          ["@ui/drawer", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#workspace:ui/drawer"],\
           ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
           ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
           ["@ui/logo", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#workspace:ui/logo"],\
           ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
           ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"],\
+          ["react-scroll", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#npm:1.8.9"]\
         ],\
         "linkType": "SOFT"\
       }]\
@@ -4150,17 +4086,17 @@ const RAW_RUNTIME_STATE =
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
-          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
-          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["react", null],\
-          ["react-dom", null],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/slider", "virtual:a19d1b9b47320c6186d9d9b44d6ef280f83d3509e3dff9fa2a5d5e1e1244f6e07d5f1446d2083315e276deec622db74abfe204b02063e37806a1c3a4a0174ea1#workspace:ui/slider"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "packagePeers": [\
+          "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
           "react-dom",\
@@ -4176,9 +4112,8 @@ const RAW_RUNTIME_STATE =
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
-          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
           ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/slider", "virtual:2268d5d32bcc61dd60903dae065664ce71529bfbcdaacb691a531b2c96ea4a2f895b7d2a51ad61ea22eee54c73024a20da8fc29cfa950b02789ea8e1f648510b#workspace:ui/slider"],\
           ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
           ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
@@ -4199,39 +4134,39 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./landing/fragments/landing-process/",\
         "packageDependencies": [\
           ["@landing/fragment-process", "workspace:landing/fragments/landing-process"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
           ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
-          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
           ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
+          ["@ui/slider", "virtual:316839fae51f96b54428c247116addafbf8d60893c09a9cb85887d09d117894c0aaae4acd6aec69a3f688ae5a26dae2251bee858aa0953ab3aae97e6146a61dc#workspace:ui/slider"],\
           ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
           ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "linkType": "SOFT"\
       }]\
     ]],\
-    ["@landing/fragment-slider", [\
-      ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-slider", {\
-        "packageLocation": "./.yarn/__virtual__/@landing-fragment-slider-virtual-bf2a7b6caf/1/landing/fragments/landing-slider/",\
+    ["@landing/fragment-steps", [\
+      ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-steps", {\
+        "packageLocation": "./.yarn/__virtual__/@landing-fragment-steps-virtual-a43b279398/1/landing/fragments/landing-steps/",\
         "packageDependencies": [\
-          ["@landing/fragment-slider", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-slider"],\
+          ["@landing/fragment-steps", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-steps"],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
-          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
           ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
-          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["react", null],\
-          ["react-dom", null],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "packagePeers": [\
+          "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
           "react-dom",\
@@ -4239,16 +4174,16 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-slider", {\
-        "packageLocation": "./.yarn/__virtual__/@landing-fragment-slider-virtual-73ce3dade7/1/landing/fragments/landing-slider/",\
+      ["virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-steps", {\
+        "packageLocation": "./.yarn/__virtual__/@landing-fragment-steps-virtual-3e4ccf4cdf/1/landing/fragments/landing-steps/",\
         "packageDependencies": [\
-          ["@landing/fragment-slider", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-slider"],\
+          ["@landing/fragment-steps", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-steps"],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
-          ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
+          ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
           ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
           ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
           ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
@@ -4267,19 +4202,19 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["workspace:landing/fragments/landing-slider", {\
-        "packageLocation": "./landing/fragments/landing-slider/",\
+      ["workspace:landing/fragments/landing-steps", {\
+        "packageLocation": "./landing/fragments/landing-steps/",\
         "packageDependencies": [\
-          ["@landing/fragment-slider", "workspace:landing/fragments/landing-slider"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
+          ["@landing/fragment-steps", "workspace:landing/fragments/landing-steps"],\
+          ["@ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background"],\
           ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
-          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
+          ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
+          ["@ui/image", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image"],\
           ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
           ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
           ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "linkType": "SOFT"\
@@ -4290,21 +4225,26 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@landing-fragment-technologies-virtual-beb10a4d10/1/landing/fragments/landing-technologies/",\
         "packageDependencies": [\
           ["@landing/fragment-technologies", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-technologies"],\
-          ["@emotion/react", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/condition", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/divider"],\
-          ["@ui/layout", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/layout"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/utils"],\
-          ["react", null],\
-          ["react-dom", null],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#workspace:ui/divider"],\
+          ["@ui/layout", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/layout"],\
+          ["@ui/text", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/text"],\
+          ["@ui/utils", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "packagePeers": [\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
+          "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
           "react-dom",\
@@ -4316,21 +4256,25 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@landing-fragment-technologies-virtual-c76400532c/1/landing/fragments/landing-technologies/",\
         "packageDependencies": [\
           ["@landing/fragment-technologies", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-technologies"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/react-intl", null],\
-          ["@ui/condition", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:c76400532cd50d32cafe9f95a741a32bfdc3b332f279a9709d262f8c54c79848e67f8f11394deb766b3ba542113b218538e3fef97c8c4c7ae01661039f6561c8#workspace:ui/divider"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#workspace:ui/divider"],\
           ["@ui/layout", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/layout"],\
-          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
-          ["@ui/utils", "virtual:c76400532cd50d32cafe9f95a741a32bfdc3b332f279a9709d262f8c54c79848e67f8f11394deb766b3ba542113b218538e3fef97c8c4c7ae01661039f6561c8#workspace:ui/utils"],\
+          ["@ui/text", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/text"],\
+          ["@ui/utils", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["react-intl", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:6.0.8"]\
         ],\
         "packagePeers": [\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react-intl",\
           "@types/react",\
@@ -4344,15 +4288,15 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./landing/fragments/landing-technologies/",\
         "packageDependencies": [\
           ["@landing/fragment-technologies", "workspace:landing/fragments/landing-technologies"],\
-          ["@emotion/react", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["@ui/condition", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/condition"],\
-          ["@ui/divider", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/divider"],\
-          ["@ui/layout", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/layout"],\
-          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@ui/utils", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/utils"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#workspace:ui/divider"],\
+          ["@ui/layout", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/layout"],\
+          ["@ui/text", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/text"],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
         ],\
         "linkType": "SOFT"\
@@ -4369,7 +4313,7 @@ const RAW_RUNTIME_STATE =
           ["@landing/fragment-hero", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-hero"],\
           ["@landing/fragment-navigation", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-navigation"],\
           ["@landing/fragment-process", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-process"],\
-          ["@landing/fragment-slider", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-slider"],\
+          ["@landing/fragment-steps", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-steps"],\
           ["@landing/fragment-technologies", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:landing/fragments/landing-technologies"],\
           ["@types/next", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -4378,6 +4322,7 @@ const RAW_RUNTIME_STATE =
           ["@types/react-scroll-parallax", null],\
           ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/navbar", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/navbar"],\
           ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
           ["next", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
@@ -4409,13 +4354,17 @@ const RAW_RUNTIME_STATE =
           ["@landing/fragment-hero", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-hero"],\
           ["@landing/fragment-navigation", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-navigation"],\
           ["@landing/fragment-process", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-process"],\
-          ["@landing/fragment-slider", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-slider"],\
+          ["@landing/fragment-steps", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-steps"],\
           ["@landing/fragment-technologies", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:landing/fragments/landing-technologies"],\
           ["@types/react", "npm:17.0.39"],\
-          ["@ui/background", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/background"],\
-          ["@ui/condition", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/condition"],\
-          ["@ui/utils", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/utils"],\
-          ["react-scroll-parallax", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#npm:3.3.2"]\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/navbar", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/navbar"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-scroll-parallax", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:3.3.2"]\
         ],\
         "linkType": "SOFT"\
       }]\
@@ -4425,6 +4374,9 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./landing/entrypoints/renderer/",\
         "packageDependencies": [\
           ["@landing/renderer-entrypoint", "workspace:landing/entrypoints/renderer"],\
+          ["@emotion/css", "npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@formatjs/cli", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:6.1.3"],\
           ["@formatjs/ts-transformer", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:3.13.3"],\
           ["@landing/index-page", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#workspace:landing/pages/index-page"],\
@@ -4444,6 +4396,54 @@ const RAW_RUNTIME_STATE =
         "linkType": "SOFT"\
       }]\
     ]],\
+    ["@makotot/ghostui", [\
+      ["npm:2.0.0", {\
+        "packageLocation": "../../../.yarn/berry/cache/@makotot-ghostui-npm-2.0.0-e4e3ec6939-9.zip/node_modules/@makotot/ghostui/",\
+        "packageDependencies": [\
+          ["@makotot/ghostui", "npm:2.0.0"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#npm:2.0.0", {\
+        "packageLocation": "./.yarn/__virtual__/@makotot-ghostui-virtual-0e19851fac/4/.yarn/berry/cache/@makotot-ghostui-npm-2.0.0-e4e3ec6939-9.zip/node_modules/@makotot/ghostui/",\
+        "packageDependencies": [\
+          ["@makotot/ghostui", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#npm:2.0.0"],\
+          ["@types/react", null],\
+          ["react", "npm:18.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/react",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
+      }],\
+      ["virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:2.0.0", {\
+        "packageLocation": "./.yarn/__virtual__/@makotot-ghostui-virtual-68f6a424a2/4/.yarn/berry/cache/@makotot-ghostui-npm-2.0.0-e4e3ec6939-9.zip/node_modules/@makotot/ghostui/",\
+        "packageDependencies": [\
+          ["@makotot/ghostui", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:2.0.0"],\
+          ["@types/react", "npm:17.0.39"],\
+          ["react", "npm:18.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/react",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
+      }],\
+      ["virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#npm:2.0.0", {\
+        "packageLocation": "./.yarn/__virtual__/@makotot-ghostui-virtual-260324b109/4/.yarn/berry/cache/@makotot-ghostui-npm-2.0.0-e4e3ec6939-9.zip/node_modules/@makotot/ghostui/",\
+        "packageDependencies": [\
+          ["@makotot/ghostui", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#npm:2.0.0"],\
+          ["@types/react", "npm:17.0.39"],\
+          ["react", null]\
+        ],\
+        "packagePeers": [\
+          "@types/react",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@monstrs/jest-pnp-resolver", [\
       ["npm:0.0.1", {\
         "packageLocation": "../../../.yarn/berry/cache/@monstrs-jest-pnp-resolver-npm-0.0.1-6ae3bd407c-9.zip/node_modules/@monstrs/jest-pnp-resolver/",\
@@ -4639,13 +4639,6 @@ const RAW_RUNTIME_STATE =
           ["@sinclair/typebox", "npm:0.24.47"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:0.25.24", {\
-        "packageLocation": "../../../.yarn/berry/cache/@sinclair-typebox-npm-0.25.24-d04d0f45ef-9.zip/node_modules/@sinclair/typebox/",\
-        "packageDependencies": [\
-          ["@sinclair/typebox", "npm:0.25.24"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["@sindresorhus/is", [\
@@ -5206,17 +5199,6 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
-    ["@types/jest", [\
-      ["npm:29.5.2", {\
-        "packageLocation": "../../../.yarn/berry/cache/@types-jest-npm-29.5.2-1a72e55a50-9.zip/node_modules/@types/jest/",\
-        "packageDependencies": [\
-          ["@types/jest", "npm:29.5.2"],\
-          ["expect", "npm:29.5.0"],\
-          ["pretty-format", "npm:29.5.0"]\
-        ],\
-        "linkType": "HARD"\
-      }]\
-    ]],\
     ["@types/json-schema", [\
       ["npm:7.0.11", {\
         "packageLocation": "../../../.yarn/berry/cache/@types-json-schema-npm-7.0.11-79462ae5ca-9.zip/node_modules/@types/json-schema/",\
@@ -5340,6 +5322,16 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["@types/react-scroll", [\
+      ["npm:1.8.7", {\
+        "packageLocation": "../../../.yarn/berry/cache/@types-react-scroll-npm-1.8.7-4b96d4002b-9.zip/node_modules/@types/react-scroll/",\
+        "packageDependencies": [\
+          ["@types/react-scroll", "npm:1.8.7"],\
+          ["@types/react", "npm:17.0.39"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@types/responselike", [\
       ["npm:1.0.0", {\
         "packageLocation": "../../../.yarn/berry/cache/@types-responselike-npm-1.0.0-85dd08af42-9.zip/node_modules/@types/responselike/",\
@@ -5432,48 +5424,59 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
-    ["@ui/background", [\
-      ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/background", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-background-virtual-cd67f2bc8a/1/ui/background/",\
+    ["@ui/accordion", [\
+      ["virtual:40edcbaf022ed1a44fb3e082e29eaae9e6be875082bf8be12b642619a43656ee065f3026e0697e60ea93821a04eaa56e6f6879c4050db0ce00b1e2f207b91446#workspace:ui/accordion", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-accordion-virtual-967c360e60/1/ui/accordion/",\
         "packageDependencies": [\
-          ["@ui/background", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/background"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@ui/accordion", "virtual:40edcbaf022ed1a44fb3e082e29eaae9e6be875082bf8be12b642619a43656ee065f3026e0697e60ea93821a04eaa56e6f6879c4050db0ce00b1e2f207b91446#workspace:ui/accordion"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/next", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["@types/styled-system", "npm:5.1.16"],\
-          ["next", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4"],\
+          ["@types/framer-motion", null],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
+          ["@types/styled-system", null],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#workspace:ui/divider"],\
+          ["@ui/text", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/text"],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
+          ["framer-motion", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#npm:10.16.1"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
           "@types/emotion__react",\
           "@types/emotion__styled",\
-          "@types/next",\
+          "@types/framer-motion",\
           "@types/react-dom",\
           "@types/react",\
+          "@types/styled-system",\
           "react-dom",\
           "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/background", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-background-virtual-64bc0ce2e6/1/ui/background/",\
+      ["virtual:cd5a2a6c89a3f31a08173e4de409a394fc1f48f4186285ce4d486bcbf512fb7f03965e854fd6eeca5b8184c18d58b3f57fd58d7ba481ece1bb28515119a9cd4d#workspace:ui/accordion", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-accordion-virtual-441b14be48/1/ui/accordion/",\
         "packageDependencies": [\
-          ["@ui/background", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/background"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@ui/accordion", "virtual:cd5a2a6c89a3f31a08173e4de409a394fc1f48f4186285ce4d486bcbf512fb7f03965e854fd6eeca5b8184c18d58b3f57fd58d7ba481ece1bb28515119a9cd4d#workspace:ui/accordion"],\
+          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/next", null],\
+          ["@types/framer-motion", null],\
           ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", null],\
-          ["@types/styled-system", "npm:5.1.16"],\
-          ["next", "virtual:64bc0ce2e622cffd5b20d1b32d46768c80831d705303ff3604b571b27a01594a853b273cdb129ffcd86704052b40b5e7f127a5e018c26b91e18c207323d5df55#npm:12.3.4"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/styled-system", null],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#workspace:ui/divider"],\
+          ["@ui/text", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/text"],\
+          ["@ui/utils", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils"],\
+          ["framer-motion", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#npm:10.16.1"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
@@ -5481,25 +5484,46 @@ const RAW_RUNTIME_STATE =
         "packagePeers": [\
           "@types/emotion__react",\
           "@types/emotion__styled",\
-          "@types/next",\
+          "@types/framer-motion",\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "@types/styled-system",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
+      ["workspace:ui/accordion", {\
+        "packageLocation": "./ui/accordion/",\
+        "packageDependencies": [\
+          ["@ui/accordion", "workspace:ui/accordion"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@ui/divider", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#workspace:ui/divider"],\
+          ["@ui/text", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/text"],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
+          ["framer-motion", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#npm:10.16.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"]\
+        ],\
+        "linkType": "SOFT"\
+      }]\
+    ]],\
+    ["@ui/background", [\
       ["virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/background", {\
         "packageLocation": "./.yarn/__virtual__/@ui-background-virtual-3ed1838318/1/ui/background/",\
         "packageDependencies": [\
           ["@ui/background", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/background"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/next", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/styled-system", "npm:5.1.16"],\
-          ["next", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
@@ -5509,7 +5533,6 @@ const RAW_RUNTIME_STATE =
           "@emotion/styled",\
           "@types/emotion__react",\
           "@types/emotion__styled",\
-          "@types/next",\
           "@types/react-dom",\
           "@types/react",\
           "react-dom",\
@@ -5518,47 +5541,44 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/background", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-background-virtual-49691602cf/1/ui/background/",\
+      ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-background-virtual-2ea53c9fd4/1/ui/background/",\
         "packageDependencies": [\
-          ["@ui/background", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/background"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/next", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
           ["@types/styled-system", "npm:5.1.16"],\
-          ["next", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
           "@types/emotion__react",\
           "@types/emotion__styled",\
-          "@types/next",\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/background", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-background-virtual-bc0f82c4e0/1/ui/background/",\
+      ["virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/background", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-background-virtual-1ea9294053/1/ui/background/",\
         "packageDependencies": [\
-          ["@ui/background", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/background"],\
+          ["@ui/background", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/background"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/next", null],\
           ["@types/react", null],\
           ["@types/react-dom", null],\
           ["@types/styled-system", "npm:5.1.16"],\
-          ["next", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
@@ -5566,7 +5586,6 @@ const RAW_RUNTIME_STATE =
           "@emotion/styled",\
           "@types/emotion__react",\
           "@types/emotion__styled",\
-          "@types/next",\
           "@types/react-dom",\
           "@types/react",\
           "react-dom",\
@@ -5579,15 +5598,13 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-background-virtual-f00e587cc7/1/ui/background/",\
         "packageDependencies": [\
           ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/next", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/styled-system", "npm:5.1.16"],\
-          ["next", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
@@ -5595,10 +5612,8 @@ const RAW_RUNTIME_STATE =
         "packagePeers": [\
           "@types/emotion__react",\
           "@types/emotion__styled",\
-          "@types/next",\
           "@types/react-dom",\
           "@types/react",\
-          "next",\
           "react-dom",\
           "react"\
         ],\
@@ -5611,9 +5626,8 @@ const RAW_RUNTIME_STATE =
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/styled-system", "npm:5.1.16"],\
-          ["next", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "linkType": "SOFT"\
@@ -5628,20 +5642,27 @@ const RAW_RUNTIME_STATE =
           ["@atls-ui-parts/button", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#npm:0.0.12"],\
           ["@atls-ui-parts/conditional-render", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#npm:0.0.4"],\
           ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
+          ["@ui/utils", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
           ["styled-tools", "npm:1.7.2"]\
         ],\
         "packagePeers": [\
+          "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
           "react-dom",\
           "react"\
         ],\
@@ -5652,222 +5673,230 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
           ["@atls-ui-generators/button", "npm:0.0.10"],\
-          ["@atls-ui-parts/button", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#npm:0.0.12"],\
-          ["@atls-ui-parts/conditional-render", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#npm:0.0.4"],\
-          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@atls-ui-parts/button", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.12"],\
+          ["@atls-ui-parts/conditional-render", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.4"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
           ["styled-tools", "npm:1.7.2"]\
         ],\
         "packagePeers": [\
+          "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["workspace:ui/button", {\
-        "packageLocation": "./ui/button/",\
+      ["virtual:c877a0513dec6f6713ea1adc4a09b852c1e6510fbf8e675556616d1fc37501aeaa299b6685d7ba58c92798dc758a47c155ac7fe12e5fc23e0e4b65f06afe1579#workspace:ui/button", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-button-virtual-97e7239d0a/1/ui/button/",\
         "packageDependencies": [\
-          ["@ui/button", "workspace:ui/button"],\
+          ["@ui/button", "virtual:c877a0513dec6f6713ea1adc4a09b852c1e6510fbf8e675556616d1fc37501aeaa299b6685d7ba58c92798dc758a47c155ac7fe12e5fc23e0e4b65f06afe1579#workspace:ui/button"],\
           ["@atls-ui-generators/button", "npm:0.0.10"],\
-          ["@atls-ui-parts/button", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.12"],\
-          ["@atls-ui-parts/conditional-render", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.4"],\
-          ["@atls-ui-parts/layout", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.7"],\
+          ["@atls-ui-parts/button", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.12"],\
+          ["@atls-ui-parts/conditional-render", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.4"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
-          ["styled-system", "npm:5.1.5"],\
-          ["styled-tools", "npm:1.7.2"]\
-        ],\
-        "linkType": "SOFT"\
-      }]\
-    ]],\
-    ["@ui/card", [\
-      ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-card-virtual-0f2f15f994/1/ui/card/",\
-        "packageDependencies": [\
-          ["@ui/card", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card"],\
-          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["@ui/background", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/background"],\
-          ["@ui/condition", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/condition"],\
-          ["@ui/layout", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/layout"],\
-          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
           ["styled-tools", "npm:1.7.2"]\
         ],\
         "packagePeers": [\
+          "@emotion/react",\
+          "@emotion/styled",\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
           "react-dom",\
-          "react"\
+          "react",\
+          "styled-system"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/card", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-card-virtual-5aea096574/1/ui/card/",\
+      ["virtual:fffe482de2bbdba023628577e73c79adfb856f53fcde801cc8f6620e7359b6143ac859e9ff794cc553b58cd500ad57bb1d185ea8e28839ab189e6592d5c500e7#workspace:ui/button", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-button-virtual-354bf9d41d/1/ui/button/",\
         "packageDependencies": [\
-          ["@ui/card", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/card"],\
+          ["@ui/button", "virtual:fffe482de2bbdba023628577e73c79adfb856f53fcde801cc8f6620e7359b6143ac859e9ff794cc553b58cd500ad57bb1d185ea8e28839ab189e6592d5c500e7#workspace:ui/button"],\
+          ["@atls-ui-generators/button", "npm:0.0.10"],\
+          ["@atls-ui-parts/button", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#npm:0.0.12"],\
+          ["@atls-ui-parts/conditional-render", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#npm:0.0.4"],\
           ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
-          ["@ui/background", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/background"],\
-          ["@ui/condition", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/condition"],\
-          ["@ui/layout", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/layout"],\
-          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
+          ["@ui/utils", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
           ["styled-tools", "npm:1.7.2"]\
         ],\
         "packagePeers": [\
+          "@emotion/react",\
+          "@emotion/styled",\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
+          "react-dom",\
+          "react",\
+          "styled-system"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["workspace:ui/card", {\
-        "packageLocation": "./ui/card/",\
+      ["workspace:ui/button", {\
+        "packageLocation": "./ui/button/",\
         "packageDependencies": [\
-          ["@ui/card", "workspace:ui/card"],\
-          ["@atls-ui-parts/layout", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.7"],\
+          ["@ui/button", "workspace:ui/button"],\
+          ["@atls-ui-generators/button", "npm:0.0.10"],\
+          ["@atls-ui-parts/button", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.12"],\
+          ["@atls-ui-parts/conditional-render", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#npm:0.0.4"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
-          ["@ui/background", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/background"],\
-          ["@ui/condition", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/condition"],\
-          ["@ui/layout", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/layout"],\
-          ["@ui/text", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/text"],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
           ["styled-tools", "npm:1.7.2"]\
         ],\
         "linkType": "SOFT"\
       }]\
     ]],\
-    ["@ui/condition", [\
-      ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/condition", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-condition-virtual-fe5e2ae5e9/1/ui/condition/",\
-        "packageDependencies": [\
-          ["@ui/condition", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/condition"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", null],\
-          ["framer-motion", "virtual:fe5e2ae5e92d0d4dd6238e648938b053c952d9412b96501621ea7a8485a7b002d3fcad5226f396934bb964d437b5eab9f6a663ebc67b2c886dd43342a7342279#npm:10.12.10"],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", null]\
-        ],\
-        "packagePeers": [\
-          "@types/emotion__styled",\
-          "@types/react-dom",\
-          "@types/react",\
-          "react-dom"\
-        ],\
-        "linkType": "SOFT"\
-      }],\
-      ["virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/condition", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-condition-virtual-5280a7c6fa/1/ui/condition/",\
+    ["@ui/card", [\
+      ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-card-virtual-0f2f15f994/1/ui/card/",\
         "packageDependencies": [\
-          ["@ui/condition", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/condition"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@ui/card", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/card"],\
+          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
-          ["framer-motion", "virtual:5280a7c6fa4a2d994648ff0cd0a98cd7f8945c3cd04cd3d57ab0a0c448643a1284373f87377edccaf2de6d50563022eeebeb0d4d5aea52757ce56c555e0d9b33#npm:10.12.10"],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
+          ["@ui/background", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/background"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/layout", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/layout"],\
+          ["@ui/text", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/text"],\
+          ["@ui/utils", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"],\
+          ["styled-tools", "npm:1.7.2"]\
         ],\
         "packagePeers": [\
-          "@emotion/styled",\
+          "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
           "react-dom",\
           "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-condition-virtual-f2f8c13dbc/1/ui/condition/",\
-        "packageDependencies": [\
-          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["framer-motion", "virtual:f2f8c13dbc147f29494d3236b8c735e9352fa790ad426a4b08cfc273515e5763fa078ee823ca25f596e7c5aedaa0c00a41814e9c64765a9f86a49e61c37f392e#npm:10.12.10"],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", null]\
-        ],\
-        "packagePeers": [\
-          "@types/emotion__styled",\
-          "@types/react-dom",\
-          "@types/react",\
-          "react-dom"\
-        ],\
-        "linkType": "SOFT"\
-      }],\
-      ["virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/condition", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-condition-virtual-5f68d735ab/1/ui/condition/",\
+      ["virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/card", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-card-virtual-5aea096574/1/ui/card/",\
         "packageDependencies": [\
-          ["@ui/condition", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/condition"],\
+          ["@ui/card", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/card"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", null],\
           ["@types/react-dom", null],\
-          ["framer-motion", "virtual:5f68d735abe21b5d01a9b0002d996b93b143abe7895dd91c474b39976987d7c96832a3835ffe2bfb40fa162ba87f80cca4d9c141459bffeb89bd9ac22d9569ff#npm:10.12.10"],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
+          ["@ui/background", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/background"],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@ui/layout", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/layout"],\
+          ["@ui/text", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/text"],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"]\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"],\
+          ["styled-tools", "npm:1.7.2"]\
         ],\
         "packagePeers": [\
-          "@emotion/styled",\
+          "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
           "react-dom",\
           "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/condition", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-condition-virtual-b84f50f83c/1/ui/condition/",\
+      ["workspace:ui/card", {\
+        "packageLocation": "./ui/card/",\
         "packageDependencies": [\
-          ["@ui/condition", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/condition"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
-          ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["framer-motion", "virtual:f2f8c13dbc147f29494d3236b8c735e9352fa790ad426a4b08cfc273515e5763fa078ee823ca25f596e7c5aedaa0c00a41814e9c64765a9f86a49e61c37f392e#npm:10.12.10"],\
+          ["@ui/card", "workspace:ui/card"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@ui/background", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/background"],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@ui/layout", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/layout"],\
+          ["@ui/text", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/text"],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", null]\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"],\
+          ["styled-tools", "npm:1.7.2"]\
+        ],\
+        "linkType": "SOFT"\
+      }]\
+    ]],\
+    ["@ui/condition", [\
+      ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-condition-virtual-f2f8c13dbc/1/ui/condition/",\
+        "packageDependencies": [\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@types/react", null],\
+          ["react", "npm:18.2.0"]\
         ],\
         "packagePeers": [\
-          "@emotion/styled",\
-          "@types/emotion__styled",\
-          "@types/react-dom",\
           "@types/react",\
-          "react-dom"\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
@@ -5875,20 +5904,11 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-condition-virtual-c9d59649dc/1/ui/condition/",\
         "packageDependencies": [\
           ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["framer-motion", "virtual:5280a7c6fa4a2d994648ff0cd0a98cd7f8945c3cd04cd3d57ab0a0c448643a1284373f87377edccaf2de6d50563022eeebeb0d4d5aea52757ce56c555e0d9b33#npm:10.12.10"],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
+          ["react", "npm:18.2.0"]\
         ],\
         "packagePeers": [\
-          "@types/emotion__styled",\
-          "@types/react-dom",\
           "@types/react",\
-          "react-dom",\
           "react"\
         ],\
         "linkType": "SOFT"\
@@ -5897,9 +5917,6 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./ui/condition/",\
         "packageDependencies": [\
           ["@ui/condition", "workspace:ui/condition"],\
-          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
-          ["framer-motion", "virtual:6894898156b24e42098ab098b27d33565d2500f221e20b77c3a966f91ef4579148521ce4d5d2faa657858568602f0d35343e6f05be718b739c25f0e3fb455bd2#npm:10.12.10"],\
           ["react", "npm:18.2.0"]\
         ],\
         "linkType": "SOFT"\
@@ -5910,14 +5927,15 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-divider-virtual-5d96db6179/1/ui/divider/",\
         "packageDependencies": [\
           ["@ui/divider", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/divider"],\
-          ["@atls-ui-parts/layout", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.7"],\
+          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
           ["@atls-ui-proto/divider", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.6"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
@@ -5927,6 +5945,8 @@ const RAW_RUNTIME_STATE =
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
           "react-dom",\
           "react"\
         ],\
@@ -5936,38 +5956,44 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-divider-virtual-2b2f69f8bb/1/ui/divider/",\
         "packageDependencies": [\
           ["@ui/divider", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/divider"],\
-          ["@atls-ui-parts/layout", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.7"],\
-          ["@atls-ui-proto/divider", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.6"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@atls-ui-proto/divider", "virtual:2b2f69f8bb434a34ecb9bf3958d69ac9af7d7c51f599a0a6e39e820aaff9caadcf7d82bd4b4eab0e7a178a96b58f279632ebb82e60e3f2c94453b1cd4845008c#npm:0.0.6"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
           ["styled-tools", "npm:1.7.2"]\
         ],\
         "packagePeers": [\
           "@types/emotion__styled",\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/divider", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-divider-virtual-0828bb0746/1/ui/divider/",\
+      ["virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#workspace:ui/divider", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-divider-virtual-b5523a93e0/1/ui/divider/",\
         "packageDependencies": [\
-          ["@ui/divider", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/divider"],\
-          ["@atls-ui-parts/layout", "virtual:0828bb07460d9900dfedfc13a5e1869ae3911cb620f0641578ecc0345bf8467be071f2217c353e8bb5e31b57f30b8ca9f8215eb3c303d7f691d0a22be88a6430#npm:0.0.7"],\
-          ["@atls-ui-proto/divider", "virtual:0828bb07460d9900dfedfc13a5e1869ae3911cb620f0641578ecc0345bf8467be071f2217c353e8bb5e31b57f30b8ca9f8215eb3c303d7f691d0a22be88a6430#npm:0.0.6"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
+          ["@ui/divider", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#workspace:ui/divider"],\
+          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
+          ["@atls-ui-proto/divider", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.6"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
@@ -5977,24 +6003,30 @@ const RAW_RUNTIME_STATE =
           "@emotion/styled",\
           "@types/emotion__styled",\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
+          "react-dom",\
+          "react",\
+          "styled-system"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:c76400532cd50d32cafe9f95a741a32bfdc3b332f279a9709d262f8c54c79848e67f8f11394deb766b3ba542113b218538e3fef97c8c4c7ae01661039f6561c8#workspace:ui/divider", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-divider-virtual-f4603e1d1c/1/ui/divider/",\
+      ["virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#workspace:ui/divider", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-divider-virtual-a24be06aa4/1/ui/divider/",\
         "packageDependencies": [\
-          ["@ui/divider", "virtual:c76400532cd50d32cafe9f95a741a32bfdc3b332f279a9709d262f8c54c79848e67f8f11394deb766b3ba542113b218538e3fef97c8c4c7ae01661039f6561c8#workspace:ui/divider"],\
-          ["@atls-ui-parts/layout", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.7"],\
-          ["@atls-ui-proto/divider", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.6"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@ui/divider", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#workspace:ui/divider"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@atls-ui-proto/divider", "virtual:2b2f69f8bb434a34ecb9bf3958d69ac9af7d7c51f599a0a6e39e820aaff9caadcf7d82bd4b4eab0e7a178a96b58f279632ebb82e60e3f2c94453b1cd4845008c#npm:0.0.6"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
+          ["@types/styled-system", null],\
+          ["@types/styled-tools", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"],\
           ["styled-tools", "npm:1.7.2"]\
         ],\
@@ -6003,8 +6035,11 @@ const RAW_RUNTIME_STATE =
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
+          "@types/styled-system",\
+          "@types/styled-tools",\
           "react-dom",\
-          "react"\
+          "react",\
+          "styled-system"\
         ],\
         "linkType": "SOFT"\
       }],\
@@ -6012,17 +6047,99 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./ui/divider/",\
         "packageDependencies": [\
           ["@ui/divider", "workspace:ui/divider"],\
-          ["@atls-ui-parts/layout", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.7"],\
-          ["@atls-ui-proto/divider", "virtual:5d96db6179a2673f685da599ed9248770eca8d5c9585fdc2ef82a486ddb6f8d7d6705ff3a816142e208e53e76fa5e7ae7c07fb8d6ed9662dbb529cfe3a6b43c2#npm:0.0.6"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@atls-ui-proto/divider", "virtual:2b2f69f8bb434a34ecb9bf3958d69ac9af7d7c51f599a0a6e39e820aaff9caadcf7d82bd4b4eab0e7a178a96b58f279632ebb82e60e3f2c94453b1cd4845008c#npm:0.0.6"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"],\
+          ["styled-tools", "npm:1.7.2"]\
+        ],\
+        "linkType": "SOFT"\
+      }]\
+    ]],\
+    ["@ui/drawer", [\
+      ["virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#workspace:ui/drawer", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-drawer-virtual-c877a0513d/1/ui/drawer/",\
+        "packageDependencies": [\
+          ["@ui/drawer", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#workspace:ui/drawer"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@atls-ui-parts/text", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:0.0.11"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
+          ["@types/framer-motion", null],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
+          ["@types/styled-system", null],\
+          ["@ui/button", "virtual:c877a0513dec6f6713ea1adc4a09b852c1e6510fbf8e675556616d1fc37501aeaa299b6685d7ba58c92798dc758a47c155ac7fe12e5fc23e0e4b65f06afe1579#workspace:ui/button"],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["framer-motion", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#npm:10.16.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"]\
+        ],\
+        "packagePeers": [\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
+          "@types/framer-motion",\
+          "@types/react-dom",\
+          "@types/react",\
+          "@types/styled-system",\
+          "react-dom",\
+          "react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#workspace:ui/drawer", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-drawer-virtual-fffe482de2/1/ui/drawer/",\
+        "packageDependencies": [\
+          ["@ui/drawer", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#workspace:ui/drawer"],\
+          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
+          ["@atls-ui-parts/text", "virtual:fffe482de2bbdba023628577e73c79adfb856f53fcde801cc8f6620e7359b6143ac859e9ff794cc553b58cd500ad57bb1d185ea8e28839ab189e6592d5c500e7#npm:0.0.11"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
+          ["@types/framer-motion", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/styled-system", null],\
+          ["@ui/button", "virtual:fffe482de2bbdba023628577e73c79adfb856f53fcde801cc8f6620e7359b6143ac859e9ff794cc553b58cd500ad57bb1d185ea8e28839ab189e6592d5c500e7#workspace:ui/button"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["framer-motion", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#npm:10.16.1"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
-          ["styled-system", "npm:5.1.5"],\
-          ["styled-tools", "npm:1.7.2"]\
+          ["styled-system", "npm:5.1.5"]\
+        ],\
+        "packagePeers": [\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
+          "@types/framer-motion",\
+          "@types/react-dom",\
+          "@types/react",\
+          "@types/styled-system",\
+          "react-dom",\
+          "react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["workspace:ui/drawer", {\
+        "packageLocation": "./ui/drawer/",\
+        "packageDependencies": [\
+          ["@ui/drawer", "workspace:ui/drawer"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@atls-ui-parts/text", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:0.0.11"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@ui/button", "virtual:c877a0513dec6f6713ea1adc4a09b852c1e6510fbf8e675556616d1fc37501aeaa299b6685d7ba58c92798dc758a47c155ac7fe12e5fc23e0e4b65f06afe1579#workspace:ui/button"],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["framer-motion", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#npm:10.16.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"]\
         ],\
         "linkType": "SOFT"\
       }]\
@@ -6033,8 +6150,8 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
           ["@atls-ui-generators/icons", "virtual:54190a46b84af074727ac7e23b9f3209ea4bee324c12123abe461fa5411c88dc85b7ab1b5a6a1d75ad4359df32073035f5777bc63fadcb039d5d063e3842cbdb#npm:0.0.2"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -6059,22 +6176,24 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
           ["@atls-ui-generators/icons", "virtual:54190a46b84af074727ac7e23b9f3209ea4bee324c12123abe461fa5411c88dc85b7ab1b5a6a1d75ad4359df32073035f5777bc63fadcb039d5d063e3842cbdb#npm:0.0.2"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
           ["glob", "npm:8.0.3"],\
           ["glob-promise", "virtual:54190a46b84af074727ac7e23b9f3209ea4bee324c12123abe461fa5411c88dc85b7ab1b5a6a1d75ad4359df32073035f5777bc63fadcb039d5d063e3842cbdb#npm:6.0.2"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"]\
         ],\
         "packagePeers": [\
           "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
@@ -6083,14 +6202,12 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@ui/icons", "workspace:ui/icons"],\
           ["@atls-ui-generators/icons", "virtual:54190a46b84af074727ac7e23b9f3209ea4bee324c12123abe461fa5411c88dc85b7ab1b5a6a1d75ad4359df32073035f5777bc63fadcb039d5d063e3842cbdb#npm:0.0.2"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["glob", "npm:8.0.3"],\
           ["glob-promise", "virtual:54190a46b84af074727ac7e23b9f3209ea4bee324c12123abe461fa5411c88dc85b7ab1b5a6a1d75ad4359df32073035f5777bc63fadcb039d5d063e3842cbdb#npm:6.0.2"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"]\
         ],\
         "linkType": "SOFT"\
       }]\
@@ -6101,18 +6218,39 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
           ["@atls-ui-parts/image", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:0.0.4"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__styled", null],\
-          ["@types/jest", "npm:29.5.2"],\
           ["@types/react", "npm:17.0.39"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@types/styled-system", null],\
           ["react", "npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
           "@types/emotion__styled",\
           "@types/react",\
+          "@types/styled-system",\
+          "react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-image-virtual-4a8f054087/1/ui/image/",\
+        "packageDependencies": [\
+          ["@ui/image", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image"],\
+          ["@atls-ui-parts/image", "virtual:4a8f0540877293130cdb676ed4ea2a4db00748a59638e5413769e16dc1e152dce3f723f155655c7daaf4c7e9a24eb6faab03c5ee6744816f611600e37a14b51d#npm:0.0.4"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@types/emotion__styled", null],\
+          ["@types/react", null],\
+          ["@types/styled-system", null],\
+          ["react", "npm:18.2.0"],\
+          ["styled-system", "npm:5.1.5"]\
+        ],\
+        "packagePeers": [\
+          "@types/emotion__styled",\
+          "@types/react",\
+          "@types/styled-system",\
           "react"\
         ],\
         "linkType": "SOFT"\
@@ -6121,12 +6259,9 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./ui/image/",\
         "packageDependencies": [\
           ["@ui/image", "workspace:ui/image"],\
-          ["@atls-ui-parts/image", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:0.0.4"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/jest", "npm:29.5.2"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/styled-system", "npm:5.1.16"],\
+          ["@atls-ui-parts/image", "virtual:4a8f0540877293130cdb676ed4ea2a4db00748a59638e5413769e16dc1e152dce3f723f155655c7daaf4c7e9a24eb6faab03c5ee6744816f611600e37a14b51d#npm:0.0.4"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["react", "npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
@@ -6139,8 +6274,8 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@ui/layout", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/layout"],\
           ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -6169,8 +6304,8 @@ const RAW_RUNTIME_STATE =
         "packageDependencies": [\
           ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
           ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -6195,16 +6330,16 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-layout-virtual-39e22d4b89/1/ui/layout/",\
         "packageDependencies": [\
           ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
-          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
           ["@types/styled-system", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
@@ -6212,15 +6347,17 @@ const RAW_RUNTIME_STATE =
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
-          "@types/styled-system"\
+          "@types/styled-system",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/layout", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-layout-virtual-3ba68a0d5c/1/ui/layout/",\
+      ["virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/layout", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-layout-virtual-c05f4efc41/1/ui/layout/",\
         "packageDependencies": [\
-          ["@ui/layout", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/layout"],\
-          ["@atls-ui-parts/layout", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.7"],\
+          ["@ui/layout", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/layout"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
@@ -6229,7 +6366,7 @@ const RAW_RUNTIME_STATE =
           ["@types/react-dom", null],\
           ["@types/styled-system", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
@@ -6246,13 +6383,13 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/layout", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-layout-virtual-d51383b958/1/ui/layout/",\
+      ["virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/layout", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-layout-virtual-2a88637fc3/1/ui/layout/",\
         "packageDependencies": [\
-          ["@ui/layout", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/layout"],\
-          ["@atls-ui-parts/layout", "virtual:d51383b95855e6449e5e5b0855cc481a9fdae40c5aa0eabdcdb5b27bab06454f8d029471fea442d0abe6ad042bfecfb7d694293aadc2464e569faf3e74d7bcaa#npm:0.0.7"],\
-          ["@emotion/react", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
+          ["@ui/layout", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/layout"],\
+          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -6263,8 +6400,6 @@ const RAW_RUNTIME_STATE =
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
-          "@emotion/react",\
-          "@emotion/styled",\
           "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
@@ -6277,11 +6412,11 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./ui/layout/",\
         "packageDependencies": [\
           ["@ui/layout", "workspace:ui/layout"],\
-          ["@atls-ui-parts/layout", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.7"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "linkType": "SOFT"\
@@ -6294,9 +6429,11 @@ const RAW_RUNTIME_STATE =
           ["@ui/link", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/link"],\
           ["@atls-ui-parts/link", "virtual:768b98b359f1aa6c84426266c74049b99edaa2471ee9aec99a1a9eccb807f75370b2a6b1a5a331771ee5185f2419d288de844fcdccf32520c7ceafd2b3aecff3#npm:0.0.10"],\
           ["@atls-ui-proto/text", "npm:0.0.11"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
+          ["@types/next", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["@types/styled-system", null],\
@@ -6306,7 +6443,9 @@ const RAW_RUNTIME_STATE =
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
+          "@types/emotion__react",\
           "@types/emotion__styled",\
+          "@types/next",\
           "@types/react-dom",\
           "@types/react",\
           "@types/styled-system",\
@@ -6319,52 +6458,30 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-link-virtual-d5f9728ce7/1/ui/link/",\
         "packageDependencies": [\
           ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
-          ["@atls-ui-parts/link", "virtual:768b98b359f1aa6c84426266c74049b99edaa2471ee9aec99a1a9eccb807f75370b2a6b1a5a331771ee5185f2419d288de844fcdccf32520c7ceafd2b3aecff3#npm:0.0.10"],\
-          ["@atls-ui-proto/text", "npm:0.0.11"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["@types/styled-system", null],\
-          ["next", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4"],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
-          ["styled-system", "npm:5.1.5"]\
-        ],\
-        "packagePeers": [\
-          "@types/emotion__styled",\
-          "@types/react-dom",\
-          "@types/react",\
-          "@types/styled-system"\
-        ],\
-        "linkType": "SOFT"\
-      }],\
-      ["virtual:c07b5cc00f758ae53b55fe9e75ab8d6f414cbd9552c463f8d2f507bb8a2346434582115960744a348d26c0dc464b18b7927e46a8395ec61bff9b23bdff4a384e#workspace:ui/link", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-link-virtual-080f79e90f/1/ui/link/",\
-        "packageDependencies": [\
-          ["@ui/link", "virtual:c07b5cc00f758ae53b55fe9e75ab8d6f414cbd9552c463f8d2f507bb8a2346434582115960744a348d26c0dc464b18b7927e46a8395ec61bff9b23bdff4a384e#workspace:ui/link"],\
-          ["@atls-ui-parts/link", "virtual:77bf311a6543a80f771d580a75afd24454320054d1db30ce3ab911d3ca55fb188f2309ad8aa7dcfbcd75ff583d1144d26b9b446895bb8207e17bbd250129d96a#npm:0.0.10"],\
+          ["@atls-ui-parts/link", "virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:0.0.10"],\
           ["@atls-ui-proto/text", "npm:0.0.11"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
+          ["@types/next", null],\
           ["@types/react", null],\
           ["@types/react-dom", null],\
           ["@types/styled-system", null],\
-          ["next", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:12.3.4"],\
+          ["next", "virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
+          "@types/emotion__react",\
           "@types/emotion__styled",\
+          "@types/next",\
           "@types/react-dom",\
           "@types/react",\
           "@types/styled-system",\
           "react-dom",\
-          "react",\
-          "styled-system"\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
@@ -6372,13 +6489,13 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./ui/link/",\
         "packageDependencies": [\
           ["@ui/link", "workspace:ui/link"],\
-          ["@atls-ui-parts/link", "virtual:77bf311a6543a80f771d580a75afd24454320054d1db30ce3ab911d3ca55fb188f2309ad8aa7dcfbcd75ff583d1144d26b9b446895bb8207e17bbd250129d96a#npm:0.0.10"],\
+          ["@atls-ui-parts/link", "virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:0.0.10"],\
           ["@atls-ui-proto/text", "npm:0.0.11"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
-          ["next", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:12.3.4"],\
+          ["next", "virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:12.3.4"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "linkType": "SOFT"\
@@ -6389,18 +6506,20 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-logo-virtual-7137a7ebf0/1/ui/logo/",\
         "packageDependencies": [\
           ["@ui/logo", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#workspace:ui/logo"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
           ["@types/styled-system", null],\
-          ["@ui/link", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/link"],\
+          ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
           "@types/react-dom",\
           "@types/react",\
-          "@types/styled-system"\
+          "@types/styled-system",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
@@ -6429,14 +6548,173 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./ui/logo/",\
         "packageDependencies": [\
           ["@ui/logo", "workspace:ui/logo"],\
-          ["@ui/link", "virtual:c07b5cc00f758ae53b55fe9e75ab8d6f414cbd9552c463f8d2f507bb8a2346434582115960744a348d26c0dc464b18b7927e46a8395ec61bff9b23bdff4a384e#workspace:ui/link"],\
+          ["@ui/link", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/link"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "linkType": "SOFT"\
       }]\
     ]],\
+    ["@ui/navbar", [\
+      ["virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/navbar", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-navbar-virtual-0636423a8f/1/ui/navbar/",\
+        "packageDependencies": [\
+          ["@ui/navbar", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/navbar"],\
+          ["@makotot/ghostui", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:2.0.0"],\
+          ["@types/react", "npm:17.0.39"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react-scroll", "npm:1.8.7"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-scroll", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:1.8.9"]\
+        ],\
+        "packagePeers": [\
+          "@types/react-dom",\
+          "@types/react",\
+          "react-dom",\
+          "react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["workspace:ui/navbar", {\
+        "packageLocation": "./ui/navbar/",\
+        "packageDependencies": [\
+          ["@ui/navbar", "workspace:ui/navbar"],\
+          ["@makotot/ghostui", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#npm:2.0.0"],\
+          ["@types/react", "npm:17.0.39"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react-scroll", "npm:1.8.7"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/layout", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/layout"],\
+          ["@ui/text", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/text"],\
+          ["@ui/utils", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/utils"],\
+          ["react-scroll", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#npm:1.8.9"]\
+        ],\
+        "linkType": "SOFT"\
+      }]\
+    ]],\
+    ["@ui/slider", [\
+      ["virtual:2268d5d32bcc61dd60903dae065664ce71529bfbcdaacb691a531b2c96ea4a2f895b7d2a51ad61ea22eee54c73024a20da8fc29cfa950b02789ea8e1f648510b#workspace:ui/slider", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-slider-virtual-4bc86d9bb7/1/ui/slider/",\
+        "packageDependencies": [\
+          ["@ui/slider", "virtual:2268d5d32bcc61dd60903dae065664ce71529bfbcdaacb691a531b2c96ea4a2f895b7d2a51ad61ea22eee54c73024a20da8fc29cfa950b02789ea8e1f648510b#workspace:ui/slider"],\
+          ["@types/framer-motion", null],\
+          ["@types/react", "npm:17.0.39"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react-intl", null],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
+          ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
+          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["framer-motion", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#npm:10.16.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-intl", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:6.0.8"]\
+        ],\
+        "packagePeers": [\
+          "@types/framer-motion",\
+          "@types/react-dom",\
+          "@types/react-intl",\
+          "@types/react",\
+          "react-dom",\
+          "react-intl",\
+          "react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:316839fae51f96b54428c247116addafbf8d60893c09a9cb85887d09d117894c0aaae4acd6aec69a3f688ae5a26dae2251bee858aa0953ab3aae97e6146a61dc#workspace:ui/slider", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-slider-virtual-38c0f59fe6/1/ui/slider/",\
+        "packageDependencies": [\
+          ["@ui/slider", "virtual:316839fae51f96b54428c247116addafbf8d60893c09a9cb85887d09d117894c0aaae4acd6aec69a3f688ae5a26dae2251bee858aa0953ab3aae97e6146a61dc#workspace:ui/slider"],\
+          ["@types/framer-motion", null],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
+          ["@types/react-intl", null],\
+          ["@ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background"],\
+          ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
+          ["@ui/image", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image"],\
+          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
+          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
+          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["framer-motion", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#npm:10.16.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
+        ],\
+        "packagePeers": [\
+          "@types/framer-motion",\
+          "@types/react-dom",\
+          "@types/react-intl",\
+          "@types/react",\
+          "react-dom",\
+          "react-intl",\
+          "react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:a19d1b9b47320c6186d9d9b44d6ef280f83d3509e3dff9fa2a5d5e1e1244f6e07d5f1446d2083315e276deec622db74abfe204b02063e37806a1c3a4a0174ea1#workspace:ui/slider", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-slider-virtual-4c1640f33e/1/ui/slider/",\
+        "packageDependencies": [\
+          ["@ui/slider", "virtual:a19d1b9b47320c6186d9d9b44d6ef280f83d3509e3dff9fa2a5d5e1e1244f6e07d5f1446d2083315e276deec622db74abfe204b02063e37806a1c3a4a0174ea1#workspace:ui/slider"],\
+          ["@types/framer-motion", null],\
+          ["@types/react", "npm:17.0.39"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react-intl", null],\
+          ["@ui/background", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/background"],\
+          ["@ui/button", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/button"],\
+          ["@ui/condition", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/condition"],\
+          ["@ui/icons", "virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/icons"],\
+          ["@ui/image", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/image"],\
+          ["@ui/layout", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/layout"],\
+          ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["framer-motion", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#npm:10.16.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
+        ],\
+        "packagePeers": [\
+          "@types/framer-motion",\
+          "@types/react-dom",\
+          "@types/react-intl",\
+          "@types/react",\
+          "react-dom",\
+          "react-intl",\
+          "react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["workspace:ui/slider", {\
+        "packageLocation": "./ui/slider/",\
+        "packageDependencies": [\
+          ["@ui/slider", "workspace:ui/slider"],\
+          ["@ui/background", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/background"],\
+          ["@ui/button", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/button"],\
+          ["@ui/condition", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/condition"],\
+          ["@ui/icons", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/icons"],\
+          ["@ui/image", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/image"],\
+          ["@ui/layout", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/layout"],\
+          ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
+          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["framer-motion", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#npm:10.16.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
+          ["react-intl", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:6.0.8"]\
+        ],\
+        "linkType": "SOFT"\
+      }]\
+    ]],\
     ["@ui/swiper", [\
       ["virtual:054b332b25d2e18492bfb6cb3e5f44b5a103e03be6a25fef2cebcb62135e3225a53ca5b0f0b82b81563f0465021aa21ac573596e1c737e52addbe1380863b62d#workspace:ui/swiper", {\
         "packageLocation": "./.yarn/__virtual__/@ui-swiper-virtual-8ad65a134a/1/ui/swiper/",\
@@ -6446,6 +6724,7 @@ const RAW_RUNTIME_STATE =
           ["@emotion/css", "npm:11.11.0"],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/swiper", null],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
           ["swiper", "npm:8.4.7"]\
@@ -6453,6 +6732,7 @@ const RAW_RUNTIME_STATE =
         "packagePeers": [\
           "@types/react-dom",\
           "@types/react",\
+          "@types/swiper",\
           "react-dom",\
           "react"\
         ],\
@@ -6462,17 +6742,21 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-swiper-virtual-368265ef3f/1/ui/swiper/",\
         "packageDependencies": [\
           ["@ui/swiper", "virtual:38813475cb75be00439d34cdcc98f191e4749b916baface24d1622c31105646f41bb930cec72205e363f2a5f29a2419435a11934e96903016e9443c8382b456e#workspace:ui/swiper"],\
-          ["@atls-ui-parts/swiper", "virtual:8ad65a134a1c4f2cf74b464b95481678e32799ae1bd5518877f9f2bf5c01441011294e044a9bc1d0d50caeec16b96f51898cd5f420dadd56e83f06aaa60860e2#npm:0.0.3"],\
+          ["@atls-ui-parts/swiper", "virtual:368265ef3f7c5056392f33229e35aa8f115ed84c0e92f64ca0b34e71d1d355dea221d3a3c7a66c8b4cffb5f416874608bd16046cf80f154a4fe513b106b06b68#npm:0.0.3"],\
           ["@emotion/css", "npm:11.11.0"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
+          ["@types/swiper", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["swiper", "npm:8.4.7"]\
         ],\
         "packagePeers": [\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "@types/swiper",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
@@ -6480,29 +6764,59 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./ui/swiper/",\
         "packageDependencies": [\
           ["@ui/swiper", "workspace:ui/swiper"],\
-          ["@atls-ui-parts/swiper", "virtual:7e129cf76fa9be8f5369b4e334e529b32fc064dcdb5f01d5dc9c95dd1b2b81d2f01f0c65fc8da26811da96d66979826ff79cd1184d8460bb4b8b615773fff6b0#npm:0.0.3"],\
+          ["@atls-ui-parts/swiper", "virtual:368265ef3f7c5056392f33229e35aa8f115ed84c0e92f64ca0b34e71d1d355dea221d3a3c7a66c8b4cffb5f416874608bd16046cf80f154a4fe513b106b06b68#npm:0.0.3"],\
           ["@emotion/css", "npm:11.11.0"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["swiper", "npm:8.4.7"]\
         ],\
         "linkType": "SOFT"\
       }]\
     ]],\
     ["@ui/text", [\
+      ["virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/text", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-text-virtual-319cec631c/1/ui/text/",\
+        "packageDependencies": [\
+          ["@ui/text", "virtual:0f2f15f99425e228daf045fac65ff7931327f8c1149fede94454442823d24604a678d63facaa2f94f7c55c77674fda15ed7864c4494228b9b360227f0274e119#workspace:ui/text"],\
+          ["@atls-ui-parts/text", "virtual:31ea9750d537fea7e0aa00d57126f0ef062049be66fecf5714346a121862778edadd160eb6b088e9175bc0b94f332b7d440cec3909aa53cc1cbddf4b86bb1cae#npm:0.0.10"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
+          ["@types/react", "npm:17.0.39"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@emotion/react",\
+          "@emotion/styled",\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
+          "@types/react-dom",\
+          "@types/react",\
+          "react-dom",\
+          "react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
       ["virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text", {\
         "packageLocation": "./.yarn/__virtual__/@ui-text-virtual-31ea9750d5/1/ui/text/",\
         "packageDependencies": [\
           ["@ui/text", "virtual:3bd8d99b46211438e2af7d1e7df711f753c72130b466c687107fa2eb1b1596bb7eb1c492f82866331c43eb31deb7b1c51706c7d958ce547b42ad4ce8da2f8028#workspace:ui/text"],\
           ["@atls-ui-parts/text", "virtual:31ea9750d537fea7e0aa00d57126f0ef062049be66fecf5714346a121862778edadd160eb6b088e9175bc0b94f332b7d440cec3909aa53cc1cbddf4b86bb1cae#npm:0.0.10"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
         ],\
         "packagePeers": [\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
           "react-dom",\
@@ -6514,33 +6828,45 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./.yarn/__virtual__/@ui-text-virtual-3cd29ef5ce/1/ui/text/",\
         "packageDependencies": [\
           ["@ui/text", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/text"],\
-          ["@atls-ui-parts/text", "virtual:31ea9750d537fea7e0aa00d57126f0ef062049be66fecf5714346a121862778edadd160eb6b088e9175bc0b94f332b7d440cec3909aa53cc1cbddf4b86bb1cae#npm:0.0.10"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@atls-ui-parts/text", "virtual:3cd29ef5ce4f2dd8c079a4070e7a64538c1552a40937a5b45a1a85467662f8ccd229ddfa74876aab095cb4629a042158b4b2a3c8f6fe05971ccad3ceac9fc622#npm:0.0.10"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"]\
         ],\
         "packagePeers": [\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
           "@types/react-dom",\
-          "@types/react"\
+          "@types/react",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/text", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-text-virtual-589f5adef0/1/ui/text/",\
+      ["virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/text", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-text-virtual-2aa1acf988/1/ui/text/",\
         "packageDependencies": [\
-          ["@ui/text", "virtual:5ff9d5d588778c6c990f4c9992bfb4b91473f6bc55fd11d2b2cbfe613af7bbbb619babe8d3e87af4e7955acb78be95ce9863b35961a14102dde20f49c0f81217#workspace:ui/text"],\
-          ["@atls-ui-parts/text", "virtual:589f5adef08999456f5a07eb8d83344c83fb71934896fe427031096486362a9034744b45e99802f0902e2759ef2535a6817dfa58ca28e4fde08f495223e20162#npm:0.0.10"],\
+          ["@ui/text", "virtual:5aea0965745f283c1a5f7c242aeaffad432b5935e05a3566c1e2f6126f846d98b506ca3a693868207c802ffa733c44272a4e7da01619dd28607a7c9b16ea57c8#workspace:ui/text"],\
+          ["@atls-ui-parts/text", "virtual:3cd29ef5ce4f2dd8c079a4070e7a64538c1552a40937a5b45a1a85467662f8ccd229ddfa74876aab095cb4629a042158b4b2a3c8f6fe05971ccad3ceac9fc622#npm:0.0.10"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
           ["@types/react", null],\
           ["@types/react-dom", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"]\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"]\
         ],\
         "packagePeers": [\
+          "@emotion/react",\
+          "@emotion/styled",\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
           "react-dom",\
@@ -6548,15 +6874,37 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
+      ["virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/text", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-text-virtual-6843ec2cc9/1/ui/text/",\
+        "packageDependencies": [\
+          ["@ui/text", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/text"],\
+          ["@atls-ui-parts/text", "virtual:31ea9750d537fea7e0aa00d57126f0ef062049be66fecf5714346a121862778edadd160eb6b088e9175bc0b94f332b7d440cec3909aa53cc1cbddf4b86bb1cae#npm:0.0.10"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__react", null],\
+          ["@types/emotion__styled", null],\
+          ["@types/react", "npm:17.0.39"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/emotion__react",\
+          "@types/emotion__styled",\
+          "@types/react-dom",\
+          "@types/react"\
+        ],\
+        "linkType": "SOFT"\
+      }],\
       ["workspace:ui/text", {\
         "packageLocation": "./ui/text/",\
         "packageDependencies": [\
           ["@ui/text", "workspace:ui/text"],\
-          ["@atls-ui-parts/text", "virtual:589f5adef08999456f5a07eb8d83344c83fb71934896fe427031096486362a9034744b45e99802f0902e2759ef2535a6817dfa58ca28e4fde08f495223e20162#npm:0.0.10"],\
+          ["@atls-ui-parts/text", "virtual:3cd29ef5ce4f2dd8c079a4070e7a64538c1552a40937a5b45a1a85467662f8ccd229ddfa74876aab095cb4629a042158b4b2a3c8f6fe05971ccad3ceac9fc622#npm:0.0.10"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"]\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"]\
         ],\
         "linkType": "SOFT"\
       }]\
@@ -6568,8 +6916,9 @@ const RAW_RUNTIME_STATE =
           ["@ui/theme", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#workspace:ui/theme"],\
           ["@atls-ui-proto/theme", "virtual:8835c06af0571cac4c40b85595c6d7d6f5f643b25444168f79dfd2cb44f3b1df262fcd879eb01c40bc22c84cc3949f1e21d557c16ae2094a92a34ca314ceac80#npm:0.0.12"],\
           ["@emotion/css", "npm:11.11.0"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
+          ["@types/emotion__css", null],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -6578,6 +6927,10 @@ const RAW_RUNTIME_STATE =
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
         ],\
         "packagePeers": [\
+          "@emotion/css",\
+          "@emotion/react",\
+          "@emotion/styled",\
+          "@types/emotion__css",\
           "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
@@ -6593,8 +6946,8 @@ const RAW_RUNTIME_STATE =
           ["@ui/theme", "workspace:ui/theme"],\
           ["@atls-ui-proto/theme", "virtual:8835c06af0571cac4c40b85595c6d7d6f5f643b25444168f79dfd2cb44f3b1df262fcd879eb01c40bc22c84cc3949f1e21d557c16ae2094a92a34ca314ceac80#npm:0.0.12"],\
           ["@emotion/css", "npm:11.11.0"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/react", "npm:17.0.39"],\
           ["react", "npm:18.2.0"],\
           ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
@@ -6603,20 +6956,20 @@ const RAW_RUNTIME_STATE =
       }]\
     ]],\
     ["@ui/utils", [\
-      ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/utils", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-3e955ad534/1/ui/utils/",\
+      ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-c5b53c5ce5/1/ui/utils/",\
         "packageDependencies": [\
-          ["@ui/utils", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#workspace:ui/utils"],\
-          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
+          ["@types/react", null],\
           ["@types/react-dom", null],\
           ["@types/styled-system", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
@@ -6624,42 +6977,49 @@ const RAW_RUNTIME_STATE =
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
-          "@types/styled-system"\
+          "@types/styled-system",\
+          "react-dom",\
+          "react"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-c5b53c5ce5/1/ui/utils/",\
+      ["virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-ee6f5653e2/1/ui/utils/",\
         "packageDependencies": [\
-          ["@ui/utils", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#workspace:ui/utils"],\
-          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@ui/utils", "virtual:5b921ed09c9cd68267dddcff573f75e2133c85a8ff7b9e08f5788bcdff846a73ffb90f574435bd0bd7297f3c4fb4db420e7555c8db7be8475ca90cf67967bf83#workspace:ui/utils"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
+          ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
           ["@types/styled-system", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
+          "@emotion/react",\
+          "@emotion/styled",\
           "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
-          "@types/styled-system"\
+          "@types/styled-system",\
+          "react-dom",\
+          "react",\
+          "styled-system"\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/utils", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-f5d8a71ee7/1/ui/utils/",\
+      ["virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/utils", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-e7dd238465/1/ui/utils/",\
         "packageDependencies": [\
-          ["@ui/utils", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#workspace:ui/utils"],\
-          ["@atls-ui-parts/layout", "virtual:d51383b95855e6449e5e5b0855cc481a9fdae40c5aa0eabdcdb5b27bab06454f8d029471fea442d0abe6ad042bfecfb7d694293aadc2464e569faf3e74d7bcaa#npm:0.0.7"],\
-          ["@emotion/react", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:8107f3cc546d9ea28a077126b5d6c59e96330f22f2fe5773e13a4810810e74499a46d679d39e93e0088f5e21c988ef8239bfcd0eca76294c0a06971179855570#npm:11.11.0"],\
+          ["@ui/utils", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#workspace:ui/utils"],\
+          ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -6670,8 +7030,6 @@ const RAW_RUNTIME_STATE =
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
-          "@emotion/react",\
-          "@emotion/styled",\
           "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
@@ -6680,13 +7038,13 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:c76400532cd50d32cafe9f95a741a32bfdc3b332f279a9709d262f8c54c79848e67f8f11394deb766b3ba542113b218538e3fef97c8c4c7ae01661039f6561c8#workspace:ui/utils", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-192ba624d9/1/ui/utils/",\
+      ["virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-6b9c0ca085/1/ui/utils/",\
         "packageDependencies": [\
-          ["@ui/utils", "virtual:c76400532cd50d32cafe9f95a741a32bfdc3b332f279a9709d262f8c54c79848e67f8f11394deb766b3ba542113b218538e3fef97c8c4c7ae01661039f6561c8#workspace:ui/utils"],\
+          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
           ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -6697,8 +7055,6 @@ const RAW_RUNTIME_STATE =
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
-          "@emotion/react",\
-          "@emotion/styled",\
           "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
@@ -6709,13 +7065,13 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils", {\
-        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-6b9c0ca085/1/ui/utils/",\
+      ["virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils", {\
+        "packageLocation": "./.yarn/__virtual__/@ui-utils-virtual-0639140952/1/ui/utils/",\
         "packageDependencies": [\
-          ["@ui/utils", "virtual:cc78e21148998824319f94f7bd4268caa455a0fb66439594f6e5393376ecaa7c62f848e87bd93c4e08e85a1f23eb22c4dd727a6bda68c77e7c67936bd75f88ca#workspace:ui/utils"],\
+          ["@ui/utils", "virtual:d16f3597b855fa357c2310d5ea5602974527a4abfe7664c0dc71e4781146f84bd60b8eb8d3acd80500bb25cb8e0810ab1fabbcd850ae50673f1c8194c0207858#workspace:ui/utils"],\
           ["@atls-ui-parts/layout", "virtual:fb305e8c19cbbe93f6198b23373d668ba8bc124817dfc3736605bf9410aaac451be8cd0aa74f63f69241ebed33f9617c4b43532d9ed314a67bd5e533dc4b6c5a#npm:0.0.7"],\
-          ["@emotion/react", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.1"],\
-          ["@emotion/styled", "virtual:28e5614ef59883dc71bd2c101209ef0a1245f32e8b1c1acef00bcd0647b109618da7ac2ce7613362fd5bde7f183e8c10015df6d7f4624fe9df95bbd5ad23d10d#npm:11.11.0"],\
+          ["@emotion/react", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.1"],\
+          ["@emotion/styled", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:11.11.0"],\
           ["@types/emotion__react", null],\
           ["@types/emotion__styled", null],\
           ["@types/react", "npm:17.0.39"],\
@@ -6726,13 +7082,16 @@ const RAW_RUNTIME_STATE =
           ["styled-system", "npm:5.1.5"]\
         ],\
         "packagePeers": [\
+          "@emotion/react",\
+          "@emotion/styled",\
           "@types/emotion__react",\
           "@types/emotion__styled",\
           "@types/react-dom",\
           "@types/react",\
           "@types/styled-system",\
           "react-dom",\
-          "react"\
+          "react",\
+          "styled-system"\
         ],\
         "linkType": "SOFT"\
       }],\
@@ -6740,11 +7099,11 @@ const RAW_RUNTIME_STATE =
         "packageLocation": "./ui/utils/",\
         "packageDependencies": [\
           ["@ui/utils", "workspace:ui/utils"],\
-          ["@atls-ui-parts/layout", "virtual:2feb9cc9c125883d3a6b04f32f2a84354799208a4ed521d0c3f302e72125a16d693884f557876b86c9ead87c08d5a3eb6329abe93af10ea8b33ac31410df4ce1#npm:0.0.7"],\
+          ["@atls-ui-parts/layout", "virtual:39e22d4b89f295320716cd52c408f046a58e22dfe7e886822365c68587fc3a62ed89bda09d2917b2ae4b713057856ff1da403495ff7690ef0fa1084347d7b8f8#npm:0.0.7"],\
           ["@emotion/react", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.1"],\
           ["@emotion/styled", "virtual:18e41040f81d3fd51f25df277b940a20645a1b7fd297949458aca359413915e92841147fc8fe2bcd924ab87820d79c29e9fb06d6c0ff5f744293a1febb1e79cb#npm:11.11.0"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["styled-system", "npm:5.1.5"]\
         ],\
         "linkType": "SOFT"\
@@ -10130,13 +10489,6 @@ const RAW_RUNTIME_STATE =
           ["diff-sequences", "npm:28.1.1"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.4.3", {\
-        "packageLocation": "../../../.yarn/berry/cache/diff-sequences-npm-29.4.3-ffe403944f-9.zip/node_modules/diff-sequences/",\
-        "packageDependencies": [\
-          ["diff-sequences", "npm:29.4.3"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["dir-glob", [\
@@ -10798,18 +11150,6 @@ const RAW_RUNTIME_STATE =
           ["jest-util", "npm:28.1.3"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.5.0", {\
-        "packageLocation": "../../../.yarn/berry/cache/expect-npm-29.5.0-395e2d6fda-9.zip/node_modules/expect/",\
-        "packageDependencies": [\
-          ["expect", "npm:29.5.0"],\
-          ["@jest/expect-utils", "npm:29.5.0"],\
-          ["jest-get-type", "npm:29.4.3"],\
-          ["jest-matcher-utils", "npm:29.5.0"],\
-          ["jest-message-util", "npm:29.5.0"],\
-          ["jest-util", "npm:29.5.0"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["extend", [\
@@ -11091,17 +11431,17 @@ const RAW_RUNTIME_STATE =
       }]\
     ]],\
     ["framer-motion", [\
-      ["npm:10.12.10", {\
-        "packageLocation": "../../../.yarn/berry/cache/framer-motion-npm-10.12.10-466c90767c-9.zip/node_modules/framer-motion/",\
+      ["npm:10.16.1", {\
+        "packageLocation": "../../../.yarn/berry/cache/framer-motion-npm-10.16.1-73639ed293-9.zip/node_modules/framer-motion/",\
         "packageDependencies": [\
-          ["framer-motion", "npm:10.12.10"]\
+          ["framer-motion", "npm:10.16.1"]\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:5280a7c6fa4a2d994648ff0cd0a98cd7f8945c3cd04cd3d57ab0a0c448643a1284373f87377edccaf2de6d50563022eeebeb0d4d5aea52757ce56c555e0d9b33#npm:10.12.10", {\
-        "packageLocation": "./.yarn/__virtual__/framer-motion-virtual-4732309967/4/.yarn/berry/cache/framer-motion-npm-10.12.10-466c90767c-9.zip/node_modules/framer-motion/",\
+      ["virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#npm:10.16.1", {\
+        "packageLocation": "./.yarn/__virtual__/framer-motion-virtual-b3626deda9/4/.yarn/berry/cache/framer-motion-npm-10.16.1-73639ed293-9.zip/node_modules/framer-motion/",\
         "packageDependencies": [\
-          ["framer-motion", "virtual:5280a7c6fa4a2d994648ff0cd0a98cd7f8945c3cd04cd3d57ab0a0c448643a1284373f87377edccaf2de6d50563022eeebeb0d4d5aea52757ce56c555e0d9b33#npm:10.12.10"],\
+          ["framer-motion", "virtual:441b14be48b996de36bb08e19385993ac66cf3cebe8d54a0d04970b0180aef8e8b156a2dba98054c71543a55815b1836e987f29c4b80f6c2acf09546578fa860#npm:10.16.1"],\
           ["@emotion/is-prop-valid", "npm:0.8.8"],\
           ["@types/react", "npm:17.0.39"],\
           ["@types/react-dom", "npm:18.2.4"],\
@@ -11117,72 +11457,15 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:5f68d735abe21b5d01a9b0002d996b93b143abe7895dd91c474b39976987d7c96832a3835ffe2bfb40fa162ba87f80cca4d9c141459bffeb89bd9ac22d9569ff#npm:10.12.10", {\
-        "packageLocation": "./.yarn/__virtual__/framer-motion-virtual-a8cf3d4dd2/4/.yarn/berry/cache/framer-motion-npm-10.12.10-466c90767c-9.zip/node_modules/framer-motion/",\
-        "packageDependencies": [\
-          ["framer-motion", "virtual:5f68d735abe21b5d01a9b0002d996b93b143abe7895dd91c474b39976987d7c96832a3835ffe2bfb40fa162ba87f80cca4d9c141459bffeb89bd9ac22d9569ff#npm:10.12.10"],\
-          ["@emotion/is-prop-valid", "npm:0.8.8"],\
-          ["@types/react", null],\
-          ["@types/react-dom", null],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
-          ["tslib", "npm:2.5.0"]\
-        ],\
-        "packagePeers": [\
-          "@types/react-dom",\
-          "@types/react",\
-          "react-dom",\
-          "react"\
-        ],\
-        "linkType": "HARD"\
-      }],\
-      ["virtual:6894898156b24e42098ab098b27d33565d2500f221e20b77c3a966f91ef4579148521ce4d5d2faa657858568602f0d35343e6f05be718b739c25f0e3fb455bd2#npm:10.12.10", {\
-        "packageLocation": "./.yarn/__virtual__/framer-motion-virtual-fbabf7fb96/4/.yarn/berry/cache/framer-motion-npm-10.12.10-466c90767c-9.zip/node_modules/framer-motion/",\
+      ["virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#npm:10.16.1", {\
+        "packageLocation": "./.yarn/__virtual__/framer-motion-virtual-3419c43d40/4/.yarn/berry/cache/framer-motion-npm-10.16.1-73639ed293-9.zip/node_modules/framer-motion/",\
         "packageDependencies": [\
-          ["framer-motion", "virtual:6894898156b24e42098ab098b27d33565d2500f221e20b77c3a966f91ef4579148521ce4d5d2faa657858568602f0d35343e6f05be718b739c25f0e3fb455bd2#npm:10.12.10"],\
+          ["framer-motion", "virtual:967c360e6098f2703db66187ef5893c0957d7a6e9a79bc727acc1483d3f6ca3e9d52eaa372ce6efa287fb65370369746da499b0db7a426a4c5aa3e2c00429fad#npm:10.16.1"],\
           ["@emotion/is-prop-valid", "npm:0.8.8"],\
           ["@types/react", null],\
           ["@types/react-dom", null],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", null],\
-          ["tslib", "npm:2.5.0"]\
-        ],\
-        "packagePeers": [\
-          "@types/react-dom",\
-          "@types/react",\
-          "react-dom",\
-          "react"\
-        ],\
-        "linkType": "HARD"\
-      }],\
-      ["virtual:f2f8c13dbc147f29494d3236b8c735e9352fa790ad426a4b08cfc273515e5763fa078ee823ca25f596e7c5aedaa0c00a41814e9c64765a9f86a49e61c37f392e#npm:10.12.10", {\
-        "packageLocation": "./.yarn/__virtual__/framer-motion-virtual-d7d1203968/4/.yarn/berry/cache/framer-motion-npm-10.12.10-466c90767c-9.zip/node_modules/framer-motion/",\
-        "packageDependencies": [\
-          ["framer-motion", "virtual:f2f8c13dbc147f29494d3236b8c735e9352fa790ad426a4b08cfc273515e5763fa078ee823ca25f596e7c5aedaa0c00a41814e9c64765a9f86a49e61c37f392e#npm:10.12.10"],\
-          ["@emotion/is-prop-valid", "npm:0.8.8"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", null],\
-          ["tslib", "npm:2.5.0"]\
-        ],\
-        "packagePeers": [\
-          "@types/react-dom",\
-          "@types/react",\
-          "react-dom",\
-          "react"\
-        ],\
-        "linkType": "HARD"\
-      }],\
-      ["virtual:fe5e2ae5e92d0d4dd6238e648938b053c952d9412b96501621ea7a8485a7b002d3fcad5226f396934bb964d437b5eab9f6a663ebc67b2c886dd43342a7342279#npm:10.12.10", {\
-        "packageLocation": "./.yarn/__virtual__/framer-motion-virtual-f6d489131d/4/.yarn/berry/cache/framer-motion-npm-10.12.10-466c90767c-9.zip/node_modules/framer-motion/",\
-        "packageDependencies": [\
-          ["framer-motion", "virtual:fe5e2ae5e92d0d4dd6238e648938b053c952d9412b96501621ea7a8485a7b002d3fcad5226f396934bb964d437b5eab9f6a663ebc67b2c886dd43342a7342279#npm:10.12.10"],\
-          ["@emotion/is-prop-valid", "npm:0.8.8"],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", null],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", null],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["tslib", "npm:2.5.0"]\
         ],\
         "packagePeers": [\
@@ -13215,17 +13498,6 @@ const RAW_RUNTIME_STATE =
           ["pretty-format", "npm:28.1.3"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.5.0", {\
-        "packageLocation": "../../../.yarn/berry/cache/jest-diff-npm-29.5.0-5c9573ed73-9.zip/node_modules/jest-diff/",\
-        "packageDependencies": [\
-          ["jest-diff", "npm:29.5.0"],\
-          ["chalk", "npm:4.1.2"],\
-          ["diff-sequences", "npm:29.4.3"],\
-          ["jest-get-type", "npm:29.4.3"],\
-          ["pretty-format", "npm:29.5.0"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["jest-docblock", [\
@@ -13330,13 +13602,6 @@ const RAW_RUNTIME_STATE =
           ["jest-get-type", "npm:28.0.2"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.4.3", {\
-        "packageLocation": "../../../.yarn/berry/cache/jest-get-type-npm-29.4.3-790eefdb01-9.zip/node_modules/jest-get-type/",\
-        "packageDependencies": [\
-          ["jest-get-type", "npm:29.4.3"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["jest-haste-map", [\
@@ -13448,17 +13713,6 @@ const RAW_RUNTIME_STATE =
           ["pretty-format", "npm:28.1.3"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.5.0", {\
-        "packageLocation": "../../../.yarn/berry/cache/jest-matcher-utils-npm-29.5.0-f255c78df4-9.zip/node_modules/jest-matcher-utils/",\
-        "packageDependencies": [\
-          ["jest-matcher-utils", "npm:29.5.0"],\
-          ["chalk", "npm:4.1.2"],\
-          ["jest-diff", "npm:29.5.0"],\
-          ["jest-get-type", "npm:29.4.3"],\
-          ["pretty-format", "npm:29.5.0"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["jest-message-util", [\
@@ -13493,22 +13747,6 @@ const RAW_RUNTIME_STATE =
           ["stack-utils", "npm:2.0.6"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.5.0", {\
-        "packageLocation": "../../../.yarn/berry/cache/jest-message-util-npm-29.5.0-910b21363f-9.zip/node_modules/jest-message-util/",\
-        "packageDependencies": [\
-          ["jest-message-util", "npm:29.5.0"],\
-          ["@babel/code-frame", "npm:7.21.4"],\
-          ["@jest/types", "npm:29.5.0"],\
-          ["@types/stack-utils", "npm:2.0.1"],\
-          ["chalk", "npm:4.1.2"],\
-          ["graceful-fs", "npm:4.2.9"],\
-          ["micromatch", "npm:4.0.5"],\
-          ["pretty-format", "npm:29.5.0"],\
-          ["slash", "npm:3.0.0"],\
-          ["stack-utils", "npm:2.0.6"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["jest-mock", [\
@@ -13863,19 +14101,6 @@ const RAW_RUNTIME_STATE =
           ["picomatch", "npm:2.3.1"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.5.0", {\
-        "packageLocation": "../../../.yarn/berry/cache/jest-util-npm-29.5.0-cf917d20f1-9.zip/node_modules/jest-util/",\
-        "packageDependencies": [\
-          ["jest-util", "npm:29.5.0"],\
-          ["@jest/types", "npm:29.5.0"],\
-          ["@types/node", "npm:17.0.23"],\
-          ["chalk", "npm:4.1.2"],\
-          ["ci-info", "npm:3.3.0"],\
-          ["graceful-fs", "npm:4.2.9"],\
-          ["picomatch", "npm:2.3.1"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["jest-validate", [\
@@ -14630,6 +14855,15 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["lodash.throttle", [\
+      ["npm:4.1.1", {\
+        "packageLocation": "../../../.yarn/berry/cache/lodash.throttle-npm-4.1.1-856641af92-9.zip/node_modules/lodash.throttle/",\
+        "packageDependencies": [\
+          ["lodash.throttle", "npm:4.1.1"]\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["lodash.union", [\
       ["npm:4.6.0", {\
         "packageLocation": "../../../.yarn/berry/cache/lodash.union-npm-4.6.0-8c9e2d9292-9.zip/node_modules/lodash.union/",\
@@ -15179,58 +15413,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:12.3.4", {\
-        "packageLocation": "./.yarn/__virtual__/next-virtual-75d8de4a85/4/.yarn/berry/cache/next-npm-12.3.4-cdaf2db0a7-9.zip/node_modules/next/",\
-        "packageDependencies": [\
-          ["next", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:12.3.4"],\
-          ["@next/env", "npm:12.3.4"],\
-          ["@next/swc-android-arm-eabi", "npm:12.3.4"],\
-          ["@next/swc-android-arm64", "npm:12.3.4"],\
-          ["@next/swc-darwin-arm64", "npm:12.3.4"],\
-          ["@next/swc-darwin-x64", "npm:12.3.4"],\
-          ["@next/swc-freebsd-x64", "npm:12.3.4"],\
-          ["@next/swc-linux-arm-gnueabihf", "npm:12.3.4"],\
-          ["@next/swc-linux-arm64-gnu", "npm:12.3.4"],\
-          ["@next/swc-linux-arm64-musl", "npm:12.3.4"],\
-          ["@next/swc-linux-x64-gnu", "npm:12.3.4"],\
-          ["@next/swc-linux-x64-musl", "npm:12.3.4"],\
-          ["@next/swc-win32-arm64-msvc", "npm:12.3.4"],\
-          ["@next/swc-win32-ia32-msvc", "npm:12.3.4"],\
-          ["@next/swc-win32-x64-msvc", "npm:12.3.4"],\
-          ["@swc/helpers", "npm:0.4.11"],\
-          ["@types/fibers", null],\
-          ["@types/node-sass", null],\
-          ["@types/react", null],\
-          ["@types/react-dom", null],\
-          ["@types/sass", null],\
-          ["caniuse-lite", "npm:1.0.30001519"],\
-          ["fibers", null],\
-          ["node-sass", null],\
-          ["postcss", "npm:8.4.14"],\
-          ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
-          ["sass", null],\
-          ["styled-jsx", "virtual:75d8de4a85051c053a4bff0304024464659d31538b218363f2659c8a703002f2ce8b60eba872368c544dae078cc70145fc78a316fc8874a68e31f412423a53fc#npm:5.0.7"],\
-          ["use-sync-external-store", "virtual:75d8de4a85051c053a4bff0304024464659d31538b218363f2659c8a703002f2ce8b60eba872368c544dae078cc70145fc78a316fc8874a68e31f412423a53fc#npm:1.2.0"]\
-        ],\
-        "packagePeers": [\
-          "@types/fibers",\
-          "@types/node-sass",\
-          "@types/react-dom",\
-          "@types/react",\
-          "@types/sass",\
-          "fibers",\
-          "node-sass",\
-          "react-dom",\
-          "react",\
-          "sass"\
-        ],\
-        "linkType": "HARD"\
-      }],\
-      ["virtual:64bc0ce2e622cffd5b20d1b32d46768c80831d705303ff3604b571b27a01594a853b273cdb129ffcd86704052b40b5e7f127a5e018c26b91e18c207323d5df55#npm:12.3.4", {\
-        "packageLocation": "./.yarn/__virtual__/next-virtual-e2e04b1539/4/.yarn/berry/cache/next-npm-12.3.4-cdaf2db0a7-9.zip/node_modules/next/",\
+      ["virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4", {\
+        "packageLocation": "./.yarn/__virtual__/next-virtual-919027c60d/4/.yarn/berry/cache/next-npm-12.3.4-cdaf2db0a7-9.zip/node_modules/next/",\
         "packageDependencies": [\
-          ["next", "virtual:64bc0ce2e622cffd5b20d1b32d46768c80831d705303ff3604b571b27a01594a853b273cdb129ffcd86704052b40b5e7f127a5e018c26b91e18c207323d5df55#npm:12.3.4"],\
+          ["next", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4"],\
           ["@next/env", "npm:12.3.4"],\
           ["@next/swc-android-arm-eabi", "npm:12.3.4"],\
           ["@next/swc-android-arm64", "npm:12.3.4"],\
@@ -15249,7 +15435,7 @@ const RAW_RUNTIME_STATE =
           ["@types/fibers", null],\
           ["@types/node-sass", null],\
           ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", null],\
+          ["@types/react-dom", "npm:18.2.4"],\
           ["@types/sass", null],\
           ["caniuse-lite", "npm:1.0.30001519"],\
           ["fibers", null],\
@@ -15275,10 +15461,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
-      ["virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4", {\
-        "packageLocation": "./.yarn/__virtual__/next-virtual-919027c60d/4/.yarn/berry/cache/next-npm-12.3.4-cdaf2db0a7-9.zip/node_modules/next/",\
+      ["virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:12.3.4", {\
+        "packageLocation": "./.yarn/__virtual__/next-virtual-3439d7d86f/4/.yarn/berry/cache/next-npm-12.3.4-cdaf2db0a7-9.zip/node_modules/next/",\
         "packageDependencies": [\
-          ["next", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:12.3.4"],\
+          ["next", "virtual:d5f9728ce76476841084bec7cc9a60969ddcad00b120353233e7e0a81532e5b22327aa2590c7a49babd8acbbafe4bb1e814ed7135c408448b825116fc563b20b#npm:12.3.4"],\
           ["@next/env", "npm:12.3.4"],\
           ["@next/swc-android-arm-eabi", "npm:12.3.4"],\
           ["@next/swc-android-arm64", "npm:12.3.4"],\
@@ -15296,18 +15482,18 @@ const RAW_RUNTIME_STATE =
           ["@swc/helpers", "npm:0.4.11"],\
           ["@types/fibers", null],\
           ["@types/node-sass", null],\
-          ["@types/react", "npm:17.0.39"],\
-          ["@types/react-dom", "npm:18.2.4"],\
+          ["@types/react", null],\
+          ["@types/react-dom", null],\
           ["@types/sass", null],\
           ["caniuse-lite", "npm:1.0.30001519"],\
           ["fibers", null],\
           ["node-sass", null],\
           ["postcss", "npm:8.4.14"],\
           ["react", "npm:18.2.0"],\
-          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["sass", null],\
-          ["styled-jsx", "virtual:919027c60d4075f13b336d87edb1c5b9f56c55e96f5d104bbbe013678c901df8045fa7d4532e85428bcaa60f23c545dd7c4dcf272e5dd0742d01ddd4c45812f7#npm:5.0.7"],\
-          ["use-sync-external-store", "virtual:919027c60d4075f13b336d87edb1c5b9f56c55e96f5d104bbbe013678c901df8045fa7d4532e85428bcaa60f23c545dd7c4dcf272e5dd0742d01ddd4c45812f7#npm:1.2.0"]\
+          ["styled-jsx", "virtual:3439d7d86f5e7ec7ead7e6d931a8c558a712a7fa091ae2f71d4198689c0a0b1fae76871291a72926670b6bd631ff7fb48bf7d7ce0b796b5ccd89e369dddd1e56#npm:5.0.7"],\
+          ["use-sync-external-store", "virtual:3439d7d86f5e7ec7ead7e6d931a8c558a712a7fa091ae2f71d4198689c0a0b1fae76871291a72926670b6bd631ff7fb48bf7d7ce0b796b5ccd89e369dddd1e56#npm:1.2.0"]\
         ],\
         "packagePeers": [\
           "@types/fibers",\
@@ -16382,16 +16568,6 @@ const RAW_RUNTIME_STATE =
           ["react-is", "npm:18.2.0"]\
         ],\
         "linkType": "HARD"\
-      }],\
-      ["npm:29.5.0", {\
-        "packageLocation": "../../../.yarn/berry/cache/pretty-format-npm-29.5.0-4f1086147d-9.zip/node_modules/pretty-format/",\
-        "packageDependencies": [\
-          ["pretty-format", "npm:29.5.0"],\
-          ["@jest/schemas", "npm:29.4.3"],\
-          ["ansi-styles", "npm:5.2.0"],\
-          ["react-is", "npm:18.2.0"]\
-        ],\
-        "linkType": "HARD"\
       }]\
     ]],\
     ["process-nextick-args", [\
@@ -16744,10 +16920,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0", {\
-        "packageLocation": "./.yarn/__virtual__/react-dom-virtual-e3d8a672a7/4/.yarn/berry/cache/react-dom-npm-18.2.0-dd675bca1c-9.zip/node_modules/react-dom/",\
+      ["virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0", {\
+        "packageLocation": "./.yarn/__virtual__/react-dom-virtual-bb96283562/4/.yarn/berry/cache/react-dom-npm-18.2.0-dd675bca1c-9.zip/node_modules/react-dom/",\
         "packageDependencies": [\
-          ["react-dom", "virtual:49f95a128d221e5877803baeb89e4b938e88a139d68b5300ce60499200766d8c02487620e2893502dc5d3b369529caae2c02faa0be765a33aeb3bf33de19dc4f#npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"],\
           ["@types/react", null],\
           ["loose-envify", "npm:1.4.0"],\
           ["react", "npm:18.2.0"],\
@@ -16797,12 +16973,11 @@ const RAW_RUNTIME_STATE =
           ["@types/typescript", null],\
           ["hoist-non-react-statics", "npm:3.3.2"],\
           ["intl-messageformat", "npm:10.1.3"],\
-          ["react", null],\
+          ["react", "npm:18.2.0"],\
           ["tslib", "npm:2.4.0"],\
           ["typescript", null]\
         ],\
         "packagePeers": [\
-          "@types/react",\
           "@types/typescript",\
           "react",\
           "typescript"\
@@ -16884,21 +17059,60 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
-    ["react-scroll-parallax", [\
-      ["npm:3.3.2", {\
-        "packageLocation": "../../../.yarn/berry/cache/react-scroll-parallax-npm-3.3.2-759f07a94e-9.zip/node_modules/react-scroll-parallax/",\
+    ["react-scroll", [\
+      ["npm:1.8.9", {\
+        "packageLocation": "../../../.yarn/berry/cache/react-scroll-npm-1.8.9-f47b5ae322-9.zip/node_modules/react-scroll/",\
         "packageDependencies": [\
-          ["react-scroll-parallax", "npm:3.3.2"]\
+          ["react-scroll", "npm:1.8.9"]\
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#npm:3.3.2", {\
-        "packageLocation": "./.yarn/__virtual__/react-scroll-parallax-virtual-d2465727dd/4/.yarn/berry/cache/react-scroll-parallax-npm-3.3.2-759f07a94e-9.zip/node_modules/react-scroll-parallax/",\
+      ["virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#npm:1.8.9", {\
+        "packageLocation": "./.yarn/__virtual__/react-scroll-virtual-6f72e384a4/4/.yarn/berry/cache/react-scroll-npm-1.8.9-f47b5ae322-9.zip/node_modules/react-scroll/",\
         "packageDependencies": [\
-          ["react-scroll-parallax", "virtual:09e125a7dbc99b48dbd8b6d8e8ecfabc4199e657267e2eacea44267006e849cacafe5bb631c40c7ca29ca9de5eb91410e8e961ae61edd55b7a34ddaff952bf2c#npm:3.3.2"],\
-          ["@types/react", "npm:17.0.39"],\
+          ["react-scroll", "virtual:17f184b7f96b063ebb022029ca1bf5929bd1f400ad75951af2eed5c4ee3e31e3e5e6fe717b3b97bcb79cee204bfb85107d491442978b4e77ed8bf777c5f64b4a#npm:1.8.9"],\
+          ["@types/react", null],\
           ["@types/react-dom", null],\
-          ["parallax-controller", "npm:1.7.0"],\
+          ["lodash.throttle", "npm:4.1.1"],\
+          ["prop-types", "npm:15.8.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:58dce9411aad80ff4117b4e2f7848d73ee5abc711977828083ec94c4803b740439acb582d5801a1708f9d8dfdedafd11fc709756f8d266412fdceb475d0d9e7a#npm:18.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/react-dom",\
+          "@types/react",\
+          "react-dom",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
+      }],\
+      ["virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:1.8.9", {\
+        "packageLocation": "./.yarn/__virtual__/react-scroll-virtual-4c0a32397a/4/.yarn/berry/cache/react-scroll-npm-1.8.9-f47b5ae322-9.zip/node_modules/react-scroll/",\
+        "packageDependencies": [\
+          ["react-scroll", "virtual:2b93bb7d0ba74229c2c3b53b34feeac30518b276c5f79bf4ad99952ceb535d0507b73dc4ed0796497915f41d51166dee969077ec0f926cb912d358665a538962#npm:1.8.9"],\
+          ["@types/react", "npm:17.0.39"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["lodash.throttle", "npm:4.1.1"],\
+          ["prop-types", "npm:15.8.1"],\
+          ["react", "npm:18.2.0"],\
+          ["react-dom", "virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:18.2.0"]\
+        ],\
+        "packagePeers": [\
+          "@types/react-dom",\
+          "@types/react",\
+          "react-dom",\
+          "react"\
+        ],\
+        "linkType": "HARD"\
+      }],\
+      ["virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#npm:1.8.9", {\
+        "packageLocation": "./.yarn/__virtual__/react-scroll-virtual-4d3eb15850/4/.yarn/berry/cache/react-scroll-npm-1.8.9-f47b5ae322-9.zip/node_modules/react-scroll/",\
+        "packageDependencies": [\
+          ["react-scroll", "virtual:7f8fe95925cd46101340c879a4a3ad993cf536a15d052ce57234fd93d4d6356860f1d4bec91e6f097070949e9839cba5bfaaff879a35d7b3c1184ff50f55fb04#npm:1.8.9"],\
+          ["@types/react", "npm:17.0.39"],\
+          ["@types/react-dom", "npm:18.2.4"],\
+          ["lodash.throttle", "npm:4.1.1"],\
+          ["prop-types", "npm:15.8.1"],\
           ["react", null],\
           ["react-dom", null]\
         ],\
@@ -16909,6 +17123,15 @@ const RAW_RUNTIME_STATE =
           "react"\
         ],\
         "linkType": "HARD"\
+      }]\
+    ]],\
+    ["react-scroll-parallax", [\
+      ["npm:3.3.2", {\
+        "packageLocation": "../../../.yarn/berry/cache/react-scroll-parallax-npm-3.3.2-759f07a94e-9.zip/node_modules/react-scroll-parallax/",\
+        "packageDependencies": [\
+          ["react-scroll-parallax", "npm:3.3.2"]\
+        ],\
+        "linkType": "SOFT"\
       }],\
       ["virtual:653a57b63a7031a0376395884bb5c6d490870f863d88034cd33fbb9aa17424c3e058f3b2b1798911ce28fa465fb80eb9677a4e9b6dfd5be1268baa84ea3216bb#npm:3.3.2", {\
         "packageLocation": "./.yarn/__virtual__/react-scroll-parallax-virtual-a5324e6483/4/.yarn/berry/cache/react-scroll-parallax-npm-3.3.2-759f07a94e-9.zip/node_modules/react-scroll-parallax/",\
@@ -18167,10 +18390,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:75d8de4a85051c053a4bff0304024464659d31538b218363f2659c8a703002f2ce8b60eba872368c544dae078cc70145fc78a316fc8874a68e31f412423a53fc#npm:5.0.7", {\
-        "packageLocation": "./.yarn/__virtual__/styled-jsx-virtual-92bb90e734/4/.yarn/berry/cache/styled-jsx-npm-5.0.7-d47abf001f-9.zip/node_modules/styled-jsx/",\
+      ["virtual:3439d7d86f5e7ec7ead7e6d931a8c558a712a7fa091ae2f71d4198689c0a0b1fae76871291a72926670b6bd631ff7fb48bf7d7ce0b796b5ccd89e369dddd1e56#npm:5.0.7", {\
+        "packageLocation": "./.yarn/__virtual__/styled-jsx-virtual-6395674181/4/.yarn/berry/cache/styled-jsx-npm-5.0.7-d47abf001f-9.zip/node_modules/styled-jsx/",\
         "packageDependencies": [\
-          ["styled-jsx", "virtual:75d8de4a85051c053a4bff0304024464659d31538b218363f2659c8a703002f2ce8b60eba872368c544dae078cc70145fc78a316fc8874a68e31f412423a53fc#npm:5.0.7"],\
+          ["styled-jsx", "virtual:3439d7d86f5e7ec7ead7e6d931a8c558a712a7fa091ae2f71d4198689c0a0b1fae76871291a72926670b6bd631ff7fb48bf7d7ce0b796b5ccd89e369dddd1e56#npm:5.0.7"],\
           ["@babel/core", null],\
           ["@types/babel-plugin-macros", null],\
           ["@types/babel__core", null],\
@@ -19199,10 +19422,10 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "SOFT"\
       }],\
-      ["virtual:75d8de4a85051c053a4bff0304024464659d31538b218363f2659c8a703002f2ce8b60eba872368c544dae078cc70145fc78a316fc8874a68e31f412423a53fc#npm:1.2.0", {\
-        "packageLocation": "./.yarn/__virtual__/use-sync-external-store-virtual-f089eb36ce/4/.yarn/berry/cache/use-sync-external-store-npm-1.2.0-44f75d2564-9.zip/node_modules/use-sync-external-store/",\
+      ["virtual:3439d7d86f5e7ec7ead7e6d931a8c558a712a7fa091ae2f71d4198689c0a0b1fae76871291a72926670b6bd631ff7fb48bf7d7ce0b796b5ccd89e369dddd1e56#npm:1.2.0", {\
+        "packageLocation": "./.yarn/__virtual__/use-sync-external-store-virtual-bfffdaa248/4/.yarn/berry/cache/use-sync-external-store-npm-1.2.0-44f75d2564-9.zip/node_modules/use-sync-external-store/",\
         "packageDependencies": [\
-          ["use-sync-external-store", "virtual:75d8de4a85051c053a4bff0304024464659d31538b218363f2659c8a703002f2ce8b60eba872368c544dae078cc70145fc78a316fc8874a68e31f412423a53fc#npm:1.2.0"],\
+          ["use-sync-external-store", "virtual:3439d7d86f5e7ec7ead7e6d931a8c558a712a7fa091ae2f71d4198689c0a0b1fae76871291a72926670b6bd631ff7fb48bf7d7ce0b796b5ccd89e369dddd1e56#npm:1.2.0"],\
           ["@types/react", null],\
           ["react", "npm:18.2.0"]\
         ],\
diff --git a/landing/entrypoints/renderer/locales/ru.json b/landing/entrypoints/renderer/locales/ru.json
index f987de34..2687eefa 100644
--- a/landing/entrypoints/renderer/locales/ru.json
+++ b/landing/entrypoints/renderer/locales/ru.json
@@ -14,14 +14,19 @@
   "courses.sidebar.number": "5",
   "courses.sidebar.sign": "студентов обучаются в одной практической группе",
   "courses.sidebar.subtitle": "Вы изучите фундаментальные знания в IT и прокачаете нужные для сферы навыки. Мы не собираем большие группы, что позволяет курировать работу каждого студента.",
-  "courses.subtitle.advantage-of-learning": "Эффективность обучения заметно вырастает из-за",
+  "courses.subtitle.advantage-of-learning": "Эффективность обучения",
+  "courses.subtitle.visibly": "заметно",
+  "courses.subtitle.grow": "вырастает из-за",
   "courses.subtitle.practice": "практики",
-  "courses.subtitle.on-existing-projects": "на существующих проектах.",
+  "courses.subtitle.on": "на",
+  "courses.subtitle.existing-projects": "существующих проектах.",
   "courses.subtitle.power-broker": "Являясь серым кардиналом,",
   "courses.subtitle.atlantis": "Atlantis",
-  "courses.subtitle.has-an-impact-on": "имеет влияние на",
+  "courses.subtitle.has": "имеет",
+  "courses.subtitle.impact-on": "влияние на",
   "courses.subtitle.it": "сферу IT",
-  "courses.subtitle.unlimited-possibilities": "и неограниченные возможности в",
+  "courses.subtitle.unlimited": "и неограниченные",
+  "courses.subtitle.possibilities": "возможности в",
   "courses.subtitle.use-skills": "применении навыков",
   "courses.subtitle.point": ".",
   "courses.title": "Курсы и материалы",
@@ -33,10 +38,6 @@
   "hero.title.it": "IT",
   "hero.title.text": "Обучаем профессионалов для революции в",
   "navigation.button": "Курсы",
-  "navigation.item.academy": "academy",
-  "navigation.item.courses": "курсы",
-  "navigation.item.teaching": "обучение",
-  "navigation.item.faq": "faq",
   "process.item.text": "Являясь серым кардиналом Atlantis имеет влияние на сферу IT.",
   "process.item.create-environment": "Создание среды",
   "process.item.practical-work": "Практика изученого",
diff --git a/landing/entrypoints/renderer/package.json b/landing/entrypoints/renderer/package.json
index 0565aa27..917c29ae 100644
--- a/landing/entrypoints/renderer/package.json
+++ b/landing/entrypoints/renderer/package.json
@@ -13,6 +13,9 @@
     "start": "yarn next start src"
   },
   "dependencies": {
+    "@emotion/css": "11.11.0",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
     "next": "12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
diff --git a/landing/entrypoints/renderer/src/public/image/integrated-title-bar.png b/landing/entrypoints/renderer/src/public/image/integrated-title-bar.png
new file mode 100644
index 00000000..d22229d6
Binary files /dev/null and b/landing/entrypoints/renderer/src/public/image/integrated-title-bar.png differ
diff --git a/landing/entrypoints/renderer/src/public/image/mockup-negate.png b/landing/entrypoints/renderer/src/public/image/mockup-negate.png
new file mode 100644
index 00000000..89da1472
Binary files /dev/null and b/landing/entrypoints/renderer/src/public/image/mockup-negate.png differ
diff --git a/landing/entrypoints/renderer/src/public/image/toolbar-mobile.png b/landing/entrypoints/renderer/src/public/image/toolbar-mobile.png
new file mode 100644
index 00000000..db4770de
Binary files /dev/null and b/landing/entrypoints/renderer/src/public/image/toolbar-mobile.png differ
diff --git a/landing/fragments/landing-about/package.json b/landing/fragments/landing-about/package.json
index ac2a511c..01bdf6cf 100644
--- a/landing/fragments/landing-about/package.json
+++ b/landing/fragments/landing-about/package.json
@@ -3,6 +3,7 @@
   "version": "0.0.1",
   "main": "src/index.ts",
   "dependencies": {
+    "@ui/background": "workspace: 0.0.1",
     "@ui/condition": "workspace: 0.0.1",
     "@ui/image": "workspace: 0.0.1",
     "@ui/layout": "workspace: 0.0.1",
@@ -10,8 +11,8 @@
     "@ui/utils": "workspace: 0.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "6.0.8"
   },
   "peerDependencies": {
diff --git a/landing/fragments/landing-about/src/about.component.tsx b/landing/fragments/landing-about/src/about.component.tsx
index 008ac040..a3007cee 100644
--- a/landing/fragments/landing-about/src/about.component.tsx
+++ b/landing/fragments/landing-about/src/about.component.tsx
@@ -13,17 +13,17 @@ import { useWindowWidth }   from '@ui/utils'
 import { Delimiter }        from './delimiter'
 
 export const About = () => {
-  const { isMobile, isDesktop } = useWindowWidth()
+  const { isMobile } = useWindowWidth()
 
   return (
-    <Column>
+    <Column flexGrow='1'>
       <Layout flexBasis={[64, 160]} />
 
       <Row>
         <Layout flexBasis={[20, 230]} />
 
         <Column flexBasis={[335, 1460]} flexGrow='1'>
-          <Condition match={isDesktop}>
+          <Condition match={!isMobile}>
             <Box display='inline'>
               <Text
                 display='inline'
@@ -59,19 +59,19 @@ export const About = () => {
 
           <Condition match={isMobile}>
             <Box>
-              <Text color='text.white' fontSize='small' lineHeight='normal'>
+              <Text color='text.white' fontSize='small' lineHeight='huge'>
                 <FormattedMessage id='about.intro-digital-mobile' />
               </Text>
             </Box>
 
             <Box>
-              <Text color='text.white' fontSize='small' lineHeight='normal'>
+              <Text color='text.white' fontSize='small' lineHeight='huge'>
                 <FormattedMessage id='about.intro-not-decrease-mobile' />
               </Text>
             </Box>
 
             <Box>
-              <Text color='text.white' fontSize='small' lineHeight='normal'>
+              <Text color='text.white' fontSize='small' lineHeight='huge'>
                 <FormattedMessage id='about.intro-for-your-decisions-mobile' />
               </Text>
             </Box>
@@ -79,25 +79,25 @@ export const About = () => {
             <Layout flexBasis={28} />
 
             <Box>
-              <Text color='text.white' fontSize='small' lineHeight='normal'>
+              <Text color='text.white' fontSize='small' lineHeight='huge'>
                 <FormattedMessage id='about.central-idea-atlantis-teach-mobile' />
               </Text>
             </Box>
 
             <Box>
-              <Text color='text.white' fontSize='small' lineHeight='normal'>
+              <Text color='text.white' fontSize='small' lineHeight='huge'>
                 <FormattedMessage id='about.central-idea-make-engineers-mobile' />
               </Text>
             </Box>
 
             <Box>
-              <Text color='text.white' fontSize='small' lineHeight='normal'>
+              <Text color='text.white' fontSize='small' lineHeight='huge'>
                 <FormattedMessage id='about.central-idea-architects-mobile' />
               </Text>
             </Box>
 
             <Box>
-              <Text color='text.white' fontSize='small' lineHeight='normal'>
+              <Text color='text.white' fontSize='small' lineHeight='huge'>
                 <FormattedMessage id='about.central-idea-not-programmers-mobile' />
               </Text>
             </Box>
@@ -105,7 +105,7 @@ export const About = () => {
 
           <Layout flexBasis={[0, 40]} />
 
-          <Condition match={isDesktop}>
+          <Condition match={!isMobile}>
             <Box display='inline'>
               <Text
                 display='inline'
@@ -127,7 +127,7 @@ export const About = () => {
         <Layout flexBasis={[20, 230]} />
       </Row>
 
-      <Layout flexBasis={[64, 160]} />
+      <Layout flexBasis={[128, 240]} />
     </Column>
   )
 }
diff --git a/landing/fragments/landing-about/src/delimiter/delimiter.component.tsx b/landing/fragments/landing-about/src/delimiter/delimiter.component.tsx
index 9742c554..c2c031ab 100644
--- a/landing/fragments/landing-about/src/delimiter/delimiter.component.tsx
+++ b/landing/fragments/landing-about/src/delimiter/delimiter.component.tsx
@@ -1,17 +1,25 @@
-import React     from 'react'
+import React          from 'react'
 
-import { Image } from '@ui/image'
-import { Box }   from '@ui/layout'
+import { Background } from '@ui/background'
+import { Image }      from '@ui/image'
+import { Box }        from '@ui/layout'
 
 export const Delimiter = () => (
-  <Box
+  <Background
+    backgroundColor='ghostTransparentGradient'
+    borderRadius='little'
     display='inline-flex'
-    backgroundColor='background.whiteTransparent'
-    width={76}
-    height={52}
-    alignItems='center'
-    justifyContent='center'
   >
-    <Image src='./image/Default.png' width={40} height={40} />
-  </Box>
+    <Box
+      width={76}
+      height={52}
+      alignItems='center'
+      justifyContent='center'
+      borderRadius='little'
+      border='thinnestGhost'
+      backgroundColor='background.whiteTransparent'
+    >
+      <Image src='./image/Default.png' width={40} height={40} />
+    </Box>
+  </Background>
 )
diff --git a/landing/fragments/landing-courses/package.json b/landing/fragments/landing-courses/package.json
index 723b0de0..31d31ccb 100644
--- a/landing/fragments/landing-courses/package.json
+++ b/landing/fragments/landing-courses/package.json
@@ -17,8 +17,8 @@
     "@ui/utils": "workspace: 0.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "6.0.8"
   },
   "peerDependencies": {
diff --git a/landing/fragments/landing-courses/src/cards-list/cards-list.ts b/landing/fragments/landing-courses/src/cards-list/cards-list.ts
deleted file mode 100644
index a017feb9..00000000
--- a/landing/fragments/landing-courses/src/cards-list/cards-list.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-export const CadrsList = [
-  {
-    id: 0,
-    isMobileOnly: false,
-    category: 'обучение',
-    title: 'Frontend Engineer',
-    description:
-      'Вы изучите фундаментальные знания в ИТ и прокачаетесь в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий',
-  },
-  {
-    id: 1,
-    isMobileOnly: false,
-    category: 'мини-курс',
-    title: 'Основы разработки',
-    description:
-      'Вы изучите фундаментальные знания в ИТ и прокачаетесь в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий',
-  },
-  {
-    id: 2,
-    isMobileOnly: false,
-    category: 'учебный материал',
-    title: 'Как использовать библиотеки',
-  },
-  {
-    id: 3,
-    isMobileOnly: false,
-    category: 'учебный материал',
-    title: 'Дизайн, Figma, Математика',
-  },
-  {
-    id: 4,
-    isMobileOnly: true,
-    category: 'учебный материал',
-    title: 'Как использовать библиотеки',
-  },
-  {
-    id: 5,
-    isMobileOnly: true,
-    category: 'учебный материал',
-    title: 'Дизайн, Figma, Математика',
-  },
-]
diff --git a/landing/fragments/landing-courses/src/cards-list/index.ts b/landing/fragments/landing-courses/src/cards-list/index.ts
deleted file mode 100644
index 5fde6f58..00000000
--- a/landing/fragments/landing-courses/src/cards-list/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './cards-list'
diff --git a/landing/fragments/landing-courses/src/cards/cards.component.tsx b/landing/fragments/landing-courses/src/cards/cards.component.tsx
index 16b27c54..e2ed6dcf 100644
--- a/landing/fragments/landing-courses/src/cards/cards.component.tsx
+++ b/landing/fragments/landing-courses/src/cards/cards.component.tsx
@@ -1,102 +1,127 @@
-import React           from 'react'
-import { FC }          from 'react'
+import React              from 'react'
+import { FC }             from 'react'
+
+import { Card }           from '@ui/card'
+import { Condition }      from '@ui/condition'
+import { Column }         from '@ui/layout'
+import { Row }            from '@ui/layout'
+import { Layout }         from '@ui/layout'
+import { SwiperProps }    from '@ui/swiper'
+import { Swiper }         from '@ui/swiper'
+import { SwiperSlide }    from '@ui/swiper'
+import { useWindowWidth } from '@ui/utils'
+
+import { CardCategory }   from '../data'
+import { CardsList }      from '../data'
+
+export const CardsLearning = () => {
+  const { isMobile } = useWindowWidth()
+
+  return (
+    <Column>
+      {CardsList.filter(
+        (card) => card.category === CardCategory.Teach || card.category === CardCategory.MiniCourse
+      ).map((card) => (
+        <Column key={card.id}>
+          <Condition match={card.category === CardCategory.Teach && !isMobile}>
+            <Card
+              category={card.category}
+              titleDesktop={card.title}
+              description={card.descriptionDesktop}
+              indent={214}
+              widthCategoryBox={104}
+            />
+          </Condition>
 
-import { Card }        from '@ui/card'
-import { Condition }   from '@ui/condition'
-import { Column }      from '@ui/layout'
-import { Row }         from '@ui/layout'
-import { Layout }      from '@ui/layout'
-import { SwiperProps } from '@ui/swiper'
-import { Swiper }      from '@ui/swiper'
-import { SwiperSlide } from '@ui/swiper'
+          <Condition match={card.category === CardCategory.Teach && isMobile}>
+            <Card
+              category={card.category}
+              titleDesktop={card.title}
+              description={card.descriptionMobile}
+              indent={104}
+              widthCategoryBox={80}
+            />
+          </Condition>
 
-import { CadrsList }   from '../cards-list'
+          <Condition match={card.category === CardCategory.MiniCourse && !isMobile}>
+            <Card
+              category={card.category}
+              titleDesktop={card.title}
+              description={card.descriptionDesktop}
+              indent={56}
+              widthCategoryBox={112}
+            />
+          </Condition>
 
-export const CardsLearning = () => (
-  <Column>
-    {CadrsList.filter((card) => card.category === 'обучение' || card.category === 'мини-курс').map((
-      card
-    ) => (
-      <Column key={card.id}>
-        <Card category={card.category} titleDesktop={card.title} description={card.description} />
+          <Condition match={card.category === CardCategory.MiniCourse && isMobile}>
+            <Card
+              category={card.category}
+              titleDesktop={card.title}
+              description={card.descriptionMobile}
+              indent={49}
+              widthCategoryBox={87}
+            />
+          </Condition>
 
-        <Layout flexBasis={[20, 40]} />
-      </Column>
-    ))}
-  </Column>
-)
+          <Layout flexBasis={[20, 40]} />
+        </Column>
+      ))}
+    </Column>
+  )
+}
 
 export const CardsMaterials = () => (
   <Row>
-    {CadrsList.filter((card) => card.category === 'учебный материал' && !card.isMobileOnly).map((
-      card,
-      index,
-      array
-    ) => (
+    {CardsList.filter(
+      (card) => card.category === CardCategory.EducationalMaterial && !card.isMobileOnly
+    ).map((card, index, array) => (
       <Row key={card.id}>
-        <Condition match={index === 0}>
-          <Card category={card.category} titleDesktop={card.title} />
-
+        <Condition match={index === array.length - 1}>
           <Layout flexBasis={[10, 20]} flexShrink='0' />
         </Condition>
 
-        <Condition match={index !== 0 && index !== array.length - 1}>
-          <Layout flexBasis={[10, 20]} flexShrink='0' />
-
-          <Card category={card.category} titleDesktop={card.title} />
+        <Card
+          category={card.category}
+          titleDesktop={card.title}
+          indent={110}
+          widthCategoryBox={180}
+        />
 
+        <Condition match={index === 0}>
           <Layout flexBasis={[10, 20]} flexShrink='0' />
         </Condition>
-
-        <Condition match={index === array.length - 1}>
-          <Layout flexBasis={[10, 20]} flexShrink='0' />
-
-          <Card category={card.category} titleDesktop={card.title} />
-        </Condition>
       </Row>
     ))}
   </Row>
 )
 
-export const CardsSwiper: FC<SwiperProps> = ({ spaceBetween, slidesPerView, className }) => (
+export const CardsSwiper: FC<SwiperProps> = ({
+  spaceBetween,
+  slidesPerView,
+  className,
+}: SwiperProps) => (
   <Swiper spaceBetween={spaceBetween} slidesPerView={slidesPerView} className={className}>
-    {CadrsList.filter((card) => card.category === 'учебный материал' && card.isMobileOnly).map((
-      card,
-      index,
-      array
-    ) => (
+    {CardsList.filter(
+      (card) => card.category === CardCategory.EducationalMaterial && card.isMobileOnly
+    ).map((card, index, array) => (
       <SwiperSlide key={card.id}>
-        <Condition match={index === 0}>
-          <Row>
+        <Row>
+          <Condition match={index === 0}>
             <Layout flexBasis={20} flexShrink='0' />
+          </Condition>
 
-            <Card
-              category={card.category}
-              titleMobile={card.title}
-              isMobileOnly={card.isMobileOnly}
-            />
-          </Row>
-        </Condition>
-
-        <Condition match={index !== 0 && index !== array.length - 1}>
           <Card
             category={card.category}
             titleMobile={card.title}
             isMobileOnly={card.isMobileOnly}
+            indent={62}
+            widthCategoryBox={142}
           />
-        </Condition>
-
-        <Condition match={index === array.length - 1}>
-          <Row>
-            <Card
-              category={card.category}
-              titleMobile={card.title}
-              isMobileOnly={card.isMobileOnly}
-            />
 
+          <Condition match={index === array.length - 1}>
             <Layout flexBasis={20} flexShrink='0' />
-          </Row>
-        </Condition>
+          </Condition>
+        </Row>
       </SwiperSlide>
     ))}
   </Swiper>
diff --git a/landing/fragments/landing-courses/src/courses.component.tsx b/landing/fragments/landing-courses/src/courses.component.tsx
index 1d830c3e..9a3390ca 100644
--- a/landing/fragments/landing-courses/src/courses.component.tsx
+++ b/landing/fragments/landing-courses/src/courses.component.tsx
@@ -20,111 +20,115 @@ import { Info }             from './info'
 import { Sidebar }          from './sidebar'
 
 export const Courses = () => {
-  const { isMobile, isDesktop } = useWindowWidth()
+  const { isMobile } = useWindowWidth()
 
   return (
-    <Column>
-      <Layout flexBasis={[64, 160]} />
-
-      <Row>
-        <Layout flexBasis={[20, 230]} />
-
-        <Column flexBasis={[335, 1610]} flexGrow='1'>
-          <Row alignItems='center'>
-            <Box flexWrap='wrap'>
-              <Text
-                color='text.primary'
-                fontSize={['regular', 'stupendous']}
-                lineHeight={['common', 'stupendous']}
-              >
-                <FormattedMessage id='courses.title' />
-              </Text>
-            </Box>
-
-            <Layout flexBasis={20} flexGrow='1' />
+    <Box borderRadius={['hugeTop', 'giantTop']} flexGrow='1'>
+      <Column>
+        <Layout flexBasis={[64, 160]} />
 
-            <Condition match={isDesktop}>
-              <Box width={254} flexShrink='0'>
-                <Button
-                  variant='primaryBackgroundWhiteText'
-                  size='big'
-                  icon={<ArrowRightIcon width={16} height={16} />}
-                  widthIcon={48}
-                  heightIcon={48}
-                  backgroundIcon='background.white'
+        <Row>
+          <Layout flexBasis={[20, 230]} />
+
+          <Column flexBasis={[335, 1610]} flexGrow='1'>
+            <Row alignItems='center'>
+              <Box flexWrap='wrap'>
+                <Text
+                  color='text.primary'
+                  fontSize={['regular', 'stupendous']}
+                  lineHeight='standart'
                 >
-                  <NextLink>
-                    <Text color='white' fontSize='small' lineHeight='small'>
-                      <FormattedMessage id='courses.button.all-materials' />
-                    </Text>
-                  </NextLink>
-                </Button>
+                  <FormattedMessage id='courses.title' />
+                </Text>
               </Box>
-            </Condition>
-          </Row>
 
-          <Layout flexBasis={[40, 80]} />
+              <Layout flexBasis={20} flexGrow='1' />
+
+              <Condition match={!isMobile}>
+                <Box width={254} flexShrink='0'>
+                  <Button
+                    variant='primaryBackgroundWhiteText'
+                    size='hugeSizeRegularRadii'
+                    icon={<ArrowRightIcon width={16} height={16} />}
+                    widthIcon={48}
+                    heightIcon={48}
+                    backgroundIcon='background.white'
+                    radiiIcon='normal'
+                  >
+                    <NextLink>
+                      <Text color='white' fontSize='small' lineHeight='normal'>
+                        <FormattedMessage id='courses.button.all-materials' />
+                      </Text>
+                    </NextLink>
+                  </Button>
+                </Box>
+              </Condition>
+            </Row>
 
-          <Divider backgroundColor='divider.grayGhost' weight={1} />
+            <Layout flexBasis={[40, 80]} />
 
-          <Layout flexBasis={[40, 80]} />
+            <Divider backgroundColor='background.grayGhost' weight={1} />
 
-          <Info />
+            <Layout flexBasis={[40, 80]} />
 
-          <Layout flexBasis={[40, 80]} />
+            <Info />
 
-          <Box flexDirection={['column', 'row']}>
-            <Column order={[3, 0]} flexBasis={[335, 1160]} flexGrow='1'>
-              <CardsLearning />
+            <Layout flexBasis={[40, 80]} />
 
-              <Condition match={isDesktop}>
-                <CardsMaterials />
-              </Condition>
-            </Column>
+            <Box flexDirection={['column', 'row']}>
+              <Column order={[3, 0]} flexBasis={[335, 1160]} flexGrow='1'>
+                <CardsLearning />
 
-            <Layout flexBasis={[0, 40]} />
+                <Condition match={!isMobile}>
+                  <CardsMaterials />
+                </Condition>
+              </Column>
 
-            <Sidebar />
-          </Box>
-        </Column>
+              <Layout flexBasis={[0, 40]} />
 
-        <Layout flexBasis={[20, 80]} />
-      </Row>
+              <Sidebar />
+            </Box>
+          </Column>
 
-      <Condition match={isMobile}>
-        <Row>
-          <CardsSwiper spaceBetween={20} className='swiper-1' slidesPerView={1.23} />
+          <Layout flexBasis={[20, 80]} />
         </Row>
-      </Condition>
 
-      <Layout flexBasis={[20, 160]} />
+        <Condition match={isMobile}>
+          <Row>
+            <CardsSwiper spaceBetween={20} className='swiper-1' slidesPerView={1.23} />
+          </Row>
+        </Condition>
 
-      <Condition match={isMobile}>
-        <Row>
-          <Layout flexBasis={20} />
-
-          <Box flexBasis={335} flexGrow='1'>
-            <NextLink path='/' width='100%'>
-              <Button
-                variant='primaryBackgroundWhiteText'
-                size='big'
-                icon={<ArrowRightIcon width={16} height={16} />}
-                widthIcon={48}
-                heightIcon={48}
-                backgroundIcon='background.white'
-              >
-                <Text color='white' fontSize='small' lineHeight='small'>
-                  <FormattedMessage id='courses.button.all-materials' />
-                </Text>
-              </Button>
-            </NextLink>
-          </Box>
+        <Layout flexBasis={[20, 160]} />
 
-          <Layout flexBasis={20} />
-        </Row>
-      </Condition>
+        <Condition match={isMobile}>
+          <Row>
+            <Layout flexBasis={20} />
+
+            <Box flexBasis={335} flexGrow='1'>
+              <NextLink path='/' width='100%'>
+                <Button
+                  variant='primaryBackgroundWhiteText'
+                  size='bigSizeNormalRadiiSmallPadding'
+                  icon={<ArrowRightIcon width={6} height={12} />}
+                  widthIcon={32}
+                  heightIcon={32}
+                  backgroundIcon='background.white'
+                  radiiIcon='tiny'
+                >
+                  <Text color='white' fontSize='small' lineHeight='small'>
+                    <FormattedMessage id='courses.button.all-materials' />
+                  </Text>
+                </Button>
+              </NextLink>
+            </Box>
+
+            <Layout flexBasis={20} />
+          </Row>
+        </Condition>
 
-      <Layout flexBasis={[64, 0]} />
-    </Column>
+        <Layout flexBasis={[64, 80]} />
+      </Column>
+    </Box>
   )
 }
diff --git a/landing/fragments/landing-courses/src/data/data-cards.ts b/landing/fragments/landing-courses/src/data/data-cards.ts
new file mode 100644
index 00000000..41c7b578
--- /dev/null
+++ b/landing/fragments/landing-courses/src/data/data-cards.ts
@@ -0,0 +1,61 @@
+export enum CardCategory { // eslint-disable-line
+  Teach = 'обучение',
+  MiniCourse = 'мини-курс',
+  EducationalMaterial = 'учебный материал',
+}
+
+interface CardProps {
+  id: number
+  isMobileOnly?: boolean
+  category: CardCategory
+  title: string
+  descriptionMobile?: string
+  descriptionDesktop?: string
+}
+
+export const CardsList: CardProps[] = [
+  {
+    id: 0,
+    isMobileOnly: false,
+    category: CardCategory.Teach,
+    title: 'Frontend Engineer',
+    descriptionMobile:
+      'Вы изучите фундаментальные знания в ИТ и прокачаетесь в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий',
+    descriptionDesktop:
+      'Вы изучите фундаментальные знания в ИТ и прокачаетесь  в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий',
+  },
+  {
+    id: 1,
+    isMobileOnly: false,
+    category: CardCategory.MiniCourse,
+    title: 'Основы разработки',
+    descriptionMobile:
+      'Вы изучите фундаментальные знания в ИТ и прокачаетесь в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий',
+    descriptionDesktop:
+      'Вы изучите фундаментальные знания в ИТ и прокачаетесь  в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий',
+  },
+  {
+    id: 2,
+    isMobileOnly: false,
+    category: CardCategory.EducationalMaterial,
+    title: 'Как использовать библиотеки',
+  },
+  {
+    id: 3,
+    isMobileOnly: false,
+    category: CardCategory.EducationalMaterial,
+    title: 'Дизайн, Figma, Математика',
+  },
+  {
+    id: 4,
+    isMobileOnly: true,
+    category: CardCategory.EducationalMaterial,
+    title: 'Как использовать библиотеки',
+  },
+  {
+    id: 5,
+    isMobileOnly: true,
+    category: CardCategory.EducationalMaterial,
+    title: 'Дизайн, Figma, Математика',
+  },
+]
diff --git a/landing/fragments/landing-courses/src/data/index.ts b/landing/fragments/landing-courses/src/data/index.ts
new file mode 100644
index 00000000..c456cc16
--- /dev/null
+++ b/landing/fragments/landing-courses/src/data/index.ts
@@ -0,0 +1 @@
+export * from './data-cards'
diff --git a/landing/fragments/landing-courses/src/info/info.component.tsx b/landing/fragments/landing-courses/src/info/info.component.tsx
index 212ffae5..8acd6795 100644
--- a/landing/fragments/landing-courses/src/info/info.component.tsx
+++ b/landing/fragments/landing-courses/src/info/info.component.tsx
@@ -2,120 +2,130 @@ import React                from 'react'
 import { FormattedMessage } from 'react-intl'
 
 import { Box }              from '@ui/layout'
+import { Row }              from '@ui/layout'
 import { Layout }           from '@ui/layout'
-import { Space }            from '@ui/text'
 import { Text }             from '@ui/text'
 
 export const Info = () => (
   <Box flexDirection={['column', 'row']}>
-    <Box display='inline' maxWidth={[335, 710]}>
-      <Text
-        display='inline'
-        color='text.primary'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.power-broker' />
-      </Text>
-
-      <Space count={2} />
-
-      <Text
-        display='inline'
-        color='text.accent'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.atlantis' />
-      </Text>
-
-      <Space count={1} />
-
-      <Text
-        display='inline'
-        color='text.primary'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.has-an-impact-on' />
-      </Text>
-
-      <Space count={2} />
-
-      <Text
-        display='inline'
-        color='text.accent'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.it' />
-      </Text>
-
-      <Space count={2} />
-
-      <Text
-        display='inline'
-        color='text.primary'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.unlimited-possibilities' />
-      </Text>
-
-      <Space count={2} />
-
-      <Text
-        display='inline'
-        color='text.accent'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.use-skills' />
-      </Text>
-
-      <Text
-        display='inline'
-        color='text.primary'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.point' />
-      </Text>
-    </Box>
+    <Row maxWidth={[335, 710]} flexWrap='wrap'>
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.power-broker' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.accent' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.atlantis' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.has' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.impact-on' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.accent' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.it' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.unlimited' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.possibilities' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.accent' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.use-skills' />
+        </Text>
+      </Box>
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.point' />
+        </Text>
+      </Box>
+    </Row>
 
     <Layout flexBasis={[20, 20]} flexGrow='1' />
 
-    <Box display='inline' maxWidth={[335, 559]}>
-      <Text
-        display='inline'
-        color='text.primary'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.advantage-of-learning' />
-      </Text>
-
-      <Space count={2} />
-
-      <Text
-        display='inline'
-        color='text.accent'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.practice' />
-      </Text>
-
-      <Space count={2} />
-
-      <Text
-        display='inline'
-        color='text.primary'
-        fontSize={['small', 'ordinary']}
-        lineHeight={['normal', 'regular']}
-      >
-        <FormattedMessage id='courses.subtitle.on-existing-projects' />
-      </Text>
-    </Box>
+    <Row maxWidth={[335, 559]} flexWrap='wrap'>
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.advantage-of-learning' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.visibly' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.grow' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.accent' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.practice' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.on' />
+        </Text>
+      </Box>
+
+      <Layout flexBasis={5} />
+
+      <Box>
+        <Text color='text.primary' fontSize={['small', 'ordinary']} lineHeight='huge'>
+          <FormattedMessage id='courses.subtitle.existing-projects' />
+        </Text>
+      </Box>
+    </Row>
   </Box>
 )
diff --git a/landing/fragments/landing-courses/src/sidebar/sidebar.component.tsx b/landing/fragments/landing-courses/src/sidebar/sidebar.component.tsx
index 99435bdd..e8dfb155 100644
--- a/landing/fragments/landing-courses/src/sidebar/sidebar.component.tsx
+++ b/landing/fragments/landing-courses/src/sidebar/sidebar.component.tsx
@@ -14,11 +14,16 @@ import { Text }             from '@ui/text'
 import { useWindowWidth }   from '@ui/utils'
 
 export const Sidebar = () => {
-  const { isMobile, isDesktop } = useWindowWidth()
+  const { isMobile } = useWindowWidth()
 
   return (
     <Column flexBasis={[212, 410]}>
-      <Background display='flex' backgroundColor='blackTransparent'>
+      <Background
+        display='flex'
+        backgroundColor='blackTransparentGradient'
+        borderRadius={['normal', 'regular']}
+        border='thinnestGhostGray'
+      >
         <Row order={[1, 0]}>
           <Layout flexBasis={[16, 32]} />
 
@@ -26,18 +31,14 @@ export const Sidebar = () => {
             <Layout flexBasis={[16, 32]} />
 
             <Box>
-              <Text
-                color='text.primary'
-                fontSize={['tiny', 'little']}
-                lineHeight={['compact', 'medium']}
-              >
+              <Text color='text.primary' fontSize={['tiny', 'little']} lineHeight={['huge', 'big']}>
                 <FormattedMessage id='courses.sidebar.subtitle' />
               </Text>
             </Box>
 
             <Layout flexBasis={[16, 74]} />
 
-            <Condition match={isDesktop}>
+            <Condition match={!isMobile}>
               <Box justifyContent='center'>
                 <Image src='./image/Default.png' width={240} height={240} />
               </Box>
@@ -47,11 +48,7 @@ export const Sidebar = () => {
 
             <Box flexDirection={['row', 'column']} alignItems={['center', 'start']}>
               <Box>
-                <Text
-                  color='text.accent'
-                  fontSize={['giant', 'enormous']}
-                  lineHeight={['large', 'big']}
-                >
+                <Text color='text.accent' fontSize={['giant', 'enormous']} lineHeight='small'>
                   <FormattedMessage id='courses.sidebar.number' />
                 </Text>
               </Box>
@@ -62,7 +59,7 @@ export const Sidebar = () => {
                 <Text
                   color='text.primary'
                   fontSize={['atom', 'tiny']}
-                  lineHeight={['minor', 'small']}
+                  lineHeight={['large', 'big']}
                 >
                   <FormattedMessage id='courses.sidebar.sign' />
                 </Text>
@@ -86,16 +83,17 @@ export const Sidebar = () => {
 
       <Layout order={[2, 0]} flexBasis={[40, 20]} />
 
-      <Condition match={isDesktop}>
+      <Condition match={!isMobile}>
         <Button
           variant='primaryBackgroundWhiteText'
-          size='big'
+          size='hugeSizeRegularRadii'
           icon={<MouseIcon width={16} height={16} />}
           widthIcon={48}
           heightIcon={48}
           backgroundIcon='background.white'
+          radiiIcon='normal'
         >
-          <Text color='white' fontSize='small' lineHeight='small'>
+          <Text color='white' fontSize='small' lineHeight='normal'>
             <FormattedMessage id='courses.sidebar.button-desktop' />
           </Text>
         </Button>
diff --git a/landing/fragments/landing-faq/package.json b/landing/fragments/landing-faq/package.json
index 03730987..4025951f 100644
--- a/landing/fragments/landing-faq/package.json
+++ b/landing/fragments/landing-faq/package.json
@@ -3,6 +3,7 @@
   "version": "0.0.1",
   "main": "src/index.ts",
   "dependencies": {
+    "@ui/accordion": "workspace: 0.0.1",
     "@ui/button": "workspace: 0.0.1",
     "@ui/condition": "workspace: 0.0.1",
     "@ui/divider": "workspace: 0.0.1",
@@ -12,8 +13,8 @@
     "@ui/utils": "workspace: 0.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "6.0.8"
   },
   "peerDependencies": {
diff --git a/landing/fragments/landing-faq/src/data/data-question.ts b/landing/fragments/landing-faq/src/data/data-question.ts
new file mode 100644
index 00000000..89c9940a
--- /dev/null
+++ b/landing/fragments/landing-faq/src/data/data-question.ts
@@ -0,0 +1,12 @@
+interface QuestionProps {
+  id: number
+  question: string
+  answer: string
+}
+
+export const Question: QuestionProps = {
+  id: 0,
+  question: 'Подойдёт ли мне профессия?',
+  answer:
+    'Как это сделать подскажет Наставник или сотрудник поддержки. Ещё при таком переходе произойдёт зачет некоторых темам по дисциплинам.',
+}
diff --git a/landing/fragments/landing-faq/src/data/index.ts b/landing/fragments/landing-faq/src/data/index.ts
new file mode 100644
index 00000000..2e4bfe77
--- /dev/null
+++ b/landing/fragments/landing-faq/src/data/index.ts
@@ -0,0 +1 @@
+export * from './data-question'
diff --git a/landing/fragments/landing-faq/src/faq-list/faq-list.ts b/landing/fragments/landing-faq/src/faq-list/faq-list.ts
deleted file mode 100644
index d215a58f..00000000
--- a/landing/fragments/landing-faq/src/faq-list/faq-list.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-export const FaqList = [
-  {
-    id: 0,
-    question: 'Подойдёт ли мне профессия?',
-  },
-  {
-    id: 1,
-    question: 'Подойдёт ли мне профессия?',
-  },
-  {
-    id: 2,
-    question: 'Подойдёт ли мне профессия?',
-  },
-  {
-    id: 3,
-    question: 'Подойдёт ли мне профессия?',
-  },
-  {
-    id: 4,
-    question: 'Подойдёт ли мне профессия?',
-  },
-  {
-    id: 5,
-    question: 'Подойдёт ли мне профессия?',
-  },
-]
diff --git a/landing/fragments/landing-faq/src/faq-list/index.ts b/landing/fragments/landing-faq/src/faq-list/index.ts
deleted file mode 100644
index 6c802e55..00000000
--- a/landing/fragments/landing-faq/src/faq-list/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './faq-list'
diff --git a/landing/fragments/landing-faq/src/faq.component.tsx b/landing/fragments/landing-faq/src/faq.component.tsx
index 343be5da..645f4d21 100644
--- a/landing/fragments/landing-faq/src/faq.component.tsx
+++ b/landing/fragments/landing-faq/src/faq.component.tsx
@@ -1,6 +1,7 @@
 import React                from 'react'
 import { FormattedMessage } from 'react-intl'
 
+import { Accordion }        from '@ui/accordion'
 import { Button }           from '@ui/button'
 import { Condition }        from '@ui/condition'
 import { Divider }          from '@ui/divider'
@@ -12,15 +13,19 @@ import { Column }           from '@ui/layout'
 import { Text }             from '@ui/text'
 import { useWindowWidth }   from '@ui/utils'
 
-import { FaqList }          from './faq-list'
-import { Item }             from './item'
+import { Question }         from './data'
 
 export const Faq = () => {
-  const { isMobile, isDesktop } = useWindowWidth()
+  const { isMobile } = useWindowWidth()
+
+  const questions = Array.from({ length: 6 }, () => Question).map((el, index) => ({
+    ...el,
+    id: index,
+  }))
 
   return (
     <Row>
-      <Layout flexBasis={[16, 230]} flexShrink='0' />
+      <Layout flexBasis={[20, 230]} flexShrink='0' />
 
       <Column flexGrow='1'>
         <Layout flexBasis={[80, 160]} />
@@ -30,25 +35,26 @@ export const Faq = () => {
             <Text
               color='text.primary'
               fontSize={['ordinary', 'stupendous']}
-              lineHeight={['regular', 'massive']}
+              lineHeight={['huge', 'normal']}
             >
               <FormattedMessage id='faq.title' />
             </Text>
           </Box>
 
-          <Condition match={isDesktop}>
+          <Condition match={!isMobile}>
             <Layout flexBasis={[0, 20]} flexGrow='1' />
 
             <Box width={247} flexShrink='0'>
               <Button
                 variant='primaryBackgroundWhiteText'
-                size='big'
+                size='hugeSizeRegularRadii'
                 icon={<MailIcon width={16} height={16} />}
                 widthIcon={48}
                 heightIcon={48}
                 backgroundIcon='background.white'
+                radiiIcon='normal'
               >
-                <Text color='white' fontSize='small' lineHeight='compact'>
+                <Text color='white' fontSize='small' lineHeight='normal'>
                   <FormattedMessage id='faq.button' />
                 </Text>
               </Button>
@@ -58,12 +64,24 @@ export const Faq = () => {
 
         <Layout flexBasis={[60, 80]} />
 
-        <Condition match={isDesktop}>
-          <Divider backgroundColor='divider.grayGhost' weight={1} />
+        <Condition match={!isMobile}>
+          <Divider backgroundColor='background.grayGhost' weight={1} />
+
+          <Layout flexBasis={40} />
         </Condition>
 
-        {FaqList.map((item) => (
-          <Item question={item.question} key={item.id} />
+        {questions.map((item, index, array) => (
+          <Column key={item.id}>
+            <Condition match={index !== 0}>
+              <Layout flexBasis={[16, 40]} />
+            </Condition>
+
+            <Accordion
+              question={item.question}
+              answer={item.answer}
+              isDivider={(index !== array.length - 1 && isMobile) || !isMobile}
+            />
+          </Column>
         ))}
 
         <Condition match={isMobile}>
@@ -72,13 +90,14 @@ export const Faq = () => {
           <Box>
             <Button
               variant='primaryBackgroundWhiteText'
-              size='big'
-              icon={<MailIcon width={16} height={16} />}
-              widthIcon={48}
-              heightIcon={48}
+              size='bigSizeNormalRadiiSmallPadding'
+              icon={<MailIcon width={12} height={10} />}
+              widthIcon={32}
+              heightIcon={32}
               backgroundIcon='background.white'
+              radiiIcon='tiny'
             >
-              <Text color='white' fontSize='small' lineHeight='compact'>
+              <Text color='white' fontSize='small' lineHeight='small'>
                 <FormattedMessage id='faq.button' />
               </Text>
             </Button>
@@ -88,7 +107,7 @@ export const Faq = () => {
         <Layout flexBasis={[80, 160]} />
       </Column>
 
-      <Layout flexBasis={[16, 80]} flexShrink='0' />
+      <Layout flexBasis={[20, 80]} flexShrink='0' />
     </Row>
   )
 }
diff --git a/landing/fragments/landing-faq/src/item/index.ts b/landing/fragments/landing-faq/src/item/index.ts
deleted file mode 100644
index ca0da7c7..00000000
--- a/landing/fragments/landing-faq/src/item/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './item.component'
diff --git a/landing/fragments/landing-faq/src/item/item.component.tsx b/landing/fragments/landing-faq/src/item/item.component.tsx
deleted file mode 100644
index 46b0818a..00000000
--- a/landing/fragments/landing-faq/src/item/item.component.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React              from 'react'
-import { FC }             from 'react'
-
-import { Condition }      from '@ui/condition'
-import { Divider }        from '@ui/divider'
-import { CrossIcon }      from '@ui/icons'
-import { Box }            from '@ui/layout'
-import { Column }         from '@ui/layout'
-import { Row }            from '@ui/layout'
-import { Layout }         from '@ui/layout'
-import { Text }           from '@ui/text'
-import { useWindowWidth } from '@ui/utils'
-
-import { QuestionProps }  from './item.interfaces'
-
-export const Item: FC<QuestionProps> = ({ question }) => {
-  const { isMobile, isDesktop } = useWindowWidth()
-
-  return (
-    <Column>
-      <Layout flexBasis={[16, 40]} />
-
-      <Row>
-        <Condition match={isDesktop}>
-          <Box alignItems='center'>
-            <CrossIcon width={20} height={20} />
-          </Box>
-        </Condition>
-
-        <Layout flexBasis={[0, 24]} flexShrink='0' />
-
-        <Box flexGrow={[1, 0]} flexBasis={[303, 740]}>
-          <Text
-            color='text.primary'
-            fontSize={['small', 'ordinary']}
-            lineHeight={['normal', 'regular']}
-          >
-            {question}
-          </Text>
-        </Box>
-
-        <Layout flexBasis={[24, 0]} flexShrink='0' />
-
-        <Condition match={isMobile}>
-          <Box alignItems='center'>
-            <CrossIcon width={12} height={12} />
-          </Box>
-        </Condition>
-      </Row>
-
-      <Layout flexBasis={[16, 40]} />
-
-      <Divider backgroundColor='divider.grayGhost' weight={1} />
-    </Column>
-  )
-}
diff --git a/landing/fragments/landing-faq/src/item/item.interfaces.ts b/landing/fragments/landing-faq/src/item/item.interfaces.ts
deleted file mode 100644
index 923083dd..00000000
--- a/landing/fragments/landing-faq/src/item/item.interfaces.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface QuestionProps {
-  question?: string
-}
diff --git a/landing/fragments/landing-hero/package.json b/landing/fragments/landing-hero/package.json
index f2d4c2f8..d743d082 100644
--- a/landing/fragments/landing-hero/package.json
+++ b/landing/fragments/landing-hero/package.json
@@ -3,6 +3,7 @@
   "version": "0.0.1",
   "main": "src/index.ts",
   "dependencies": {
+    "@ui/background": "workspace: 0.0.1",
     "@ui/button": "workspace: 0.0.1",
     "@ui/condition": "workspace: 0.0.1",
     "@ui/divider": "workspace: 0.0.1",
@@ -14,8 +15,8 @@
     "@ui/utils": "workspace: 0.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "6.0.8"
   },
   "peerDependencies": {
diff --git a/landing/fragments/landing-hero/src/hero.component.tsx b/landing/fragments/landing-hero/src/hero.component.tsx
index 3e7e1fed..a115cd26 100644
--- a/landing/fragments/landing-hero/src/hero.component.tsx
+++ b/landing/fragments/landing-hero/src/hero.component.tsx
@@ -1,25 +1,27 @@
-import React                from 'react'
-import { FormattedMessage } from 'react-intl'
-
-import { Condition }        from '@ui/condition'
-import { Divider }          from '@ui/divider'
-import { GitHubIcon }       from '@ui/icons'
-import { TelegramIcon }     from '@ui/icons'
-import { MailWhiteIcon }    from '@ui/icons'
-import { Box }              from '@ui/layout'
-import { Row }              from '@ui/layout'
-import { Layout }           from '@ui/layout'
-import { Column }           from '@ui/layout'
-import { Text }             from '@ui/text'
-import { useWindowWidth }   from '@ui/utils'
-
-import { SocialLink }       from './social-link'
+import React                 from 'react'
+import { FormattedMessage }  from 'react-intl'
+
+import { Background }        from '@ui/background'
+import { Condition }         from '@ui/condition'
+import { Divider }           from '@ui/divider'
+import { GitHubIcon }        from '@ui/icons'
+import { TelegramIcon }      from '@ui/icons'
+import { MailWhiteIcon }     from '@ui/icons'
+import { Box }               from '@ui/layout'
+import { Row }               from '@ui/layout'
+import { Layout }            from '@ui/layout'
+import { Column }            from '@ui/layout'
+import { Text }              from '@ui/text'
+import { useWindowWidth }    from '@ui/utils'
+
+import { SocialLinkDesktop } from './social-link'
+import { SocialLinkMobile }  from './social-link'
 
 export const Hero = () => {
-  const { isMobile, isDesktop } = useWindowWidth()
+  const { isMobile } = useWindowWidth()
 
   return (
-    <Column>
+    <Column flexGrow='1'>
       <Layout flexBasis={[80, 412]} />
 
       <Row flexGrow='1'>
@@ -31,7 +33,7 @@ export const Hero = () => {
               <Text
                 color='text.white'
                 fontSize={['normal', 'stupendous']}
-                lineHeight={['ordinary', 'stupendous']}
+                lineHeight={['huge', 'standart']}
               >
                 <FormattedMessage id='hero.title.text' />
               </Text>
@@ -39,32 +41,43 @@ export const Hero = () => {
 
             <Layout flexBasis={[8, 28]} flexShrink='0' />
 
-            <Box
-              width={[49, 134]}
-              height={[39, 116]}
-              justifyContent='center'
-              alignItems='center'
-              backgroundColor='background.whiteTransparent'
-            >
-              <Text
-                color='text.white'
-                fontSize={['normal', 'stupendous']}
-                lineHeight={['ordinary', 'stupendous']}
+            <Column>
+              <Background
+                backgroundColor='ghostTransparentGradient'
+                borderRadius={['little', 'regular']}
               >
-                <FormattedMessage id='hero.title.it' />
-              </Text>
-            </Box>
+                <Box
+                  width={[49, 134]}
+                  height={[39, 96]}
+                  justifyContent='center'
+                  alignItems='center'
+                  borderRadius={['little', 'regular']}
+                  backgroundColor='background.whiteTransparent'
+                  border='thinnestGhost'
+                >
+                  <Text
+                    color='text.white'
+                    fontSize={['normal', 'massive']}
+                    lineHeight={['huge', 'standart']}
+                  >
+                    <FormattedMessage id='hero.title.it' />
+                  </Text>
+                </Box>
+              </Background>
+
+              <Layout flexBasis={[0, 8]} />
+            </Column>
           </Row>
 
           <Layout flexBasis={[24, 48]} />
 
-          <Divider backgroundColor='divider.white' weight={1} />
+          <Divider backgroundColor='background.white' weight={1} />
 
           <Layout flexBasis={[24, 48]} />
 
-          <Condition match={isDesktop}>
+          <Condition match={!isMobile}>
             <Box flexWrap='wrap' maxWidth={640}>
-              <Text color='text.white' fontSize='small' lineHeight='normal'>
+              <Text color='text.white' fontSize='small' lineHeight='huge'>
                 <FormattedMessage id='hero.slogan-desktop' />
               </Text>
             </Box>
@@ -72,13 +85,13 @@ export const Hero = () => {
 
           <Condition match={isMobile}>
             <Box>
-              <Text color='text.white' fontSize='tiny' lineHeight='compact'>
+              <Text color='text.white' fontSize='tiny' lineHeight='huge'>
                 <FormattedMessage id='hero.slogan-we-dont-teach-mobile' />
               </Text>
             </Box>
 
             <Box>
-              <Text color='text.white' fontSize='tiny' lineHeight='compact'>
+              <Text color='text.white' fontSize='tiny' lineHeight='huge'>
                 <FormattedMessage id='hero.slogan-we-teach-mobile' />
               </Text>
             </Box>
@@ -88,18 +101,21 @@ export const Hero = () => {
 
           <Condition match={isMobile}>
             <Row>
-              <SocialLink
+              <SocialLinkMobile
                 icon={<TelegramIcon width={15} height={12} />}
                 href='https://web.telegram.org/'
               />
 
               <Layout flexBasis={5} flexGrow='1' flexShrink='0' />
 
-              <SocialLink icon={<GitHubIcon width={15} height={15} />} href='https://github.com/' />
+              <SocialLinkMobile
+                icon={<GitHubIcon width={15} height={15} />}
+                href='https://github.com/'
+              />
 
               <Layout flexBasis={5} flexGrow='1' flexShrink='0' />
 
-              <SocialLink
+              <SocialLinkMobile
                 icon={<MailWhiteIcon width={18} height={14} />}
                 href='https://www.google.com/intl/ru/gmail/about/'
               />
@@ -109,17 +125,20 @@ export const Hero = () => {
 
         <Layout flexBasis={[0, 134]} flexGrow={[0, 1]} />
 
-        <Condition match={isDesktop}>
+        <Condition match={!isMobile}>
           <Box alignItems='end'>
-            <Column height='200px' justifyContent='space-around'>
-              <SocialLink
+            <Column height='200px' justifyContent='space-between'>
+              <SocialLinkDesktop
                 icon={<TelegramIcon width={15} height={12} />}
                 href='https://web.telegram.org/'
               />
 
-              <SocialLink icon={<GitHubIcon width={15} height={15} />} href='https://github.com/' />
+              <SocialLinkDesktop
+                icon={<GitHubIcon width={15} height={15} />}
+                href='https://github.com/'
+              />
 
-              <SocialLink
+              <SocialLinkDesktop
                 icon={<MailWhiteIcon width={18} height={14} />}
                 href='https://www.google.com/intl/ru/gmail/about/'
               />
diff --git a/landing/fragments/landing-hero/src/social-link/social-link.component.tsx b/landing/fragments/landing-hero/src/social-link/social-link.component.tsx
index 03008902..20c0f5aa 100644
--- a/landing/fragments/landing-hero/src/social-link/social-link.component.tsx
+++ b/landing/fragments/landing-hero/src/social-link/social-link.component.tsx
@@ -7,14 +7,31 @@ import { Link }            from '@ui/link'
 
 import { SocialLinkProps } from './social-link.interface'
 
-export const SocialLink: FC<SocialLinkProps> = ({ icon, href }) => (
+export const SocialLinkDesktop: FC<SocialLinkProps> = ({ icon, href }: SocialLinkProps) => (
   <Box>
     <Link href={href}>
       <Button
         variant='ghostBackgroundWhiteText'
+        size='bigSizeNormalRadii'
         icon={icon}
-        widthIcon={[104, 56]}
-        heightIcon={[44, 56]}
+        widthIcon={56}
+        heightIcon={56}
+        radiiIcon='normal'
+      />
+    </Link>
+  </Box>
+)
+
+export const SocialLinkMobile: FC<SocialLinkProps> = ({ icon, href }: SocialLinkProps) => (
+  <Box>
+    <Link href={href}>
+      <Button
+        variant='ghostBackgroundWhiteText'
+        size='littleSizeLittleRadii'
+        icon={icon}
+        widthIcon={104}
+        heightIcon={44}
+        radiiIcon='little'
       />
     </Link>
   </Box>
diff --git a/landing/fragments/landing-navigation/package.json b/landing/fragments/landing-navigation/package.json
index 2f937889..76f542ae 100644
--- a/landing/fragments/landing-navigation/package.json
+++ b/landing/fragments/landing-navigation/package.json
@@ -3,19 +3,24 @@
   "version": "0.0.1",
   "main": "src/index.ts",
   "dependencies": {
+    "@makotot/ghostui": "2.0.0",
+    "@ui/background": "workspace: 0.0.1",
     "@ui/button": "workspace: 0.0.1",
+    "@ui/card": "workspace: 0.0.1",
     "@ui/condition": "workspace: 0.0.1",
     "@ui/divider": "workspace: 0.0.1",
+    "@ui/drawer": "workspace: 0.0.1",
     "@ui/icons": "workspace: 0.0.1",
     "@ui/layout": "workspace: 0.0.1",
-    "@ui/link": "workspace: 0.0.1",
     "@ui/logo": "workspace: 0.0.1",
     "@ui/text": "workspace: 0.0.1",
-    "@ui/utils": "workspace: 0.0.1"
+    "@ui/utils": "workspace: 0.0.1",
+    "react-scroll": "1.8.9"
   },
   "devDependencies": {
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
+    "@types/react-scroll": "1.8.7",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "6.0.8"
   },
   "peerDependencies": {
diff --git a/landing/fragments/landing-navigation/src/data/data-card.ts b/landing/fragments/landing-navigation/src/data/data-card.ts
new file mode 100644
index 00000000..bcfc0cc8
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/data/data-card.ts
@@ -0,0 +1,31 @@
+interface CardProp {
+  id: number
+  category: string
+  title: string
+  description?: string
+}
+
+export const CardDataDesktop: CardProp = {
+  id: 0,
+  category: 'обучение',
+  title: 'Frontend Engineer',
+  description:
+    'Вы изучите фундаментальные знания в ИТ и прокачаетесь  в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий',
+}
+export const CardDataMobile: CardProp[] = [
+  {
+    id: 0,
+    category: 'базовый',
+    title: 'Frontend Engineer',
+  },
+  {
+    id: 1,
+    category: 'продвинутый',
+    title: 'Frontend Engineer',
+  },
+  {
+    id: 2,
+    category: 'базовый',
+    title: 'Backend Engineer',
+  },
+]
diff --git a/landing/fragments/landing-navigation/src/data/data-navlinks.ts b/landing/fragments/landing-navigation/src/data/data-navlinks.ts
new file mode 100644
index 00000000..2894a641
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/data/data-navlinks.ts
@@ -0,0 +1,28 @@
+interface NavLinksProps {
+  id: string | number
+  name: string
+  path: string
+}
+
+export const NavLinks: NavLinksProps[] = [
+  {
+    id: 'academy',
+    name: 'Academy',
+    path: 'academy',
+  },
+  {
+    id: 'courses',
+    name: 'Курсы',
+    path: 'courses',
+  },
+  {
+    id: 'teaching',
+    name: 'Обучение',
+    path: 'teaching',
+  },
+  {
+    id: 'faq',
+    name: 'FAQ',
+    path: 'faq',
+  },
+]
diff --git a/landing/fragments/landing-navigation/src/data/index.ts b/landing/fragments/landing-navigation/src/data/index.ts
new file mode 100644
index 00000000..cb9ad99f
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/data/index.ts
@@ -0,0 +1,2 @@
+export * from './data-navlinks'
+export * from './data-card'
diff --git a/landing/fragments/landing-navigation/src/drawer/drawer-mobile.component.tsx b/landing/fragments/landing-navigation/src/drawer/drawer-mobile.component.tsx
new file mode 100644
index 00000000..40d4c125
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/drawer/drawer-mobile.component.tsx
@@ -0,0 +1,112 @@
+import React                 from 'react'
+import { FC }                from 'react'
+import { FormattedMessage }  from 'react-intl'
+
+import { Background }        from '@ui/background'
+import { Button }            from '@ui/button'
+import { Condition }         from '@ui/condition'
+import { Divider }           from '@ui/divider'
+import { DrawerContainer }   from '@ui/drawer'
+import { ArrowUpIcon }       from '@ui/icons'
+import { Box }               from '@ui/layout'
+import { Column }            from '@ui/layout'
+import { Layout }            from '@ui/layout'
+import { Row }               from '@ui/layout'
+import { Logo }              from '@ui/logo'
+import { Text }              from '@ui/text'
+
+import { CardDataMobile }    from '../data'
+import { MobileDrawerProps } from './drawer.interfaces'
+
+export const DrawerMobile: FC<MobileDrawerProps> = ({ active, onClose }) => (
+  <DrawerContainer active={active}>
+    <Background backgroundColor='white' borderRadius={['normalBottom', 'bigBottom']} width='100%'>
+      <Column>
+        <Layout flexBasis={20} />
+
+        <Row height={40} alignItems='center'>
+          <Layout flexBasis={20} />
+
+          <Box>
+            <Logo fill='rgba(58, 55, 93, 1)' width={40} height={40} />
+          </Box>
+
+          <Layout flexBasis={195} flexGrow='1' flexShrink='10' />
+
+          <Box width={100}>
+            <Button
+              onClick={onClose}
+              variant='primaryBackgroundWhiteText'
+              size='smallSizeLittleRadii'
+              icon={<ArrowUpIcon width={9} height={5} />}
+              widthIcon={28}
+              heightIcon={28}
+              backgroundIcon='background.white'
+              radiiIcon='atom'
+            >
+              <Text color='white' fontSize='tiny' fontWeight='normal' lineHeight='small'>
+                <FormattedMessage id='navigation.button' />
+              </Text>
+            </Button>
+          </Box>
+
+          <Layout flexBasis={20} />
+        </Row>
+
+        <Layout flexBasis={78} />
+
+        <Row>
+          <Layout flexBasis={20} />
+
+          <Column flexGrow='1'>
+            {CardDataMobile.map((card, index, array) => (
+              <Column key={card.id}>
+                <Box
+                  width={card.category === 'базовый' ? 87 : 122}
+                  height={32}
+                  border='thinnestPrimary'
+                  borderRadius='tiny'
+                  justifyContent='center'
+                  alignItems='center'
+                >
+                  <Text
+                    color='text.primaryText'
+                    fontSize='atom'
+                    lineHeight='small'
+                    textTransform='uppercase'
+                  >
+                    {card.category}
+                  </Text>
+                </Box>
+
+                <Layout flexBasis={8} />
+
+                <Box>
+                  <Text color='text.primaryText' fontSize='ordinary' lineHeight='huge'>
+                    {card.title}
+                  </Text>
+                </Box>
+
+                <Condition match={index < array.length - 1}>
+                  <Layout flexBasis={20} />
+
+                  <Divider
+                    backgroundColor='background.primaryTransparent'
+                    weight={1}
+                    width='100%'
+                  />
+
+                  <Layout flexBasis={20} />
+                </Condition>
+              </Column>
+            ))}
+          </Column>
+
+          <Layout flexBasis={20} />
+        </Row>
+
+        <Layout flexBasis={20} />
+      </Column>
+    </Background>
+  </DrawerContainer>
+)
diff --git a/landing/fragments/landing-navigation/src/drawer/drawer.component.tsx b/landing/fragments/landing-navigation/src/drawer/drawer.component.tsx
new file mode 100644
index 00000000..73c1e58c
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/drawer/drawer.component.tsx
@@ -0,0 +1,133 @@
+import { Scrollspy }         from '@makotot/ghostui'
+
+import React                 from 'react'
+import { FC }                from 'react'
+import { FormattedMessage }  from 'react-intl'
+
+import { Background }        from '@ui/background'
+import { Button }            from '@ui/button'
+import { Card }              from '@ui/card'
+import { Condition }         from '@ui/condition'
+import { DrawerContainer }   from '@ui/drawer'
+import { ArrowUpIcon }       from '@ui/icons'
+import { Box }               from '@ui/layout'
+import { Column }            from '@ui/layout'
+import { Layout }            from '@ui/layout'
+import { Row }               from '@ui/layout'
+import { Logo }              from '@ui/logo'
+import { Text }              from '@ui/text'
+
+import { CardDataDesktop }   from '../data'
+import { NavLinks }          from '../data'
+import { NavLinkItemDrawer } from '../navlink-item'
+import { DrawerProps }       from './drawer.interfaces'
+
+export const DrawerDesktop: FC<DrawerProps> = ({ active, onClose, sectionRefs }) => {
+  const cardsList = Array.from({ length: 3 }, () => CardDataDesktop).map((el, index) => ({
+    ...el,
+    id: index,
+  }))
+
+  const drawerCards = cardsList.map((card, index, array) => {
+    const Indent = () => (
+      <Condition match={index !== 0 && index !== array.length - 1}>
+        <Layout flexBasis={10} flexShrink='0' />
+      </Condition>
+    )
+
+    return (
+      <Row key={card.id}>
+        <Condition match={index === array.length - 1}>
+          <Layout flexBasis={20} flexShrink='0' />
+        </Condition>
+
+        <Indent />
+
+        <Card
+          category={card.category}
+          titleDesktop={card.title}
+          description={card.description}
+          indent={110}
+          widthCategoryBox={104}
+        />
+
+        <Indent />
+
+        <Condition match={index === 0}>
+          <Layout flexBasis={20} flexShrink='0' />
+        </Condition>
+      </Row>
+    )
+  })
+
+  return (
+    <DrawerContainer active={active}>
+      <Background backgroundColor='white' borderRadius={['normalBottom', 'bigBottom']} width='100%'>
+        <Column>
+          <Layout flexBasis={32} />
+
+          <Row alignItems='center' height={56}>
+            <Layout flexBasis={40} />
+
+            <Logo fill='rgba(58, 55, 93, 1)' width={56} height={56} />
+
+            <Layout flexBasis={40} flexGrow='1' />
+
+            <Scrollspy sectionRefs={sectionRefs} offset={-640}>
+              {({ currentElementIndexInViewport }) => (
+                <Box>
+                  {NavLinks.map((navLink, index) => (
+                    <Box key={navLink.id} width={index < NavLinks.length - 1 ? 220 : 200}>
+                      <NavLinkItemDrawer
+                        path={navLink.path}
+                        name={navLink.name}
+                        currentElementIndexInViewport={currentElementIndexInViewport}
+                        index={index}
+                      />
+
+                      <Condition match={index < NavLinks.length - 1}>
+                        <Layout flexBasis={20} />
+                      </Condition>
+                    </Box>
+                  ))}
+                </Box>
+              )}
+            </Scrollspy>
+
+            <Layout flexBasis={40} flexGrow='1' />
+
+            <Box width={136}>
+              <Button
+                onClick={onClose}
+                variant='primaryBackgroundWhiteText'
+                size='bigSizeNormalRadiiBigPadding'
+                icon={<ArrowUpIcon width={12} height={6} />}
+                widthIcon={40}
+                heightIcon={40}
+                backgroundIcon='background.white'
+                radiiIcon='little'
+              >
+                <Text color='white' fontSize='compact' lineHeight='small'>
+                  <FormattedMessage id='navigation.button' />
+                </Text>
+              </Button>
+            </Box>
+
+            <Layout flexBasis={40} />
+          </Row>
+
+          <Layout flexBasis={50} />
+          <Row>
+            <Layout flexBasis={40} flexShrink='0' />
+
+            {drawerCards}
+
+            <Layout flexBasis={40} flexShrink='0' />
+          </Row>
+
+          <Layout flexBasis={32} />
+        </Column>
+      </Background>
+    </DrawerContainer>
+  )
+}
diff --git a/landing/fragments/landing-navigation/src/drawer/drawer.interfaces.ts b/landing/fragments/landing-navigation/src/drawer/drawer.interfaces.ts
new file mode 100644
index 00000000..392140f8
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/drawer/drawer.interfaces.ts
@@ -0,0 +1,10 @@
+export interface DrawerProps {
+  active: boolean
+  onClose: () => void
+  sectionRefs: React.RefObject<HTMLDivElement>[]
+}
+
+export interface MobileDrawerProps {
+  active: boolean
+  onClose: () => void
+}
diff --git a/landing/fragments/landing-navigation/src/drawer/index.ts b/landing/fragments/landing-navigation/src/drawer/index.ts
new file mode 100644
index 00000000..b4fc5569
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/drawer/index.ts
@@ -0,0 +1,2 @@
+export * from './drawer.component'
+export * from './drawer-mobile.component'
diff --git a/landing/fragments/landing-navigation/src/index.ts b/landing/fragments/landing-navigation/src/index.ts
index cc602622..a1722c75 100644
--- a/landing/fragments/landing-navigation/src/index.ts
+++ b/landing/fragments/landing-navigation/src/index.ts
@@ -1 +1,2 @@
 export * from './navigation.component'
+export * from './navigation-mobile.component'
diff --git a/landing/fragments/landing-navigation/src/item/index.ts b/landing/fragments/landing-navigation/src/item/index.ts
deleted file mode 100644
index ca0da7c7..00000000
--- a/landing/fragments/landing-navigation/src/item/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './item.component'
diff --git a/landing/fragments/landing-navigation/src/item/item.component.tsx b/landing/fragments/landing-navigation/src/item/item.component.tsx
deleted file mode 100644
index 411cce8d..00000000
--- a/landing/fragments/landing-navigation/src/item/item.component.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React         from 'react'
-import { FC }        from 'react'
-
-import { Divider }   from '@ui/divider'
-import { Box }       from '@ui/layout'
-import { Column }    from '@ui/layout'
-import { Layout }    from '@ui/layout'
-import { NextLink }  from '@ui/link'
-import { Text }      from '@ui/text'
-
-import { ItemProps } from './item.interfaces'
-
-export const Item: FC<ItemProps> = ({ name, path }) => (
-  <Box flexBasis={200} flexShrink='0'>
-    <NextLink path={path} width='100%'>
-      <Column alignItems='center'>
-        <Box>
-          <Text color='text.white' fontSize='compact' lineHeight='little' textTransform='uppercase'>
-            {name}
-          </Text>
-        </Box>
-
-        <Layout flexBasis={10} />
-
-        <Divider backgroundColor='divider.white' weight={1} />
-      </Column>
-    </NextLink>
-  </Box>
-)
diff --git a/landing/fragments/landing-navigation/src/item/item.interfaces.ts b/landing/fragments/landing-navigation/src/item/item.interfaces.ts
deleted file mode 100644
index 7e31f746..00000000
--- a/landing/fragments/landing-navigation/src/item/item.interfaces.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface ItemProps {
-  name: string
-  path: string
-}
diff --git a/landing/fragments/landing-navigation/src/navigation-mobile.component.tsx b/landing/fragments/landing-navigation/src/navigation-mobile.component.tsx
new file mode 100644
index 00000000..33ad0708
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/navigation-mobile.component.tsx
@@ -0,0 +1,54 @@
+import React                from 'react'
+import { FormattedMessage } from 'react-intl'
+import { useState }         from 'react'
+
+import { Button }           from '@ui/button'
+import { ArrowDownIcon }    from '@ui/icons'
+import { Box }              from '@ui/layout'
+import { Row }              from '@ui/layout'
+import { Layout }           from '@ui/layout'
+import { Logo }             from '@ui/logo'
+import { Text }             from '@ui/text'
+
+import { DrawerMobile }     from './drawer'
+
+export const NavigationMobile = () => {
+  const [active, setActive] = useState<boolean>(false)
+
+  const handleClick = () => setActive(!active)
+
+  return (
+    <>
+      <DrawerMobile active={active} onClose={handleClick} />
+
+      <Row height={80} alignItems='center' justifyContent='center'>
+        <Layout flexBasis={20} />
+
+        <Box>
+          <Logo fill='white' width={40} height={40} />
+        </Box>
+
+        <Layout flexBasis={195} flexGrow='1' flexShrink='10' />
+
+        <Box width={100}>
+          <Button
+            onClick={handleClick}
+            variant='ghostBackgroundWhiteText'
+            size='smallSizeLittleRadii'
+            icon={<ArrowDownIcon width={9} height={5} />}
+            widthIcon={28}
+            heightIcon={28}
+            backgroundIcon='background.white'
+            radiiIcon='atom'
+          >
+            <Text color='white' fontSize='tiny' fontWeight='normal' lineHeight='small'>
+              <FormattedMessage id='navigation.button' />
+            </Text>
+          </Button>
+        </Box>
+
+        <Layout flexBasis={20} />
+      </Row>
+    </>
+  )
+}
diff --git a/landing/fragments/landing-navigation/src/navigation.component.tsx b/landing/fragments/landing-navigation/src/navigation.component.tsx
index 5df1a4a8..d8f28a49 100644
--- a/landing/fragments/landing-navigation/src/navigation.component.tsx
+++ b/landing/fragments/landing-navigation/src/navigation.component.tsx
@@ -1,6 +1,7 @@
 import React                from 'react'
+import { FC }               from 'react'
 import { FormattedMessage } from 'react-intl'
-import { useIntl }          from 'react-intl'
+import { useState }         from 'react'
 
 import { Button }           from '@ui/button'
 import { Condition }        from '@ui/condition'
@@ -8,66 +9,61 @@ import { ArrowDownIcon }    from '@ui/icons'
 import { Box }              from '@ui/layout'
 import { Row }              from '@ui/layout'
 import { Layout }           from '@ui/layout'
-import { NextLink }         from '@ui/link'
 import { Logo }             from '@ui/logo'
 import { Text }             from '@ui/text'
-import { useWindowWidth }   from '@ui/utils'
 
-import { Item }             from './item'
+import { NavLinks }         from './data'
+import { DrawerDesktop }    from './drawer'
+import { NavigationProps }  from './navigation.interfaces'
+import { NavLinkItem }      from './navlink-item'
 
-export const Navigation = () => {
-  const { isMobile, isDesktop } = useWindowWidth()
-  const intl = useIntl()
+export const NavigationDesktop: FC<NavigationProps> = ({ sectionRefs }) => {
+  const [active, setActive] = useState<boolean>(false)
+
+  const handleClick = () => setActive(!active)
 
   return (
-    <Row height={[80, 128]} alignItems='center' justifyContent='center'>
-      <Condition match={isMobile}>
-        <Logo fill='white' width={40} height={40} />
-      </Condition>
+    <>
+      <DrawerDesktop active={active} onClose={handleClick} sectionRefs={sectionRefs} />
 
-      <Condition match={isDesktop}>
+      <Row height={120} alignItems='center' justifyContent='center'>
         <Layout flexBasis={40} />
 
         <Logo fill='white' width={56} height={56} />
 
         <Layout flexBasis={40} flexGrow='1' />
 
-        <Row height='29px' flexBasis={860}>
-          <Item name={intl.formatMessage({ id: 'navigation.item.academy' })} path='/' />
-
-          <Layout flexBasis={20} />
-
-          <Item name={intl.formatMessage({ id: 'navigation.item.courses' })} path='/' />
-
-          <Layout flexBasis={20} />
+        {NavLinks.map((navLink, index) => (
+          <Box key={navLink.id} width={index < NavLinks.length - 1 ? 220 : 200}>
+            <NavLinkItem name={navLink.name} path={navLink.path} />
 
-          <Item name={intl.formatMessage({ id: 'navigation.item.teaching' })} path='/' />
-
-          <Layout flexBasis={20} />
-
-          <Item name={intl.formatMessage({ id: 'navigation.item.faq' })} path='/' />
-        </Row>
+            <Condition match={index < NavLinks.length - 1}>
+              <Layout flexBasis={20} />
+            </Condition>
+          </Box>
+        ))}
 
         <Layout flexBasis={40} flexGrow='1' />
 
-        <Box width={163}>
+        <Box width={136}>
           <Button
+            onClick={handleClick}
             variant='ghostBackgroundWhiteText'
-            size='normal'
-            icon={<ArrowDownIcon width={16} height={16} />}
-            widthIcon={48}
-            heightIcon={48}
+            size='bigSizeNormalRadiiBigPadding'
+            icon={<ArrowDownIcon width={12} height={6} />}
+            widthIcon={40}
+            heightIcon={40}
             backgroundIcon='background.white'
+            radiiIcon='little'
           >
-            <NextLink>
-              <Text color='white' fontSize='compact' lineHeight='little'>
-                <FormattedMessage id='navigation.button' />
-              </Text>
-            </NextLink>
+            <Text color='white' fontSize='compact' lineHeight='small'>
+              <FormattedMessage id='navigation.button' />
+            </Text>
           </Button>
         </Box>
-        <Layout flexBasis={[0, 40]} />
-      </Condition>
-    </Row>
+
+        <Layout flexBasis={40} />
+      </Row>
+    </>
   )
 }
diff --git a/landing/fragments/landing-navigation/src/navigation.interfaces.ts b/landing/fragments/landing-navigation/src/navigation.interfaces.ts
new file mode 100644
index 00000000..db96f366
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/navigation.interfaces.ts
@@ -0,0 +1,3 @@
+export interface NavigationProps {
+  sectionRefs: React.RefObject<HTMLDivElement>[]
+}
diff --git a/landing/fragments/landing-navigation/src/navlink-item/index.ts b/landing/fragments/landing-navigation/src/navlink-item/index.ts
new file mode 100644
index 00000000..be481fcb
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/navlink-item/index.ts
@@ -0,0 +1,2 @@
+export * from './navlink-item.component'
+export * from './navlink-item-drawer.component'
diff --git a/landing/fragments/landing-navigation/src/navlink-item/navlink-item-drawer.component.tsx b/landing/fragments/landing-navigation/src/navlink-item/navlink-item-drawer.component.tsx
new file mode 100644
index 00000000..fe7df6f5
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/navlink-item/navlink-item-drawer.component.tsx
@@ -0,0 +1,68 @@
+import React                      from 'react'
+import { FC }                     from 'react'
+import { Link }                   from 'react-scroll'
+
+import { Condition }              from '@ui/condition'
+import { Divider }                from '@ui/divider'
+import { Box }                    from '@ui/layout'
+import { Column }                 from '@ui/layout'
+import { Layout }                 from '@ui/layout'
+import { Text }                   from '@ui/text'
+import { useHover }               from '@ui/utils'
+
+import { NavLinkItemDrawerProps } from './navlink-item.interfaces'
+
+export const NavLinkItemDrawer: FC<NavLinkItemDrawerProps> = ({
+  name,
+  path,
+  currentElementIndexInViewport,
+  index,
+}) => {
+  const { hover, hoverProps } = useHover()
+
+  return (
+    <Box flexBasis={200} cursor='pointer' {...hoverProps}>
+      <Link to={path} width='100%' spy smooth duration={1000}>
+        <Column alignItems='center'>
+          <Condition match={currentElementIndexInViewport !== index}>
+            <Box>
+              <Text
+                color={hover ? 'text.black' : 'text.ghost'}
+                fontSize='compact'
+                lineHeight='small'
+                textTransform='uppercase'
+              >
+                {name}
+              </Text>
+            </Box>
+
+            <Layout flexBasis={10} />
+
+            <Divider
+              backgroundColor={hover ? 'background.black' : 'background.blackTransparent'}
+              weight={1}
+              width={200}
+            />
+          </Condition>
+
+          <Condition match={currentElementIndexInViewport === index}>
+            <Box>
+              <Text
+                color='text.black'
+                fontSize='compact'
+                lineHeight='small'
+                textTransform='uppercase'
+              >
+                {name}
+              </Text>
+            </Box>
+
+            <Layout flexBasis={10} />
+
+            <Divider backgroundColor='background.black' weight={1} width={200} />
+          </Condition>
+        </Column>
+      </Link>
+    </Box>
+  )
+}
diff --git a/landing/fragments/landing-navigation/src/navlink-item/navlink-item.component.tsx b/landing/fragments/landing-navigation/src/navlink-item/navlink-item.component.tsx
new file mode 100644
index 00000000..bc61ed19
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/navlink-item/navlink-item.component.tsx
@@ -0,0 +1,43 @@
+import React                from 'react'
+import { FC }               from 'react'
+import { Link }             from 'react-scroll'
+
+import { Divider }          from '@ui/divider'
+import { Box }              from '@ui/layout'
+import { Column }           from '@ui/layout'
+import { Layout }           from '@ui/layout'
+import { Text }             from '@ui/text'
+import { useHover }         from '@ui/utils'
+
+import { NavLinkItemProps } from './navlink-item.interfaces'
+
+export const NavLinkItem: FC<NavLinkItemProps> = ({ name, path }) => {
+  const { hover, hoverProps } = useHover()
+
+  return (
+    <Box width={200} {...hoverProps} cursor='pointer'>
+      <Link to={path} width='100%' spy smooth duration={1000}>
+        <Column alignItems='center'>
+          <Box>
+            <Text
+              color={hover ? 'text.white' : 'text.gray'}
+              fontSize='compact'
+              lineHeight='small'
+              textTransform='uppercase'
+            >
+              {name}
+            </Text>
+          </Box>
+
+          <Layout flexBasis={10} />
+
+          <Divider
+            backgroundColor={hover ? 'background.white' : 'background.graySemiTransparent'}
+            weight={1}
+            width={200}
+          />
+        </Column>
+      </Link>
+    </Box>
+  )
+}
diff --git a/landing/fragments/landing-navigation/src/navlink-item/navlink-item.interfaces.ts b/landing/fragments/landing-navigation/src/navlink-item/navlink-item.interfaces.ts
new file mode 100644
index 00000000..e50a607f
--- /dev/null
+++ b/landing/fragments/landing-navigation/src/navlink-item/navlink-item.interfaces.ts
@@ -0,0 +1,11 @@
+export interface NavLinkItemProps {
+  name: string
+  path: string
+}
+
+export interface NavLinkItemDrawerProps {
+  name: string
+  path: string
+  currentElementIndexInViewport: number
+  index: number
+}
diff --git a/landing/fragments/landing-process/package.json b/landing/fragments/landing-process/package.json
index d62cf85e..25569a29 100644
--- a/landing/fragments/landing-process/package.json
+++ b/landing/fragments/landing-process/package.json
@@ -4,15 +4,14 @@
   "main": "src/index.ts",
   "dependencies": {
     "@ui/condition": "workspace: 0.0.1",
-    "@ui/divider": "workspace: 0.0.1",
-    "@ui/image": "workspace: 0.0.1",
     "@ui/layout": "workspace: 0.0.1",
+    "@ui/slider": "workspace: 0.0.1",
     "@ui/text": "workspace: 0.0.1",
     "@ui/utils": "workspace: 0.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "6.0.8"
   },
   "peerDependencies": {
diff --git a/landing/fragments/landing-process/src/item/index.ts b/landing/fragments/landing-process/src/item/index.ts
deleted file mode 100644
index ca0da7c7..00000000
--- a/landing/fragments/landing-process/src/item/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './item.component'
diff --git a/landing/fragments/landing-process/src/item/item.component.tsx b/landing/fragments/landing-process/src/item/item.component.tsx
deleted file mode 100644
index 02df21d1..00000000
--- a/landing/fragments/landing-process/src/item/item.component.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React         from 'react'
-import { FC }        from 'react'
-
-import { Condition } from '@ui/condition'
-import { Divider }   from '@ui/divider'
-import { Column }    from '@ui/layout'
-import { Row }       from '@ui/layout'
-import { Layout }    from '@ui/layout'
-import { Box }       from '@ui/layout'
-import { Text }      from '@ui/text'
-
-import { ItemProps } from './item.interfaces'
-
-export const Item: FC<ItemProps> = ({ divider = true, ...props }) => (
-  <Column>
-    <Row alignItems={['start', 'center']}>
-      <Box
-        width={[35, 64]}
-        height={[35, 64]}
-        alignItems='center'
-        justifyContent='center'
-        backgroundColor='background.whiteTransparent'
-        flexShrink='0'
-      >
-        <Text
-          color='text.white'
-          fontSize={['compact', 'medium']}
-          lineHeight={['little', 'mini']}
-          fontFamily='regular'
-        >
-          {props.sequenceNumber}
-        </Text>
-      </Box>
-
-      <Layout flexBasis={[12, 32]} flexShrink='0' />
-
-      <Box flexBasis={[312, 1700]} flexDirection={['column', 'row']} flexGrow='1'>
-        <Box alignItems='center' flexBasis={[28, 367]} flexShrink='0' flexGrow='1'>
-          <Text color='text.white' fontSize={['medium', 'regular']} lineHeight={['usual', 'mean']}>
-            {props.name}
-          </Text>
-        </Box>
-
-        <Layout flexBasis={[8, 430]} flexShrink='0' flexGrow='3' />
-
-        <Box flexBasis={[40, 560]}>
-          <Text
-            color='text.white'
-            fontSize={['tiny', 'medium']}
-            lineHeight={['compact', 'standart']}
-            textWrap='wrap'
-          >
-            {props.description}
-          </Text>
-        </Box>
-      </Box>
-    </Row>
-
-    <Condition match={divider}>
-      <Column>
-        <Layout flexBasis={[28, 48]} />
-
-        <Divider backgroundColor='divider.ghost' weight={1} />
-
-        <Layout flexBasis={[28, 48]} />
-      </Column>
-    </Condition>
-  </Column>
-)
diff --git a/landing/fragments/landing-process/src/process.component.tsx b/landing/fragments/landing-process/src/process.component.tsx
index 6ecfce06..ae6f6c2b 100644
--- a/landing/fragments/landing-process/src/process.component.tsx
+++ b/landing/fragments/landing-process/src/process.component.tsx
@@ -1,79 +1,122 @@
-import React              from 'react'
-import { useIntl }        from 'react-intl'
+import React                from 'react'
+import { FormattedMessage } from 'react-intl'
 
-import { Condition }      from '@ui/condition'
-import { Image }          from '@ui/image'
-import { Box }            from '@ui/layout'
-import { Column }         from '@ui/layout'
-import { Layout }         from '@ui/layout'
-import { useWindowWidth } from '@ui/utils'
+import { Condition }        from '@ui/condition'
+import { Box }              from '@ui/layout'
+import { Row }              from '@ui/layout'
+import { Layout }           from '@ui/layout'
+import { Column }           from '@ui/layout'
+import { Space }            from '@ui/text'
+import { Text }             from '@ui/text'
+import { useWindowWidth }   from '@ui/utils'
 
-import { Item }           from './item'
+import { SliderContainer }  from './slider'
 
 export const Process = () => {
-  const intl = useIntl()
-  const { isDesktop } = useWindowWidth()
+  const { isMobile } = useWindowWidth()
 
   return (
-    <Column>
-      <Layout flexBasis={[64, 160]} />
-
-      <Box position='relative'>
-        <Layout flexBasis={[20, 80]} flexShrink='0' />
-
-        <Column flexGrow='1' flexBasis={[335, 1760]}>
-          <Item
-            sequenceNumber='1'
-            name={intl.formatMessage({ id: 'process.item.team-integration' })}
-            description={intl.formatMessage({ id: 'process.item.text' })}
-          />
-
-          <Item
-            sequenceNumber='2'
-            name={intl.formatMessage({ id: 'process.item.create-environment' })}
-            description={intl.formatMessage({ id: 'process.item.text' })}
-          />
-
-          <Item
-            sequenceNumber='3'
-            name={intl.formatMessage({ id: 'process.item.studies-of-technologies' })}
-            description={intl.formatMessage({ id: 'process.item.text' })}
-          />
-
-          <Item
-            sequenceNumber='4'
-            name={intl.formatMessage({ id: 'process.item.practical-work' })}
-            description={intl.formatMessage({ id: 'process.item.text' })}
-          />
-
-          <Item
-            sequenceNumber='5'
-            name={intl.formatMessage({ id: 'process.item.project-integration' })}
-            description={intl.formatMessage({ id: 'process.item.text' })}
-            divider={false}
-          />
-        </Column>
+    <Column flexGrow='1' alignItems='center'>
+      <Layout flexBasis={[24, 160]} flexShrink='0' />
 
-        <Condition match={isDesktop}>
-          <Box
-            width='400px'
-            height='400px'
-            position='absolute'
-            zIndex='10'
-            margin='auto'
-            top='0'
-            left='0'
-            bottom='0'
-            right='0'
-          >
-            <Image src='./image/Default.png' width={400} height={400} />
-          </Box>
-        </Condition>
-
-        <Layout flexBasis={[20, 80]} flexShrink='0' />
+      <Box>
+        <Text
+          color='text.whiteSemiTransparent'
+          fontSize={['atom', 'tiny']}
+          lineHeight='small'
+          textTransform='uppercase'
+        >
+          <FormattedMessage id='slider.subtitle' />
+        </Text>
       </Box>
 
-      <Layout flexBasis={[24, 160]} />
+      <Layout flexBasis={[16, 24]} flexShrink='0' />
+
+      <Condition match={!isMobile}>
+        <Column maxWidth={960}>
+          <Row>
+            <Text color='text.white' fontSize='regular' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.any-process-stops' />
+            </Text>
+
+            <Space count={3} />
+
+            <Text color='text.whiteSemiTransparent' fontSize='regular' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.be' />
+            </Text>
+
+            <Space count={3} />
+
+            <Text color='text.white' fontSize='regular' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.difficult' />
+            </Text>
+          </Row>
+
+          <Row justifyContent='center'>
+            <Text color='text.white' fontSize='regular' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.when' />
+            </Text>
+
+            <Space count={3} />
+
+            <Text color='text.whiteSemiTransparent' fontSize='regular' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.you-know' />
+            </Text>
+
+            <Space count={3} />
+
+            <Text color='text.white' fontSize='regular' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.how-it-happen' />
+            </Text>
+          </Row>
+        </Column>
+      </Condition>
+
+      <Condition match={isMobile}>
+        <Column maxWidth={335}>
+          <Row justifyContent='center'>
+            <Text color='text.white' fontSize='medium' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.any-process-stops' />
+            </Text>
+          </Row>
+
+          <Row>
+            <Text color='text.whiteSemiTransparent' fontSize='medium' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.be' />
+            </Text>
+
+            <Space count={2} />
+
+            <Text color='text.white' fontSize='medium' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.difficult' />
+            </Text>
+
+            <Space count={2} />
+
+            <Text color='text.white' fontSize='medium' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.when' />
+            </Text>
+
+            <Space count={2} />
+
+            <Text color='text.whiteSemiTransparent' fontSize='medium' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.you-know' />
+            </Text>
+          </Row>
+
+          <Row justifyContent='center'>
+            <Text color='text.white' fontSize='medium' lineHeight='usual'>
+              <FormattedMessage id='slider.slogan.how-it-happen' />
+            </Text>
+          </Row>
+        </Column>
+      </Condition>
+
+      <Layout flexBasis={[24, 50]} flexShrink='0' />
+
+      <SliderContainer />
+
+      <Layout flexBasis={[128, 240]} flexShrink='0' />
     </Column>
   )
 }
diff --git a/landing/fragments/landing-slider/src/index.ts b/landing/fragments/landing-process/src/slider/index.ts
similarity index 100%
rename from landing/fragments/landing-slider/src/index.ts
rename to landing/fragments/landing-process/src/slider/index.ts
diff --git a/landing/fragments/landing-process/src/slider/slider.component.tsx b/landing/fragments/landing-process/src/slider/slider.component.tsx
new file mode 100644
index 00000000..54bf9766
--- /dev/null
+++ b/landing/fragments/landing-process/src/slider/slider.component.tsx
@@ -0,0 +1,25 @@
+import React              from 'react'
+
+import { Condition }      from '@ui/condition'
+import { Box }            from '@ui/layout'
+import { Slider }         from '@ui/slider'
+import { useWindowWidth } from '@ui/utils'
+
+import { imagesDesktop }  from './slider.images'
+import { imagesMobile }   from './slider.images'
+
+export const SliderContainer = () => {
+  const { isMobile } = useWindowWidth()
+
+  return (
+    <Box>
+      <Condition match={!isMobile}>
+        <Slider images={imagesDesktop} />
+      </Condition>
+
+      <Condition match={isMobile}>
+        <Slider images={imagesMobile} />
+      </Condition>
+    </Box>
+  )
+}
diff --git a/landing/fragments/landing-process/src/slider/slider.images.ts b/landing/fragments/landing-process/src/slider/slider.images.ts
new file mode 100644
index 00000000..b337018b
--- /dev/null
+++ b/landing/fragments/landing-process/src/slider/slider.images.ts
@@ -0,0 +1,2 @@
+export const imagesDesktop = ['./image/mockup.png', './image/mockup-negate.png']
+export const imagesMobile = ['./image/mockup.png', './image/mockup-negate.png']
diff --git a/landing/fragments/landing-slider/src/slider.component.tsx b/landing/fragments/landing-slider/src/slider.component.tsx
deleted file mode 100644
index eb65b7de..00000000
--- a/landing/fragments/landing-slider/src/slider.component.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import React                   from 'react'
-import { FormattedMessage }    from 'react-intl'
-
-import { Button }              from '@ui/button'
-import { Condition }           from '@ui/condition'
-import { ArrowLeftWhiteIcon }  from '@ui/icons'
-import { ArrowRightWhiteIcon } from '@ui/icons'
-import { ImageBlock }          from '@ui/image'
-import { Box }                 from '@ui/layout'
-import { Row }                 from '@ui/layout'
-import { Layout }              from '@ui/layout'
-import { Column }              from '@ui/layout'
-import { Space }               from '@ui/text'
-import { Text }                from '@ui/text'
-import { useWindowWidth }      from '@ui/utils'
-
-export const Slider = () => {
-  const { isMobile, isDesktop } = useWindowWidth()
-
-  return (
-    <Column flexGrow='1' alignItems='center'>
-      <Layout flexBasis={[24, 160]} flexShrink='0' />
-
-      <Box>
-        <Text
-          color='text.whiteSemiTransparent'
-          fontSize={['atom', 'tiny']}
-          lineHeight={['subAtom', 'tiny']}
-          textTransform='uppercase'
-        >
-          <FormattedMessage id='slider.subtitle' />
-        </Text>
-      </Box>
-
-      <Layout flexBasis={[16, 24]} flexShrink='0' />
-
-      <Condition match={isDesktop}>
-        <Column maxWidth={960}>
-          <Row>
-            <Text color='text.white' fontSize='regular' lineHeight='mean'>
-              <FormattedMessage id='slider.slogan.any-process-stops' />
-            </Text>
-
-            <Space count={3} />
-
-            <Text color='text.whiteSemiTransparent' fontSize='regular' lineHeight='mean'>
-              <FormattedMessage id='slider.slogan.be' />
-            </Text>
-
-            <Space count={3} />
-
-            <Text color='text.white' fontSize='regular' lineHeight='mean'>
-              <FormattedMessage id='slider.slogan.difficult' />
-            </Text>
-          </Row>
-
-          <Row justifyContent='center'>
-            <Text color='text.white' fontSize='regular' lineHeight='mean'>
-              <FormattedMessage id='slider.slogan.when' />
-            </Text>
-
-            <Space count={3} />
-
-            <Text color='text.whiteSemiTransparent' fontSize='regular' lineHeight='mean'>
-              <FormattedMessage id='slider.slogan.you-know' />
-            </Text>
-
-            <Space count={3} />
-
-            <Text color='text.white' fontSize='regular' lineHeight='mean'>
-              <FormattedMessage id='slider.slogan.how-it-happen' />
-            </Text>
-          </Row>
-        </Column>
-      </Condition>
-
-      <Condition match={isMobile}>
-        <Column maxWidth={335}>
-          <Row justifyContent='center'>
-            <Text color='text.white' fontSize='medium' lineHeight='normal'>
-              <FormattedMessage id='slider.slogan.any-process-stops' />
-            </Text>
-          </Row>
-
-          <Row>
-            <Text color='text.whiteSemiTransparent' fontSize='medium' lineHeight='normal'>
-              <FormattedMessage id='slider.slogan.be' />
-            </Text>
-
-            <Space count={2} />
-
-            <Text color='text.white' fontSize='medium' lineHeight='normal'>
-              <FormattedMessage id='slider.slogan.difficult' />
-            </Text>
-
-            <Space count={2} />
-
-            <Text color='text.white' fontSize='medium' lineHeight='normal'>
-              <FormattedMessage id='slider.slogan.when' />
-            </Text>
-
-            <Space count={2} />
-
-            <Text color='text.whiteSemiTransparent' fontSize='medium' lineHeight='normal'>
-              <FormattedMessage id='slider.slogan.you-know' />
-            </Text>
-          </Row>
-
-          <Row justifyContent='center'>
-            <Text color='text.white' fontSize='medium' lineHeight='normal'>
-              <FormattedMessage id='slider.slogan.how-it-happen' />
-            </Text>
-          </Row>
-        </Column>
-      </Condition>
-
-      <Layout flexBasis={[24, 50]} flexShrink='0' />
-
-      <Box
-        width={[155, 960]}
-        height={[323, 516]}
-        border={['thinGhost', 'boldGhost']}
-        justifyContent='center'
-        overflow='hidden'
-      >
-        <Box width={[138, 720]} height={[339, 540]}>
-          <ImageBlock src='./image/mockup.png' />
-        </Box>
-      </Box>
-
-      <Layout flexBasis={[24, 32]} />
-
-      <Row justifyContent='space-between' maxWidth={[335, 960]}>
-        <Box>
-          <Button
-            variant='ghostBackgroundWhiteText'
-            icon={<ArrowLeftWhiteIcon width={16} height={16} />}
-            widthIcon={[40, 48]}
-            heightIcon={[60, 64]}
-          />
-        </Box>
-
-        <Box height={[58, 60]} flexBasis={[175, 778]} alignItems='center' justifyContent='center'>
-          <Text
-            color='text.white'
-            fontSize={['atom', 'little']}
-            lineHeight={['minor', 'medium']}
-            textAlign='center'
-          >
-            <FormattedMessage id='slider.sign' />
-          </Text>
-        </Box>
-
-        <Box>
-          <Button
-            variant='ghostBackgroundWhiteText'
-            icon={<ArrowRightWhiteIcon width={16} height={16} />}
-            widthIcon={[40, 48]}
-            heightIcon={[60, 64]}
-          />
-        </Box>
-      </Row>
-
-      <Layout flexBasis={[64, 160]} flexShrink='0' />
-    </Column>
-  )
-}
diff --git a/landing/fragments/landing-steps/package.json b/landing/fragments/landing-steps/package.json
new file mode 100644
index 00000000..cfb24f2f
--- /dev/null
+++ b/landing/fragments/landing-steps/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@landing/fragment-steps",
+  "version": "0.0.1",
+  "main": "src/index.ts",
+  "dependencies": {
+    "@ui/background": "workspace: 0.0.1",
+    "@ui/condition": "workspace: 0.0.1",
+    "@ui/divider": "workspace: 0.0.1",
+    "@ui/image": "workspace: 0.0.1",
+    "@ui/layout": "workspace: 0.0.1",
+    "@ui/text": "workspace: 0.0.1",
+    "@ui/utils": "workspace: 0.0.1"
+  },
+  "devDependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-intl": "6.0.8"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "react-intl": "*"
+  }
+}
diff --git a/landing/fragments/landing-steps/src/index.ts b/landing/fragments/landing-steps/src/index.ts
new file mode 100644
index 00000000..8cfabf65
--- /dev/null
+++ b/landing/fragments/landing-steps/src/index.ts
@@ -0,0 +1 @@
+export * from './steps.component'
diff --git a/landing/fragments/landing-steps/src/step/index.ts b/landing/fragments/landing-steps/src/step/index.ts
new file mode 100644
index 00000000..de6a4bd0
--- /dev/null
+++ b/landing/fragments/landing-steps/src/step/index.ts
@@ -0,0 +1 @@
+export * from './step.component'
diff --git a/landing/fragments/landing-steps/src/step/step.component.tsx b/landing/fragments/landing-steps/src/step/step.component.tsx
new file mode 100644
index 00000000..7ff9e7c9
--- /dev/null
+++ b/landing/fragments/landing-steps/src/step/step.component.tsx
@@ -0,0 +1,67 @@
+import React          from 'react'
+import { FC }         from 'react'
+
+import { Background } from '@ui/background'
+import { Condition }  from '@ui/condition'
+import { Divider }    from '@ui/divider'
+import { Column }     from '@ui/layout'
+import { Row }        from '@ui/layout'
+import { Layout }     from '@ui/layout'
+import { Box }        from '@ui/layout'
+import { Text }       from '@ui/text'
+
+import { StepProps }  from './step.interfaces'
+
+export const Step: FC<StepProps> = ({ divider = true, ...props }) => (
+  <Column>
+    <Row alignItems={['start', 'center']}>
+      <Background backgroundColor='ghostTransparentGradient' borderRadius={['little', 'ordinary']}>
+        <Box
+          width={[35, 64]}
+          height={[35, 64]}
+          alignItems='center'
+          justifyContent='center'
+          backgroundColor='background.whiteTransparent'
+          flexShrink='0'
+          borderRadius={['little', 'ordinary']}
+          border='thinnestGhost'
+        >
+          <Text
+            color='text.white'
+            fontSize={['compact', 'medium']}
+            lineHeight='small'
+            fontFamily='regular'
+          >
+            {props.sequenceNumber}
+          </Text>
+        </Box>
+      </Background>
+
+      <Layout flexBasis={[12, 32]} flexShrink='0' />
+
+      <Box flexBasis={[312, 1700]} flexDirection={['column', 'row']} flexGrow='1'>
+        <Box alignItems='center' flexBasis={[28, 367]} flexShrink='0' flexGrow='1'>
+          <Text color='text.white' fontSize={['medium', 'regular']} lineHeight='usual'>
+            {props.name}
+          </Text>
+        </Box>
+
+        <Layout flexBasis={[8, 430]} flexShrink='0' flexGrow='3' />
+
+        <Box flexBasis={[40, 560]}>
+          <Text color='text.white' fontSize={['tiny', 'medium']} lineHeight='huge' textWrap='wrap'>
+            {props.description}
+          </Text>
+        </Box>
+      </Box>
+    </Row>
+
+    <Condition match={divider}>
+      <Layout flexBasis={[28, 48]} />
+
+      <Divider backgroundColor='background.ghost' weight={1} />
+
+      <Layout flexBasis={[28, 48]} />
+    </Condition>
+  </Column>
+)
diff --git a/landing/fragments/landing-process/src/item/item.interfaces.ts b/landing/fragments/landing-steps/src/step/step.interfaces.ts
similarity index 75%
rename from landing/fragments/landing-process/src/item/item.interfaces.ts
rename to landing/fragments/landing-steps/src/step/step.interfaces.ts
index f2a14bdb..2d988f83 100644
--- a/landing/fragments/landing-process/src/item/item.interfaces.ts
+++ b/landing/fragments/landing-steps/src/step/step.interfaces.ts
@@ -1,4 +1,4 @@
-export interface ItemProps {
+export interface StepProps {
   sequenceNumber?: string
   name?: string
   description?: string
diff --git a/landing/fragments/landing-steps/src/steps.component.tsx b/landing/fragments/landing-steps/src/steps.component.tsx
new file mode 100644
index 00000000..8291d943
--- /dev/null
+++ b/landing/fragments/landing-steps/src/steps.component.tsx
@@ -0,0 +1,79 @@
+import React              from 'react'
+import { useIntl }        from 'react-intl'
+
+import { Condition }      from '@ui/condition'
+import { Image }          from '@ui/image'
+import { Box }            from '@ui/layout'
+import { Column }         from '@ui/layout'
+import { Layout }         from '@ui/layout'
+import { useWindowWidth } from '@ui/utils'
+
+import { Step }           from './step'
+
+export const Steps = () => {
+  const intl = useIntl()
+  const { isMobile } = useWindowWidth()
+
+  return (
+    <Column>
+      <Layout flexBasis={[64, 160]} />
+
+      <Box position='relative'>
+        <Layout flexBasis={[20, 80]} flexShrink='0' />
+
+        <Column flexGrow='1' flexBasis={[335, 1760]}>
+          <Step
+            sequenceNumber='1'
+            name={intl.formatMessage({ id: 'process.item.team-integration' })}
+            description={intl.formatMessage({ id: 'process.item.text' })}
+          />
+
+          <Step
+            sequenceNumber='2'
+            name={intl.formatMessage({ id: 'process.item.create-environment' })}
+            description={intl.formatMessage({ id: 'process.item.text' })}
+          />
+
+          <Step
+            sequenceNumber='3'
+            name={intl.formatMessage({ id: 'process.item.studies-of-technologies' })}
+            description={intl.formatMessage({ id: 'process.item.text' })}
+          />
+
+          <Step
+            sequenceNumber='4'
+            name={intl.formatMessage({ id: 'process.item.practical-work' })}
+            description={intl.formatMessage({ id: 'process.item.text' })}
+          />
+
+          <Step
+            sequenceNumber='5'
+            name={intl.formatMessage({ id: 'process.item.project-integration' })}
+            description={intl.formatMessage({ id: 'process.item.text' })}
+            divider={false}
+          />
+        </Column>
+
+        <Condition match={!isMobile}>
+          <Box
+            width='400px'
+            height='400px'
+            position='absolute'
+            zIndex={10}
+            margin='auto'
+            top='0'
+            left='0'
+            bottom='0'
+            right='0'
+          >
+            <Image src='./image/Default.png' width={400} height={400} />
+          </Box>
+        </Condition>
+
+        <Layout flexBasis={[20, 80]} flexShrink='0' />
+      </Box>
+
+      <Layout flexBasis={[24, 160]} />
+    </Column>
+  )
+}
diff --git a/landing/fragments/landing-technologies/package.json b/landing/fragments/landing-technologies/package.json
index b5cd1226..0b303dce 100644
--- a/landing/fragments/landing-technologies/package.json
+++ b/landing/fragments/landing-technologies/package.json
@@ -3,8 +3,6 @@
   "version": "0.0.1",
   "main": "src/index.ts",
   "dependencies": {
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
     "@ui/condition": "workspace: 0.0.1",
     "@ui/divider": "workspace: 0.0.1",
     "@ui/layout": "workspace: 0.0.1",
@@ -14,11 +12,13 @@
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "6.0.8"
   },
   "peerDependencies": {
+    "@emotion/react": "*",
+    "@emotion/styled": "*",
     "react": "*",
     "react-dom": "*",
     "react-intl": "*"
diff --git a/landing/fragments/landing-technologies/src/run-line/run-line.component.tsx b/landing/fragments/landing-technologies/src/run-line/run-line.component.tsx
index 4c5aa11e..200f9dd0 100644
--- a/landing/fragments/landing-technologies/src/run-line/run-line.component.tsx
+++ b/landing/fragments/landing-technologies/src/run-line/run-line.component.tsx
@@ -13,7 +13,7 @@ import { Repeater }     from '@ui/utils'
 
 import { RunLineProps } from './run-line.interfaces'
 
-export const RunLine: FC<RunLineProps> = ({ technologies, font = 'primary' }) => {
+export const RunLine: FC<RunLineProps> = ({ technologies, font = 'primary' }: RunLineProps) => {
   const infinityLine = useMemo(
     () => keyframes`0% { transform: translateX(0) } 100% { transform: translate(-50%) }`,
     []
@@ -34,7 +34,7 @@ export const RunLine: FC<RunLineProps> = ({ technologies, font = 'primary' }) =>
               fontSize={['huge', 'massive']}
               fontWeight='lighter'
               fontFamily={font}
-              lineHeight={['mean', 'giant']}
+              lineHeight='normal'
               whiteSpace='nowrap'
               textTransform='uppercase'
             >
@@ -46,7 +46,7 @@ export const RunLine: FC<RunLineProps> = ({ technologies, font = 'primary' }) =>
             <Layout flexBasis={[12, 24]} flexShrink='0' />
 
             <Box width={[27, 48]} alignItems='center' flexShrink='0'>
-              <Divider backgroundColor='divider.white' weight={[2, 4]} />
+              <Divider backgroundColor='background.white' weight={[2, 4]} />
             </Box>
 
             <Layout flexBasis={[12, 24]} flexShrink='0' />
diff --git a/landing/fragments/landing-technologies/src/technologies-list/technologies.list.ts b/landing/fragments/landing-technologies/src/technologies-list/technologies.list.ts
index 769769ec..2c19fb1d 100644
--- a/landing/fragments/landing-technologies/src/technologies-list/technologies.list.ts
+++ b/landing/fragments/landing-technologies/src/technologies-list/technologies.list.ts
@@ -1,4 +1,12 @@
-export const technologiesList = [
+interface TechnologyProps {
+  name: string
+}
+
+interface WorckspaceProps {
+  name: string
+}
+
+export const technologiesList: TechnologyProps[] = [
   { name: 'html' },
   { name: 'css' },
   { name: 'sass' },
@@ -7,4 +15,8 @@ export const technologiesList = [
   { name: 'javacsript' },
 ]
 
-export const worckspaceList = [{ name: 'figma' }, { name: 'github' }, { name: 'atom' }]
+export const worckspaceList: WorckspaceProps[] = [
+  { name: 'figma' },
+  { name: 'github' },
+  { name: 'atom' },
+]
diff --git a/landing/fragments/landing-technologies/src/technologies.component.tsx b/landing/fragments/landing-technologies/src/technologies.component.tsx
index e73d5184..c69be0b3 100644
--- a/landing/fragments/landing-technologies/src/technologies.component.tsx
+++ b/landing/fragments/landing-technologies/src/technologies.component.tsx
@@ -9,28 +9,32 @@ import { RunLine }          from './run-line'
 import { technologiesList } from './technologies-list'
 import { worckspaceList }   from './technologies-list'
 
-export const Technologies = () => (
-  <Column>
-    <Layout flexBasis={[32, 64]} />
+export const Technologies = () => {
+  const Indent = () => <Layout flexBasis={[36, 64]} />
 
-    <Divider backgroundColor='divider.ghost' weight={1} />
+  return (
+    <Column fill>
+      <Layout flexBasis={[32, 64]} />
 
-    <Layout flexBasis={[36, 64]} />
+      <Divider backgroundColor='background.ghost' weight={1} />
 
-    <Row overflow='hidden'>
-      <RunLine technologies={technologiesList} font='light' />
-    </Row>
+      <Indent />
 
-    <Layout flexBasis={[36, 64]} />
+      <Row overflow='hidden'>
+        <RunLine technologies={technologiesList} font='light' />
+      </Row>
 
-    <Row overflow='hidden'>
-      <RunLine technologies={worckspaceList} font='secondary' />
-    </Row>
+      <Indent />
 
-    <Layout flexBasis={[36, 64]} />
+      <Row overflow='hidden'>
+        <RunLine technologies={worckspaceList} font='secondary' />
+      </Row>
 
-    <Divider backgroundColor='divider.ghost' weight={1} />
+      <Indent />
 
-    <Layout flexBasis={[32, 64]} />
-  </Column>
-)
+      <Divider backgroundColor='background.ghost' weight={1} />
+
+      <Layout flexBasis={[32, 64]} />
+    </Column>
+  )
+}
diff --git a/landing/pages/index-page/package.json b/landing/pages/index-page/package.json
index 988e4e3b..c2422b80 100644
--- a/landing/pages/index-page/package.json
+++ b/landing/pages/index-page/package.json
@@ -10,14 +10,18 @@
     "@landing/fragment-hero": "workspace:0.0.1",
     "@landing/fragment-navigation": "workspace:0.0.1",
     "@landing/fragment-process": "workspace:0.0.1",
-    "@landing/fragment-slider": "workspace:0.0.1",
+    "@landing/fragment-steps": "workspace:0.0.1",
     "@landing/fragment-technologies": "workspace:0.0.1",
     "@ui/background": "workspace:0.0.1",
     "@ui/condition": "workspace:0.0.1",
+    "@ui/navbar": "workspace:0.0.1",
     "@ui/utils": "workspace:0.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.9",
+    "@types/react": "18.2.6",
+    "@types/react-dom": "18.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-scroll-parallax": "3.3.2"
   },
   "peerDependencies": {
diff --git a/landing/pages/index-page/src/index.page.tsx b/landing/pages/index-page/src/index.page.tsx
index 7f07dbe7..f3da09e2 100644
--- a/landing/pages/index-page/src/index.page.tsx
+++ b/landing/pages/index-page/src/index.page.tsx
@@ -1,27 +1,44 @@
-import React              from 'react'
-import { Parallax }       from 'react-scroll-parallax'
-
-import { About }          from '@landing/fragment-about'
-import { Courses }        from '@landing/fragment-courses'
-import { Faq }            from '@landing/fragment-faq'
-import { Hero }           from '@landing/fragment-hero'
-import { Navigation }     from '@landing/fragment-navigation'
-import { Process }        from '@landing/fragment-process'
-import { Slider }         from '@landing/fragment-slider'
-import { Technologies }   from '@landing/fragment-technologies'
-import { Background }     from '@ui/background'
-import { Condition }      from '@ui/condition'
-import { useWindowWidth } from '@ui/utils'
+import React                 from 'react'
+import { Parallax }          from 'react-scroll-parallax'
+import { useRef }            from 'react'
+
+import { About }             from '@landing/fragment-about'
+import { Courses }           from '@landing/fragment-courses'
+import { Faq }               from '@landing/fragment-faq'
+import { Hero }              from '@landing/fragment-hero'
+import { NavigationDesktop } from '@landing/fragment-navigation'
+import { NavigationMobile }  from '@landing/fragment-navigation'
+import { Process }           from '@landing/fragment-process'
+import { Steps }             from '@landing/fragment-steps'
+import { Technologies }      from '@landing/fragment-technologies'
+import { Background }        from '@ui/background'
+import { Condition }         from '@ui/condition'
+import { Navbar }            from '@ui/navbar'
+import { useWindowWidth }    from '@ui/utils'
 
 const IndexPage = () => {
-  const { isMobile, isDesktop } = useWindowWidth()
+  const { isMobile } = useWindowWidth()
+  const sectionRefs: React.RefObject<HTMLDivElement>[] = [
+    useRef<HTMLDivElement>(null),
+    useRef<HTMLDivElement>(null),
+    useRef<HTMLDivElement>(null),
+    useRef<HTMLDivElement>(null),
+  ]
 
   return (
     <>
-      <Background backgroundColor='navyBlue'>
-        <Navigation />
+      <Navbar sectionRefs={sectionRefs} />
+
+      <Background
+        id='academy'
+        ref={sectionRefs[0]}
+        backgroundColor='navyBlueGradient'
+        position='absolute'
+        width='100%'
+      >
+        <Condition match={!isMobile}>
+          <NavigationDesktop sectionRefs={sectionRefs} />
 
-        <Condition match={isDesktop}>
           <Parallax translateY={[-7.5, 10]}>
             <Hero />
 
@@ -30,25 +47,54 @@ const IndexPage = () => {
         </Condition>
 
         <Condition match={isMobile}>
+          <NavigationMobile />
+
           <Hero />
 
           <About />
         </Condition>
       </Background>
 
-      <Background backgroundColor='white'>
+      <Background
+        id='courses'
+        ref={sectionRefs[1]}
+        backgroundColor='white'
+        borderRadius={['hugeTop', 'giantTop']}
+        position='absolute'
+        width='100%'
+        zIndex={1}
+        top={[939, 1750]}
+      >
         <Courses />
       </Background>
 
-      <Background backgroundColor='darkPurple'>
-        <Process />
+      <Background
+        id='teaching'
+        ref={sectionRefs[2]}
+        backgroundColor='darkPurple'
+        borderRadius={['hugeTop', 'giantTop']}
+        position='absolute'
+        width='100%'
+        zIndex={2}
+        top={[2634, 3761]}
+      >
+        <Steps />
 
         <Technologies />
 
-        <Slider />
+        <Process />
       </Background>
 
-      <Background backgroundColor='white'>
+      <Background
+        id='faq'
+        ref={sectionRefs[3]}
+        backgroundColor='white'
+        borderRadius={['hugeTop', 'giantTop']}
+        position='absolute'
+        width='100%'
+        zIndex={3}
+        top={[4264, 6450]}
+      >
         <Faq />
       </Background>
     </>
diff --git a/ui/accordion/package.json b/ui/accordion/package.json
new file mode 100644
index 00000000..7ef79bfc
--- /dev/null
+++ b/ui/accordion/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "@ui/accordion",
+  "version": "0.0.1",
+  "license": "BSD-3-Clause",
+  "main": "src/index.ts",
+  "dependencies": {
+    "@atls-ui-parts/layout": "0.0.7",
+    "@ui/condition": "workspace:0.0.1",
+    "@ui/divider": "workspace:0.0.1",
+    "@ui/text": "workspace:0.0.1",
+    "@ui/utils": "workspace:0.0.1"
+  },
+  "devDependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "framer-motion": "10.16.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "styled-system": "5.1.5"
+  },
+  "peerDependencies": {
+    "@emotion/react": "*",
+    "@emotion/styled": "*",
+    "framer-motion": "*",
+    "react": "*",
+    "react-dom": "*",
+    "styled-system": "*"
+  }
+}
diff --git a/ui/accordion/src/accordion.component.tsx b/ui/accordion/src/accordion.component.tsx
new file mode 100644
index 00000000..5004fbf9
--- /dev/null
+++ b/ui/accordion/src/accordion.component.tsx
@@ -0,0 +1,114 @@
+import { Box }             from '@atls-ui-parts/layout'
+import { Column }          from '@atls-ui-parts/layout'
+import { Layout }          from '@atls-ui-parts/layout'
+
+import React               from 'react'
+import { AnimatePresence } from 'framer-motion'
+import { FC }              from 'react'
+import { motion }          from 'framer-motion'
+import { useState }        from 'react'
+
+import { Condition }       from '@ui/condition'
+import { Divider }         from '@ui/divider'
+import { Text }            from '@ui/text'
+import { useWindowWidth }  from '@ui/utils'
+import { useHover }        from '@ui/utils'
+
+import { AccordionProps }  from './accordion.interfaces'
+import { CrossIcon }       from './icons'
+import { MinusIcon }       from './icons'
+
+export const Accordion: FC<AccordionProps> = ({
+  answer,
+  question,
+  isDivider = true,
+}: AccordionProps) => {
+  const { isMobile } = useWindowWidth()
+  const { hover, hoverProps } = useHover()
+  const [selected, setSelected] = useState<boolean>(false)
+
+  const handleSelect = () => setSelected(!selected)
+
+  return (
+    <Column>
+      <motion.div onClick={handleSelect}>
+        <Condition match={!isMobile}>
+          <Box {...hoverProps} alignItems='center' cursor='pointer'>
+            <motion.div style={{ display: 'flex', alignItems: 'center' }}>
+              {selected === true ? (
+                <MinusIcon width={20} height={20} hover={hover} />
+              ) : (
+                <CrossIcon width={20} height={20} hover={hover} />
+              )}
+            </motion.div>
+
+            <Layout flexBasis={24} flexShrink='0' />
+
+            <Box flexBasis={740}>
+              <Text
+                color={hover ? 'text.accent' : 'text.primary'}
+                fontSize='ordinary'
+                lineHeight='huge'
+              >
+                {question}
+              </Text>
+            </Box>
+          </Box>
+        </Condition>
+
+        <Condition match={isMobile}>
+          <Box {...hoverProps} alignItems='center' cursor='pointer'>
+            <Box flexGrow='1' flexBasis={303}>
+              <Text
+                color={hover ? 'text.accent' : 'text.primary'}
+                fontSize='small'
+                lineHeight='huge'
+              >
+                {question}
+              </Text>
+            </Box>
+
+            <Layout flexBasis={24} flexShrink='0' />
+
+            <motion.div style={{ display: 'flex', alignItems: 'center' }}>
+              {selected === true ? (
+                <MinusIcon width={14} height={14} hover={hover} />
+              ) : (
+                <CrossIcon width={14} height={14} hover={hover} />
+              )}
+            </motion.div>
+          </Box>
+        </Condition>
+
+        <AnimatePresence>
+          {selected === true && (
+            <motion.div
+              initial={{ opacity: 0, height: 0 }}
+              animate={{ opacity: 1, height: 90 }}
+              exit={{ opacity: 0, height: 0 }}
+              transition={{ duration: 0.3, easeInOut: 1 }}
+            >
+              <Layout height={[16, 24]} />
+
+              <Box maxWidth={[335, 740]}>
+                <Text
+                  color={['text.primaryTransparentText', 'text.primaryText']}
+                  fontSize={['tiny', 'compact']}
+                  lineHeight={['huge', 'big']}
+                >
+                  {answer}
+                </Text>
+              </Box>
+            </motion.div>
+          )}
+        </AnimatePresence>
+
+        <Condition match={isDivider}>
+          <Layout height={[16, 40]} />
+
+          <Divider backgroundColor='background.grayGhost' weight={1} />
+        </Condition>
+      </motion.div>
+    </Column>
+  )
+}
diff --git a/ui/accordion/src/accordion.interfaces.ts b/ui/accordion/src/accordion.interfaces.ts
new file mode 100644
index 00000000..19f6c060
--- /dev/null
+++ b/ui/accordion/src/accordion.interfaces.ts
@@ -0,0 +1,5 @@
+export interface AccordionProps {
+  answer: string
+  question: string
+  isDivider: boolean
+}
diff --git a/ui/accordion/src/icons/CrossIcon.tsx b/ui/accordion/src/icons/CrossIcon.tsx
new file mode 100644
index 00000000..acbec922
--- /dev/null
+++ b/ui/accordion/src/icons/CrossIcon.tsx
@@ -0,0 +1,29 @@
+import { useTheme }  from '@emotion/react'
+
+/* eslint-disable */
+import React         from 'react'
+import { FC }        from 'react'
+import { motion }    from 'framer-motion'
+
+import { IconProps } from './icons.interfaces'
+
+export const CrossIcon: FC<IconProps> = ({ hover, ...props }: IconProps) => {
+  const theme: any = useTheme()
+  return (
+    <svg
+      width='1em'
+      height='1em'
+      viewBox='0 0 14 14'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <motion.path
+        d='M1.00009 7.00011H13.0001M7.00009 1.00011V13.0001'
+        stroke={hover ? '#4D3CF2' : '#3A375D'}
+        strokeWidth={1.75}
+        strokeLinecap='round'
+      />
+    </svg>
+  )
+}
diff --git a/ui/accordion/src/icons/MinusIcon.tsx b/ui/accordion/src/icons/MinusIcon.tsx
new file mode 100644
index 00000000..c322d6a3
--- /dev/null
+++ b/ui/accordion/src/icons/MinusIcon.tsx
@@ -0,0 +1,29 @@
+import { useTheme }  from '@emotion/react'
+
+/* eslint-disable */
+import React         from 'react'
+import { FC }        from 'react'
+import { motion }    from 'framer-motion'
+
+import { IconProps } from './icons.interfaces'
+
+export const MinusIcon: FC<IconProps> = ({ hover, ...props }: IconProps) => {
+  const theme: any = useTheme()
+  return (
+    <svg
+      width='1em'
+      height='1em'
+      viewBox='0 0 16 16'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <motion.path
+        d='M2.00009 8.00011H14.0001'
+        stroke={hover ? '#4D3CF2' : '#3A375D'}
+        strokeWidth={1.75}
+        strokeLinecap='round'
+      />
+    </svg>
+  )
+}
diff --git a/ui/accordion/src/icons/icons.interfaces.ts b/ui/accordion/src/icons/icons.interfaces.ts
new file mode 100644
index 00000000..5010c20c
--- /dev/null
+++ b/ui/accordion/src/icons/icons.interfaces.ts
@@ -0,0 +1,5 @@
+export interface IconProps {
+  hover?: boolean
+  width?: string | number
+  height?: string | number
+}
diff --git a/ui/accordion/src/icons/index.ts b/ui/accordion/src/icons/index.ts
new file mode 100644
index 00000000..588e7443
--- /dev/null
+++ b/ui/accordion/src/icons/index.ts
@@ -0,0 +1,2 @@
+export * from './CrossIcon'
+export * from './MinusIcon'
diff --git a/ui/accordion/src/index.ts b/ui/accordion/src/index.ts
new file mode 100644
index 00000000..2c119f6c
--- /dev/null
+++ b/ui/accordion/src/index.ts
@@ -0,0 +1 @@
+export * from './accordion.component'
diff --git a/ui/background/package.json b/ui/background/package.json
index 83ac1ca4..9b69527b 100644
--- a/ui/background/package.json
+++ b/ui/background/package.json
@@ -7,7 +7,6 @@
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@types/styled-system": "5.1.16",
-    "next": "12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "styled-system": "5.1.5"
@@ -15,7 +14,6 @@
   "peerDependencies": {
     "@emotion/react": "*",
     "@emotion/styled": "*",
-    "next": "*",
     "react": "*",
     "react-dom": "*",
     "styled-system": "*"
diff --git a/ui/button/package.json b/ui/button/package.json
index 68876999..42b1c7d7 100644
--- a/ui/button/package.json
+++ b/ui/button/package.json
@@ -11,18 +11,22 @@
     "@atls-ui-parts/button": "0.0.12",
     "@atls-ui-parts/conditional-render": "0.0.4",
     "@atls-ui-parts/layout": "0.0.7",
-    "styled-system": "5.1.5",
-    "styled-tools": "1.7.2"
+    "@ui/utils": "workspace:0.0.1"
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react-dom": "18.2.0",
+    "styled-system": "5.1.5",
+    "styled-tools": "1.7.2"
   },
   "peerDependencies": {
+    "@emotion/react": "*",
     "@emotion/styled": "*",
     "react": "*",
-    "react-dom": "*"
+    "react-dom": "*",
+    "styled-system": "*",
+    "styled-tools": "*"
   }
 }
diff --git a/ui/button/src/attachment/attachment.component.tsx b/ui/button/src/attachment/attachment.component.tsx
index bd1c4899..d5de13c3 100644
--- a/ui/button/src/attachment/attachment.component.tsx
+++ b/ui/button/src/attachment/attachment.component.tsx
@@ -10,11 +10,13 @@ export const IconAttachment: FC<AttachmentProps> = ({
   widthIcon,
   heightIcon,
   backgroundIcon,
-}) => (
+  radiiIcon,
+}: AttachmentProps) => (
   <Box
     width={widthIcon}
     height={heightIcon}
     backgroundColor={backgroundIcon}
+    borderRadius={radiiIcon}
     justifyContent='center'
     alignItems='center'
     flexShrink='0'
diff --git a/ui/button/src/attachment/attachment.interfaces.ts b/ui/button/src/attachment/attachment.interfaces.ts
index e42e0966..a982102d 100644
--- a/ui/button/src/attachment/attachment.interfaces.ts
+++ b/ui/button/src/attachment/attachment.interfaces.ts
@@ -1,6 +1,7 @@
 export interface AttachmentProps {
-  icon?: any
-  widthIcon?: number | number[]
-  heightIcon?: number | number[]
+  icon: any
+  widthIcon: number | number[]
+  heightIcon: number | number[]
   backgroundIcon?: string
+  radiiIcon: string
 }
diff --git a/ui/button/src/button.component.tsx b/ui/button/src/button.component.tsx
index a99ddec4..f12520b1 100644
--- a/ui/button/src/button.component.tsx
+++ b/ui/button/src/button.component.tsx
@@ -4,19 +4,36 @@ import React              from 'react'
 import { FC }             from 'react'
 import { forwardRef }     from 'react'
 
+import { useHover }       from '@ui/utils'
+import { usePressed }     from '@ui/utils'
+
 import { IconAttachment } from './attachment'
 import { ButtonElement }  from './button.element'
 import { ButtonProps }    from './button.interfaces'
 
-export const Button: FC<ButtonProps> = forwardRef(({ children, ...props }, ref) => (
-  <ButtonElement {...props} ref={ref} contentAlign='space-between'>
-    <Content>{children}</Content>
+export const Button: FC<ButtonProps> = forwardRef(({ children, ...props }: ButtonProps, ref) => {
+  const { hover, hoverProps } = useHover()
+  const { pressed, pressedProps } = usePressed()
+
+  return (
+    <ButtonElement
+      {...props}
+      ref={ref}
+      contentAlign='space-between'
+      hover={hover}
+      pressed={pressed}
+      {...hoverProps}
+      {...pressedProps}
+    >
+      <Content>{children}</Content>
 
-    <IconAttachment
-      icon={props.icon}
-      widthIcon={props.widthIcon}
-      heightIcon={props.heightIcon}
-      backgroundIcon={props.backgroundIcon}
-    />
-  </ButtonElement>
-))
+      <IconAttachment
+        icon={props.icon}
+        widthIcon={props.widthIcon}
+        heightIcon={props.heightIcon}
+        backgroundIcon={props.backgroundIcon}
+        radiiIcon={props.radiiIcon}
+      />
+    </ButtonElement>
+  )
+})
diff --git a/ui/button/src/button.interfaces.ts b/ui/button/src/button.interfaces.ts
index ddd245e8..9ee73259 100644
--- a/ui/button/src/button.interfaces.ts
+++ b/ui/button/src/button.interfaces.ts
@@ -2,14 +2,23 @@ import { ButtonProps as BaseButtonProps } from '@atls-ui-parts/button'
 
 export type ButtonVariant = 'primaryBackgroundWhiteText' | 'ghostBackgroundWhiteText'
 
-export type ButtonSize = 'normal' | 'big'
+export type ButtonSize =
+  | 'smallSizeLittleRadii'
+  | 'littleSizeLittleRadii'
+  | 'normalSizeNormalRadii'
+  | 'bigSizeNormalRadii'
+  | 'bigSizeNormalRadiiSmallPadding'
+  | 'bigSizeNormalRadiiBigPadding'
+  | 'LargeSizelittleRadii'
+  | 'hugeSizeRegularRadii'
 
 export interface ButtonProps extends BaseButtonProps {
   variant?: ButtonVariant
   size?: ButtonSize
   ref?: any
-  icon?: object
-  widthIcon?: number | number[]
-  heightIcon?: number | number[]
+  icon: object
+  widthIcon: number | number[]
+  heightIcon: number | number[]
   backgroundIcon?: string
+  radiiIcon: string
 }
diff --git a/ui/button/src/styles/shape/button.shape-styles.ts b/ui/button/src/styles/shape/button.shape-styles.ts
index 1b19735e..0300d5bf 100644
--- a/ui/button/src/styles/shape/button.shape-styles.ts
+++ b/ui/button/src/styles/shape/button.shape-styles.ts
@@ -3,19 +3,69 @@ import { createShapeStyles } from '@atls-ui-parts/button'
 import { prop }              from 'styled-tools'
 import { switchProp }        from 'styled-tools'
 
-const normal = createShapeStyles({
-  size: 64,
-  paddingLeft: 24,
+const smallSizeLittleRadiiStyles = createShapeStyles({
+  size: 40,
+  paddingLeft: 12,
+  paddingRight: 6,
+  rounding: prop('theme.radii.little') as unknown as number,
+})
+
+const littleSizeLittleRadiiStyles = createShapeStyles({
+  size: 44,
+  paddingLeft: -28,
+  paddingRight: -28,
+  rounding: prop('theme.radii.little') as unknown as number,
+})
+
+const normalSizeNormalRadiiStyles = createShapeStyles({
+  size: 52,
+  paddingLeft: 20,
+  paddingRight: 8,
+  rounding: prop('theme.radii.normal') as unknown as number,
+})
+
+const bigSizeNormalRadiiSmallPaddingStyles = createShapeStyles({
+  size: 56,
+  paddingLeft: 16,
   paddingRight: 12,
+  rounding: prop('theme.radii.normal') as unknown as number,
 })
 
-const big = createShapeStyles({
+const bigSizeNormalRadiiBigPaddingStyles = createShapeStyles({
+  size: 56,
+  paddingLeft: 20,
+  paddingRight: 8,
+  rounding: prop('theme.radii.normal') as unknown as number,
+})
+
+const bigSizeNormalRadiiStyles = createShapeStyles({
+  size: 56,
+  paddingLeft: -28,
+  paddingRight: -28,
+  rounding: prop('theme.radii.normal') as unknown as number,
+})
+
+const LargeSizelittleRadiiStyles = createShapeStyles({
+  size: 64,
+  paddingLeft: -28,
+  paddingRight: -28,
+  rounding: prop('theme.radii.little') as unknown as number,
+})
+
+const hugeSizeRegularRadiiStyles = createShapeStyles({
   size: 72,
   paddingLeft: 24,
-  paddingRight: 8,
+  paddingRight: 12,
+  rounding: prop('theme.radii.regular') as unknown as number,
 })
 
 export const shapeStyles = switchProp(prop('size'), {
-  normal,
-  big,
+  smallSizeLittleRadii: smallSizeLittleRadiiStyles,
+  littleSizeLittleRadii: littleSizeLittleRadiiStyles,
+  normalSizeNormalRadii: normalSizeNormalRadiiStyles,
+  bigSizeNormalRadii: bigSizeNormalRadiiStyles,
+  bigSizeNormalRadiiSmallPadding: bigSizeNormalRadiiSmallPaddingStyles,
+  bigSizeNormalRadiiBigPadding: bigSizeNormalRadiiBigPaddingStyles,
+  LargeSizelittleRadii: LargeSizelittleRadiiStyles,
+  hugeSizeRegularRadii: hugeSizeRegularRadiiStyles,
 })
diff --git a/ui/card/package.json b/ui/card/package.json
index aa55dde1..29fe7984 100644
--- a/ui/card/package.json
+++ b/ui/card/package.json
@@ -9,17 +9,22 @@
     "@ui/condition": "workspace: 0.0.1",
     "@ui/layout": "workspace: 0.0.1",
     "@ui/text": "workspace: 0.0.1",
-    "styled-system": "5.1.5",
-    "styled-tools": "1.7.2"
+    "@ui/utils": "workspace: 0.0.1"
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react-dom": "18.2.0",
+    "styled-system": "5.1.5",
+    "styled-tools": "1.7.2"
   },
   "peerDependencies": {
+    "@emotion/react": "*",
+    "@emotion/styled": "*",
     "react": "*",
-    "react-dom": "*"
+    "react-dom": "*",
+    "styled-system": "*",
+    "styled-tools": "*"
   }
 }
diff --git a/ui/card/src/card.component.tsx b/ui/card/src/card.component.tsx
index 287f1f7a..7a0fd74b 100644
--- a/ui/card/src/card.component.tsx
+++ b/ui/card/src/card.component.tsx
@@ -7,133 +7,88 @@ import { Box }        from '@ui/layout'
 import { Column }     from '@ui/layout'
 import { Layout }     from '@ui/layout'
 import { Text }       from '@ui/text'
+import { useHover }   from '@ui/utils'
 
 import { CardProps }  from './card.interfaces'
 
-export const Card: FC<CardProps> = ({ isMobileOnly = false, ...props }) => (
-  <Background display='flex' backgroundColor='lightGray' width='100%'>
-    <Layout flexBasis={[16, 40]} flexShrink='0' />
-
-    <Column>
-      <Layout flexBasis={[16, 40]} />
-
-      <Condition match={props.category === 'обучение'}>
-        <Box
-          flexBasis={[27, 38]}
-          width={[80, 104]}
-          alignItems='center'
-          backgroundColor='background.white'
-        >
-          <Layout flexBasis={[8, 12]} />
-
-          <Box>
-            <Text
-              color='text.primary'
-              fontSize={['subAtom', 'tiny']}
-              lineHeight={['atom', 'tiny']}
-              textTransform='uppercase'
-            >
-              {props.category}
-            </Text>
-          </Box>
-
-          <Layout flexBasis={[8, 12]} />
-        </Box>
-
-        <Layout flexBasis={[104, 214]} />
-      </Condition>
-
-      <Condition match={props.category === 'мини-курс'}>
-        <Box
-          flexBasis={[27, 38]}
-          width={[87, 112]}
-          alignItems='center'
-          backgroundColor='background.white'
-        >
-          <Layout flexBasis={[8, 12]} />
-
-          <Box>
-            <Text
-              color='text.primary'
-              fontSize={['subAtom', 'tiny']}
-              lineHeight={['atom', 'tiny']}
-              textTransform='uppercase'
-            >
-              {props.category}
-            </Text>
-          </Box>
-
-          <Layout flexBasis={[8, 12]} />
-        </Box>
-
-        <Layout flexBasis={[49, 56]} />
-      </Condition>
-
-      <Condition match={props.category === 'учебный материал'}>
-        <Box
-          flexBasis={[27, 38]}
-          width={[142, 180]}
-          alignItems='center'
-          backgroundColor='background.white'
-        >
-          <Layout flexBasis={[8, 12]} />
-
-          <Box>
+export const Card: FC<CardProps> = ({ isMobileOnly = false, ...props }: CardProps) => {
+  const { hover, hoverProps } = useHover()
+
+  return (
+    <Box
+      {...hoverProps}
+      boxShadow={hover ? 'blurBorder' : ''}
+      borderRadius={['normal', 'regular']}
+      width='100%'
+    >
+      <Background
+        display='flex'
+        backgroundColor='whiteGhostGradient'
+        width='100%'
+        borderRadius={['normal', 'regular']}
+      >
+        <Layout flexBasis={[16, 40]} flexShrink='0' />
+
+        <Column>
+          <Layout flexBasis={[16, 40]} />
+
+          <Box
+            flexBasis={[27, 38]}
+            width={props.widthCategoryBox}
+            alignItems='center'
+            backgroundColor='background.white'
+            borderRadius='tiny'
+            justifyContent='center'
+          >
             <Text
               color='text.primary'
               fontSize={['subAtom', 'tiny']}
-              lineHeight={['atom', 'tiny']}
+              lineHeight='small'
               textTransform='uppercase'
             >
               {props.category}
             </Text>
           </Box>
 
-          <Layout flexBasis={[8, 12]} />
-        </Box>
-
-        <Layout flexBasis={[62, 110]} />
-      </Condition>
-
-      <Condition match={!isMobileOnly}>
-        <Box maxWidth={[303, 496]}>
-          <Text
-            color='text.primary'
-            fontSize={['medium', 'regular']}
-            lineHeight={['normal', 'mean']}
-          >
-            {props.titleDesktop}
-          </Text>
-        </Box>
-      </Condition>
-
-      <Condition match={isMobileOnly}>
-        <Box maxWidth={228} flexBasis={46}>
-          <Text color='text.primary' fontSize='small' lineHeight='tiddly'>
-            {props.titleMobile}
-          </Text>
-        </Box>
-      </Condition>
-
-      <Condition match={!!props.description}>
-        <Column flexBasis={[132, 84]}>
-          <Layout flexBasis={[12, 16]} />
-
-          <Box maxWidth={[303, 694]}>
-            <Text
-              color='text.primary'
-              fontSize={['tiny', 'small']}
-              lineHeight={['small', 'normal']}
-            >
-              {props.description}
-            </Text>
-          </Box>
+          <Layout flexBasis={props.indent} />
+
+          <Condition match={!isMobileOnly}>
+            <Box maxWidth={[303, 496]}>
+              <Text color='text.primary' fontSize={['medium', 'regular']} lineHeight='usual'>
+                {props.titleDesktop}
+              </Text>
+            </Box>
+          </Condition>
+
+          <Condition match={isMobileOnly}>
+            <Box maxWidth={228} flexBasis={46}>
+              <Text color='text.primary' fontSize='small' lineHeight='usual'>
+                {props.titleMobile}
+              </Text>
+            </Box>
+          </Condition>
+
+          <Condition match={!!props.description}>
+            <Column flexBasis={[132, 84]}>
+              <Layout flexBasis={[12, 16]} />
+
+              <Box maxWidth={[303, 690]}>
+                <Text
+                  color={['text.primaryTransparentText', 'text.primary']}
+                  fontSize={['tiny', 'small']}
+                  lineHeight={['big', 'huge']}
+                >
+                  {props.description}
+                </Text>
+              </Box>
+            </Column>
+          </Condition>
+
+          <Layout flexBasis={[16, 40]} />
         </Column>
-      </Condition>
-
-      <Layout flexBasis={[16, 40]} />
-    </Column>
 
-    <Layout flexBasis={[16, 40]} flexShrink='0' />
-  </Background>
-)
+        <Layout flexBasis={[16, 40]} flexShrink='0' />
+      </Background>
+    </Box>
+  )
+}
diff --git a/ui/card/src/card.interfaces.ts b/ui/card/src/card.interfaces.ts
index b0ad40ec..82d48554 100644
--- a/ui/card/src/card.interfaces.ts
+++ b/ui/card/src/card.interfaces.ts
@@ -1,5 +1,7 @@
 export interface CardProps {
   category: string
+  widthCategoryBox: string | string[] | number | number[]
+  indent: string | string[] | number | number[]
   isMobileOnly?: boolean
   titleDesktop?: string
   titleMobile?: string
diff --git a/ui/condition/package.json b/ui/condition/package.json
index f0c7ff50..f7962af4 100644
--- a/ui/condition/package.json
+++ b/ui/condition/package.json
@@ -3,17 +3,10 @@
   "version": "0.0.1",
   "license": "BSD-3-Clause",
   "main": "src/index.ts",
-  "dependencies": {
-    "framer-motion": "10.12.10"
-  },
   "devDependencies": {
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
     "react": "18.2.0"
   },
   "peerDependencies": {
-    "@emotion/styled": "*",
-    "react": "*",
-    "react-dom": "*"
+    "react": "*"
   }
 }
diff --git a/ui/condition/src/condition.component.tsx b/ui/condition/src/condition.component.tsx
index d1ee6ca0..b68dc1ae 100644
--- a/ui/condition/src/condition.component.tsx
+++ b/ui/condition/src/condition.component.tsx
@@ -1,75 +1,5 @@
-import React               from 'react'
-import { AnimatePresence } from 'framer-motion'
-import { motion }          from 'framer-motion'
+import { ConditionProps } from './condition.interfaces'
 
-import { ConditionProps }  from './condition.interfaces'
-
-const Condition = ({
-  match,
-  smooth = false,
-  smoothOptions = {
-    duration: 0.3,
-    pattern: 'in-and-out',
-  },
-  children,
-}: ConditionProps) => {
-  if (smooth) {
-    if (smoothOptions.pattern === 'in-and-out') {
-      return (
-        <AnimatePresence>
-          {match && (
-            <motion.div
-              style={{ display: 'flex', width: '100%', height: '100%' }}
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
-              transition={{ duration: smoothOptions.duration }}
-            >
-              {children}
-            </motion.div>
-          )}
-        </AnimatePresence>
-      )
-    }
-
-    if (smoothOptions.pattern === 'in') {
-      return (
-        match && (
-          <motion.div
-            style={{ display: 'flex', width: '100%', height: '100%' }}
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            transition={{ duration: smoothOptions.duration }}
-          >
-            {children}
-          </motion.div>
-        )
-      )
-    }
-
-    if (smoothOptions.pattern === 'out') {
-      return (
-        <AnimatePresence>
-          {match && (
-            <motion.div
-              style={{ display: 'flex', width: '100%', height: '100%' }}
-              initial={{ opacity: 1 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
-              transition={{ duration: smoothOptions.duration }}
-            >
-              {children}
-            </motion.div>
-          )}
-        </AnimatePresence>
-      )
-    }
-  }
-
-  if (match) return children
-
-  return null
-}
+const Condition = ({ match, children }: ConditionProps) => (match === true ? children : null)
 
 export { Condition }
diff --git a/ui/condition/src/condition.interfaces.ts b/ui/condition/src/condition.interfaces.ts
index e55775c9..9ee88d07 100644
--- a/ui/condition/src/condition.interfaces.ts
+++ b/ui/condition/src/condition.interfaces.ts
@@ -1,11 +1,4 @@
-export interface SmoothOptions {
-  duration?: number
-  pattern?: 'in' | 'out' | 'in-and-out'
-}
-
 export interface ConditionProps {
   match: boolean
-  smooth?: boolean
-  smoothOptions?: SmoothOptions
   children?: any
 }
diff --git a/ui/divider/package.json b/ui/divider/package.json
index 51af932f..679b76cf 100644
--- a/ui/divider/package.json
+++ b/ui/divider/package.json
@@ -10,9 +10,6 @@
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
-    "@types/styled-system": "5.1.16",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "styled-system": "5.1.5",
@@ -22,6 +19,7 @@
     "@emotion/styled": "*",
     "react": "*",
     "react-dom": "*",
-    "styled-system": "*"
+    "styled-system": "*",
+    "styled-tools": "*"
   }
 }
diff --git a/ui/drawer/package.json b/ui/drawer/package.json
new file mode 100644
index 00000000..3f7fbe91
--- /dev/null
+++ b/ui/drawer/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@ui/drawer",
+  "version": "0.0.1",
+  "license": "BSD-3-Clause",
+  "main": "src/index.ts",
+  "dependencies": {
+    "@atls-ui-parts/layout": "0.0.7",
+    "@atls-ui-parts/text": "0.0.11",
+    "@ui/button": "workspace:0.0.1",
+    "@ui/condition": "workspace:0.0.1"
+  },
+  "devDependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "framer-motion": "10.16.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "styled-system": "5.1.5"
+  },
+  "peerDependencies": {
+    "@emotion/react": "*",
+    "@emotion/styled": "*",
+    "framer-motion": "*",
+    "react": "*",
+    "react-dom": "*",
+    "styled-system": "*"
+  }
+}
diff --git a/ui/drawer/src/drawer.component.tsx b/ui/drawer/src/drawer.component.tsx
new file mode 100644
index 00000000..1c0de6f6
--- /dev/null
+++ b/ui/drawer/src/drawer.component.tsx
@@ -0,0 +1,21 @@
+import { Box }         from '@atls-ui-parts/layout'
+
+import React           from 'react'
+import { FC }          from 'react'
+import { motion }      from 'framer-motion'
+
+import { DrawerProps } from './drawer.interaces'
+import { Renderer }    from './renderer'
+
+export const DrawerContainer: FC<DrawerProps> = ({ active, children }: DrawerProps) => (
+  <Renderer active={active}>
+    <motion.div
+      style={{ position: 'fixed', top: '-100%', width: '100%', zIndex: 12 }}
+      animate={{ top: 0 }}
+      exit={{ top: '-100%' }}
+      transition={{ duration: 0.3 }}
+    >
+      <Box height='100%'>{children}</Box>
+    </motion.div>
+  </Renderer>
+)
diff --git a/ui/drawer/src/drawer.interaces.ts b/ui/drawer/src/drawer.interaces.ts
new file mode 100644
index 00000000..ad082ab5
--- /dev/null
+++ b/ui/drawer/src/drawer.interaces.ts
@@ -0,0 +1,4 @@
+export interface DrawerProps {
+  active: boolean
+  children: JSX.Element
+}
diff --git a/ui/drawer/src/index.ts b/ui/drawer/src/index.ts
new file mode 100644
index 00000000..7ebc6357
--- /dev/null
+++ b/ui/drawer/src/index.ts
@@ -0,0 +1 @@
+export * from './drawer.component'
diff --git a/ui/drawer/src/renderer/index.ts b/ui/drawer/src/renderer/index.ts
new file mode 100644
index 00000000..3c05878a
--- /dev/null
+++ b/ui/drawer/src/renderer/index.ts
@@ -0,0 +1 @@
+export * from './renderer.component'
diff --git a/ui/drawer/src/renderer/renderer.component.tsx b/ui/drawer/src/renderer/renderer.component.tsx
new file mode 100644
index 00000000..b5ce4262
--- /dev/null
+++ b/ui/drawer/src/renderer/renderer.component.tsx
@@ -0,0 +1,32 @@
+import { Layout }          from '@atls-ui-parts/layout'
+
+import React               from 'react'
+import { AnimatePresence } from 'framer-motion'
+import { FC }              from 'react'
+import { Children }        from 'react'
+import { useState }        from 'react'
+import { useEffect }       from 'react'
+import { createPortal }    from 'react-dom'
+
+import { RendererProps }   from './renderer.interfaces'
+
+const Renderer: FC<RendererProps> = ({ children, active }: RendererProps) => {
+  const [doc, setDoc] = useState<any>(null)
+
+  useEffect(() => {
+    setDoc(document)
+  }, [])
+
+  return doc?.body
+    ? createPortal(
+        <Layout>
+          {Children.map(children, (child) => (
+            <AnimatePresence>{active && child}</AnimatePresence>
+          ))}
+        </Layout>,
+        (doc as any).body
+      )
+    : null
+}
+
+export { Renderer }
diff --git a/ui/drawer/src/renderer/renderer.interfaces.ts b/ui/drawer/src/renderer/renderer.interfaces.ts
new file mode 100644
index 00000000..db7b20cf
--- /dev/null
+++ b/ui/drawer/src/renderer/renderer.interfaces.ts
@@ -0,0 +1,4 @@
+export interface RendererProps {
+  active: boolean
+  children: any
+}
diff --git a/ui/icons/icons-svg/ArrowUp.svg b/ui/icons/icons-svg/ArrowUp.svg
new file mode 100644
index 00000000..bb821748
--- /dev/null
+++ b/ui/icons/icons-svg/ArrowUp.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 7L7 1L13 7" stroke="#3A375D" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/ui/icons/icons-svg/Minus.svg b/ui/icons/icons-svg/Minus.svg
new file mode 100644
index 00000000..2de0aee7
--- /dev/null
+++ b/ui/icons/icons-svg/Minus.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.00009 8.00011H14.0001" stroke="#3A375D" stroke-width="1.75" stroke-linecap="round"/>
+</svg>
diff --git a/ui/icons/package.json b/ui/icons/package.json
index 5d8984e0..457587c7 100644
--- a/ui/icons/package.json
+++ b/ui/icons/package.json
@@ -12,8 +12,6 @@
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
     "glob": "8.0.3",
     "glob-promise": "6.0.2",
     "react": "18.2.0",
diff --git a/ui/icons/src/icons/ArrowUpIcon.tsx b/ui/icons/src/icons/ArrowUpIcon.tsx
new file mode 100644
index 00000000..d3080a3b
--- /dev/null
+++ b/ui/icons/src/icons/ArrowUpIcon.tsx
@@ -0,0 +1,28 @@
+import { useTheme }  from '@emotion/react'
+
+/* eslint-disable */
+import React         from 'react'
+
+import { IconProps } from '../icons.interfaces'
+
+export const ArrowUpIcon = (props: IconProps) => {
+  const theme: any = useTheme()
+  return (
+    <svg
+      width='1em'
+      height='1em'
+      viewBox='0 0 14 8'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <path
+        d='M1 7L7 1L13 7'
+        stroke='#3A375D'
+        strokeWidth={1.75}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </svg>
+  )
+}
diff --git a/ui/icons/src/icons/MinusIcon.tsx b/ui/icons/src/icons/MinusIcon.tsx
new file mode 100644
index 00000000..e8c05c79
--- /dev/null
+++ b/ui/icons/src/icons/MinusIcon.tsx
@@ -0,0 +1,27 @@
+import { useTheme }  from '@emotion/react'
+
+/* eslint-disable */
+import React         from 'react'
+
+import { IconProps } from '../icons.interfaces'
+
+export const MinusIcon = (props: IconProps) => {
+  const theme: any = useTheme()
+  return (
+    <svg
+      width='1em'
+      height='1em'
+      viewBox='0 0 16 16'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <path
+        d='M2.00009 8.00011H14.0001'
+        stroke='#3A375D'
+        strokeWidth={1.75}
+        strokeLinecap='round'
+      />
+    </svg>
+  )
+}
diff --git a/ui/icons/src/icons/index.ts b/ui/icons/src/icons/index.ts
index cda87722..8160aa68 100644
--- a/ui/icons/src/icons/index.ts
+++ b/ui/icons/src/icons/index.ts
@@ -2,9 +2,11 @@ export * from './ArrowDownIcon'
 export * from './ArrowLeftWhiteIcon'
 export * from './ArrowRightIcon'
 export * from './ArrowRightWhiteIcon'
+export * from './ArrowUpIcon'
 export * from './CrossIcon'
 export * from './GitHubIcon'
 export * from './MailIcon'
 export * from './MailWhiteIcon'
+export * from './MinusIcon'
 export * from './MouseIcon'
 export * from './TelegramIcon'
diff --git a/ui/image/package.json b/ui/image/package.json
index e65369a9..365c326a 100644
--- a/ui/image/package.json
+++ b/ui/image/package.json
@@ -9,9 +9,6 @@
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@types/jest": "29.5.2",
-    "@types/react": "18.2.9",
-    "@types/styled-system": "5.1.16",
     "react": "18.2.0",
     "styled-system": "5.1.5"
   },
diff --git a/ui/image/src/image.interfaces.ts b/ui/image/src/image.interfaces.ts
index c91b4bdf..cf4516bd 100644
--- a/ui/image/src/image.interfaces.ts
+++ b/ui/image/src/image.interfaces.ts
@@ -1,4 +1,5 @@
 export interface ImageProps {
+  hover?: boolean
   width: number
   height: number
 }
diff --git a/ui/image/src/image.styles.ts b/ui/image/src/image.styles.ts
index e893fa63..ece5901d 100644
--- a/ui/image/src/image.styles.ts
+++ b/ui/image/src/image.styles.ts
@@ -1,9 +1,12 @@
-import { styleFn } from 'styled-system'
+import { styleFn }    from 'styled-system'
 
-export const baseStyles: styleFn = ({ width, height }) => ({
+import { ImageProps } from './image.interfaces'
+
+export const baseStyles: styleFn = ({ width, height, hover }: ImageProps) => ({
   display: 'block',
   boxSizing: 'border-box',
   objectFit: 'cover',
   width,
   height,
+  hover,
 })
diff --git a/ui/link/package.json b/ui/link/package.json
index 4d534bc8..fff11d83 100644
--- a/ui/link/package.json
+++ b/ui/link/package.json
@@ -16,7 +16,9 @@
     "styled-system": "5.1.5"
   },
   "peerDependencies": {
+    "@emotion/react": "*",
     "@emotion/styled": "*",
+    "next": "*",
     "react": "*",
     "react-dom": "*",
     "styled-system": "*"
diff --git a/ui/logo/src/icon.component.tsx b/ui/logo/src/icon.component.tsx
index 2f3b841f..7df36a77 100644
--- a/ui/logo/src/icon.component.tsx
+++ b/ui/logo/src/icon.component.tsx
@@ -1,6 +1,9 @@
-import React from 'react'
+import React         from 'react'
+import { FC }        from 'react'
 
-export const Icon = ({ fill, width, height }) => (
+import { IconProps } from './icon.interfaces'
+
+export const Icon: FC<IconProps> = ({ fill, width, height }: IconProps) => (
   <svg
     width={width}
     height={height}
diff --git a/ui/logo/src/icon.interfaces.ts b/ui/logo/src/icon.interfaces.ts
new file mode 100644
index 00000000..41410558
--- /dev/null
+++ b/ui/logo/src/icon.interfaces.ts
@@ -0,0 +1,5 @@
+export interface IconProps {
+  fill: string
+  width: string | number
+  height: string | number
+}
diff --git a/ui/logo/src/logo.component.tsx b/ui/logo/src/logo.component.tsx
index e4c72e6b..0d00293a 100644
--- a/ui/logo/src/logo.component.tsx
+++ b/ui/logo/src/logo.component.tsx
@@ -1,10 +1,12 @@
-import React        from 'react'
+import React         from 'react'
+import { FC }        from 'react'
 
-import { NextLink } from '@ui/link'
+import { NextLink }  from '@ui/link'
 
-import { Icon }     from './icon.component'
+import { Icon }      from './icon.component'
+import { LogoProps } from './logo.interfaces'
 
-export const Logo = ({ fill, width, height }) => (
+export const Logo: FC<LogoProps> = ({ fill, width, height }: LogoProps) => (
   <NextLink path='/'>
     <Icon fill={fill} width={width} height={height} />
   </NextLink>
diff --git a/ui/logo/src/logo.interfaces.ts b/ui/logo/src/logo.interfaces.ts
new file mode 100644
index 00000000..0cb46697
--- /dev/null
+++ b/ui/logo/src/logo.interfaces.ts
@@ -0,0 +1,5 @@
+export interface LogoProps {
+  fill: string
+  width: string | number
+  height: string | number
+}
diff --git a/ui/navbar/package.json b/ui/navbar/package.json
new file mode 100644
index 00000000..c6b07a86
--- /dev/null
+++ b/ui/navbar/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@ui/navbar",
+  "version": "0.0.1",
+  "license": "BSD-3-Clause",
+  "main": "src/index.ts",
+  "dependencies": {
+    "@makotot/ghostui": "2.0.0",
+    "@ui/condition": "workspace: 0.0.1",
+    "@ui/layout": "workspace: 0.0.1",
+    "@ui/text": "workspace: 0.0.1",
+    "@ui/utils": "workspace: 0.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "18.2.9",
+    "@types/react-dom": "18.2.4",
+    "@types/react-scroll": "1.8.7",
+    "react-scroll": "1.8.9"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "react-scroll": "*"
+  }
+}
diff --git a/ui/navbar/src/data/data-navlinks.ts b/ui/navbar/src/data/data-navlinks.ts
new file mode 100644
index 00000000..fe63344b
--- /dev/null
+++ b/ui/navbar/src/data/data-navlinks.ts
@@ -0,0 +1,23 @@
+interface NavLinksProps {
+  id: string
+  name: string
+}
+
+export const NavLinks: NavLinksProps[] = [
+  {
+    id: 'academy',
+    name: 'Academy',
+  },
+  {
+    id: 'courses',
+    name: 'Курсы',
+  },
+  {
+    id: 'teaching',
+    name: 'Обучение',
+  },
+  {
+    id: 'faq',
+    name: 'FAQ',
+  },
+]
diff --git a/ui/navbar/src/data/index.ts b/ui/navbar/src/data/index.ts
new file mode 100644
index 00000000..2058ade1
--- /dev/null
+++ b/ui/navbar/src/data/index.ts
@@ -0,0 +1 @@
+export * from './data-navlinks'
diff --git a/ui/navbar/src/index.ts b/ui/navbar/src/index.ts
new file mode 100644
index 00000000..b4bd75ee
--- /dev/null
+++ b/ui/navbar/src/index.ts
@@ -0,0 +1 @@
+export * from './navbar.component'
diff --git a/ui/navbar/src/navbar.component.tsx b/ui/navbar/src/navbar.component.tsx
new file mode 100644
index 00000000..dc46cc9e
--- /dev/null
+++ b/ui/navbar/src/navbar.component.tsx
@@ -0,0 +1,110 @@
+import { Scrollspy }      from '@makotot/ghostui'
+
+import React              from 'react'
+import { FC }             from 'react'
+import { Link }           from 'react-scroll'
+
+import { Condition }      from '@ui/condition'
+import { Box }            from '@ui/layout'
+import { Column }         from '@ui/layout'
+import { Layout }         from '@ui/layout'
+import { Row }            from '@ui/layout'
+import { Text }           from '@ui/text'
+import { useWindowWidth } from '@ui/utils'
+
+import { NavLinks }       from './data'
+import { NavbarProps }    from './navbar.interfaces'
+
+export const Navbar: FC<NavbarProps> = ({ sectionRefs }: NavbarProps) => {
+  const { isMobile } = useWindowWidth()
+
+  return (
+    <Condition match={!isMobile}>
+      <Box position='fixed' top={540} left={40} width={138} height={116} zIndex={11}>
+        <Scrollspy sectionRefs={sectionRefs} offset={-640}>
+          {({ currentElementIndexInViewport }) => (
+            <Column>
+              <Box
+                position='absolute'
+                left='3px'
+                width={2}
+                height={116}
+                backgroundColor={
+                  currentElementIndexInViewport === 0 || currentElementIndexInViewport === 2
+                    ? 'background.grayTransparent'
+                    : 'background.purpurTransparent'
+                }
+              />
+
+              {NavLinks.map((element, index) => (
+                <Column key={element.id} width={138}>
+                  <Row alignItems='center' height={14}>
+                    <Condition match={currentElementIndexInViewport === index}>
+                      <Box
+                        width={8}
+                        height={8}
+                        borderRadius='50%'
+                        cursor='pointer'
+                        style={{ transition: '0.3s' }}
+                        backgroundColor={
+                          currentElementIndexInViewport === 0 || currentElementIndexInViewport === 2
+                            ? 'background.white'
+                            : 'background.purpur'
+                        }
+                        flexShrink='0'
+                      />
+
+                      <Layout flexBasis={20} flexShrink='0' />
+
+                      <Link to={element.id} spy smooth duration={1000}>
+                        <Text
+                          color={
+                            currentElementIndexInViewport === 0 ||
+                            currentElementIndexInViewport === 2
+                              ? 'text.white'
+                              : 'text.purpur'
+                          }
+                          style={{ transition: '0.3s' }}
+                          cursor='pointer'
+                          fontSize='tiny'
+                          lineHeight='small'
+                        >
+                          {element.name}
+                        </Text>
+                      </Link>
+                    </Condition>
+
+                    <Condition match={currentElementIndexInViewport !== index}>
+                      <Layout flexBasis={28} flexShrink='0' />
+
+                      <Link to={element.id} spy smooth duration={1000}>
+                        <Text
+                          color={
+                            currentElementIndexInViewport === 0 ||
+                            currentElementIndexInViewport === 2
+                              ? 'text.whiteTransparent'
+                              : 'text.primaryTransparent'
+                          }
+                          cursor='pointer'
+                          style={{ transition: '0.3s' }}
+                          fontSize='tiny'
+                          lineHeight='small'
+                        >
+                          {element.name}
+                        </Text>
+                      </Link>
+                    </Condition>
+                  </Row>
+
+                  <Condition match={index < NavLinks.length - 1}>
+                    <Layout flexBasis={20} flexShrink='0' />
+                  </Condition>
+                </Column>
+              ))}
+            </Column>
+          )}
+        </Scrollspy>
+      </Box>
+    </Condition>
+  )
+}
diff --git a/ui/navbar/src/navbar.interfaces.ts b/ui/navbar/src/navbar.interfaces.ts
new file mode 100644
index 00000000..9d756ed4
--- /dev/null
+++ b/ui/navbar/src/navbar.interfaces.ts
@@ -0,0 +1,3 @@
+export interface NavbarProps {
+  sectionRefs: React.RefObject<HTMLDivElement>[]
+}
diff --git a/landing/fragments/landing-slider/package.json b/ui/slider/package.json
similarity index 70%
rename from landing/fragments/landing-slider/package.json
rename to ui/slider/package.json
index df336365..fcebdfc7 100644
--- a/landing/fragments/landing-slider/package.json
+++ b/ui/slider/package.json
@@ -1,8 +1,10 @@
 {
-  "name": "@landing/fragment-slider",
+  "name": "@ui/slider",
   "version": "0.0.1",
+  "license": "BSD-3-Clause",
   "main": "src/index.ts",
   "dependencies": {
+    "@ui/background": "workspace: 0.0.1",
     "@ui/button": "workspace: 0.0.1",
     "@ui/condition": "workspace: 0.0.1",
     "@ui/icons": "workspace: 0.0.1",
@@ -12,11 +14,13 @@
     "@ui/utils": "workspace: 0.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.2.9",
-    "@types/react-dom": "18.2.4",
+    "framer-motion": "10.16.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "6.0.8"
   },
   "peerDependencies": {
+    "framer-motion": "*",
     "react": "*",
     "react-dom": "*",
     "react-intl": "*"
diff --git a/ui/slider/src/index.ts b/ui/slider/src/index.ts
new file mode 100644
index 00000000..a4dcd6a3
--- /dev/null
+++ b/ui/slider/src/index.ts
@@ -0,0 +1 @@
+export * from './slider.component'
diff --git a/ui/slider/src/slider.component.tsx b/ui/slider/src/slider.component.tsx
new file mode 100644
index 00000000..6213a02d
--- /dev/null
+++ b/ui/slider/src/slider.component.tsx
@@ -0,0 +1,169 @@
+import React                   from 'react'
+import { FC }                  from 'react'
+import { FormattedMessage }    from 'react-intl'
+import { motion }              from 'framer-motion'
+import { useEffect }           from 'react'
+import { useState }            from 'react'
+
+import { Background }          from '@ui/background'
+import { Button }              from '@ui/button'
+import { Condition }           from '@ui/condition'
+import { ArrowLeftWhiteIcon }  from '@ui/icons'
+import { ArrowRightWhiteIcon } from '@ui/icons'
+import { Image }               from '@ui/image'
+import { Box }                 from '@ui/layout'
+import { Row }                 from '@ui/layout'
+import { Layout }              from '@ui/layout'
+import { Column }              from '@ui/layout'
+import { Text }                from '@ui/text'
+import { useWindowWidth }      from '@ui/utils'
+import { useHover }            from '@ui/utils'
+
+import { SliderProps }         from './slider.interfaces'
+
+export const Slider: FC<SliderProps> = ({ images }: SliderProps) => {
+  const { isMobile } = useWindowWidth()
+  const { hover, hoverProps } = useHover()
+
+  const [slideIndex, setSlideIndex] = useState(0)
+  const [animation, setAnimation] = useState(0)
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      if (slideIndex === images.length - 1) {
+        setSlideIndex(0)
+      } else setSlideIndex(slideIndex + 1)
+    }, 9050)
+    return () => clearTimeout(timer)
+  }, [slideIndex, images.length])
+
+  const increaseSlideIndex = () => {
+    if (slideIndex === images.length - 1) {
+      setSlideIndex(0)
+    } else setSlideIndex(slideIndex + 1)
+
+    setAnimation(animation + 1)
+  }
+
+  const decreaseSlideIndex = () => {
+    if (slideIndex === 0) {
+      setSlideIndex(images.length - 1)
+    } else setSlideIndex(slideIndex - 1)
+
+    setAnimation(animation + 1)
+  }
+
+  return (
+    <Column flexGrow='1' alignItems='center'>
+      <Condition match={!isMobile}>
+        <Background backgroundColor='darkPurpleGradient' borderRadius='regular' border='boldGhost'>
+          <Box
+            width={960}
+            justifyContent='center'
+            borderRadius='regular'
+            position='relative'
+            maxHeight={540}
+            overflow='hidden'
+          >
+            <Box position='absolute' zIndex={9}>
+              <Image src='./image/integrated-title-bar.png' width={960} height={25} />
+            </Box>
+
+            <Box {...hoverProps} zIndex={8}>
+              <motion.div whileHover={{ scale: 1.05 }}>
+                <Image src={images[slideIndex]} width={720} height={540} hover={hover} />
+              </motion.div>
+            </Box>
+          </Box>
+        </Background>
+      </Condition>
+
+      <Condition match={isMobile}>
+        <Background backgroundColor='darkPurpleGradient' borderRadius='ordinary' border='thinGhost'>
+          <Box
+            position='relative'
+            borderRadius='ordinary'
+            width={155}
+            justifyContent='center'
+            overflow='hidden'
+          >
+            <Box position='absolute' top='2px'>
+              <Image src='./image/toolbar-mobile.png' width={143} height={22} />
+            </Box>
+
+            <Box width={155} height={323} justifyContent='center'>
+              <Image src={images[slideIndex]} width={138} height={339} />
+            </Box>
+          </Box>
+        </Background>
+      </Condition>
+
+      <Layout flexBasis={[24, 32]} />
+
+      <Row maxWidth={[335, 960]}>
+        <Box>
+          <Button
+            variant='ghostBackgroundWhiteText'
+            size='LargeSizelittleRadii'
+            icon={<ArrowLeftWhiteIcon width={16} height={16} />}
+            widthIcon={48}
+            heightIcon={64}
+            radiiIcon='little'
+            onClick={decreaseSlideIndex}
+          />
+        </Box>
+
+        <Row>
+          <Layout flexBasis={[12, 16]} />
+
+          <Box
+            height={[58, 60]}
+            flexBasis={[215, 832]}
+            alignItems='center'
+            justifyContent='center'
+            borderRadius='little'
+            position='relative'
+            border='thinnestGhostWhite'
+            overflow='hidden'
+          >
+            <Text
+              color='text.white'
+              fontSize={['atom', 'little']}
+              lineHeight={['usual', 'big']}
+              textAlign='center'
+            >
+              <FormattedMessage id='slider.sign' />
+            </Text>
+
+            <Box width='100%' position='absolute' top={[52, 54]}>
+              <motion.div
+                style={{
+                  height: '2px',
+                  backgroundColor: 'white',
+                  transform: 'translate(0%, 100%)',
+                }}
+                animate={{ width: '100%' }}
+                transition={{ duration: 9.05, repeat: Infinity }}
+                key={animation}
+              />
+            </Box>
+          </Box>
+
+          <Layout flexBasis={[12, 16]} />
+        </Row>
+
+        <Box>
+          <Button
+            variant='ghostBackgroundWhiteText'
+            size='LargeSizelittleRadii'
+            icon={<ArrowRightWhiteIcon width={16} height={16} />}
+            widthIcon={48}
+            heightIcon={64}
+            radiiIcon='little'
+            onClick={increaseSlideIndex}
+          />
+        </Box>
+      </Row>
+    </Column>
+  )
+}
diff --git a/ui/slider/src/slider.interfaces.ts b/ui/slider/src/slider.interfaces.ts
new file mode 100644
index 00000000..a85bb1b4
--- /dev/null
+++ b/ui/slider/src/slider.interfaces.ts
@@ -0,0 +1,3 @@
+export interface SliderProps {
+  images: string[]
+}
diff --git a/ui/swiper/package.json b/ui/swiper/package.json
index 41976e21..ccc71d98 100644
--- a/ui/swiper/package.json
+++ b/ui/swiper/package.json
@@ -4,16 +4,17 @@
   "license": "BSD-3-Clause",
   "main": "src/index.ts",
   "dependencies": {
-    "@atls-ui-parts/swiper": "0.0.3",
-    "swiper": "8.4.7"
+    "@atls-ui-parts/swiper": "0.0.3"
   },
   "devDependencies": {
     "@emotion/css": "11.11.0",
     "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react-dom": "18.2.0",
+    "swiper": "8.4.7"
   },
   "peerDependencies": {
     "react": "*",
-    "react-dom": "*"
+    "react-dom": "*",
+    "swiper": "*"
   }
 }
diff --git a/ui/text/package.json b/ui/text/package.json
index e5bc2648..ae10b7db 100644
--- a/ui/text/package.json
+++ b/ui/text/package.json
@@ -13,6 +13,8 @@
     "react-dom": "18.2.0"
   },
   "peerDependencies": {
+    "@emotion/react": "*",
+    "@emotion/styled": "*",
     "react": "*",
     "react-dom": "*"
   }
diff --git a/ui/theme/package.json b/ui/theme/package.json
index 72100e05..61c9c9e2 100644
--- a/ui/theme/package.json
+++ b/ui/theme/package.json
@@ -4,17 +4,18 @@
   "license": "BSD-3-Clause",
   "main": "src/index.ts",
   "dependencies": {
-    "@atls-ui-proto/theme": "0.0.12",
-    "@emotion/css": "11.11.0"
+    "@atls-ui-proto/theme": "0.0.12"
   },
   "devDependencies": {
+    "@emotion/css": "11.11.0",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@types/react": "18.2.9",
+    "@types/react": "18.2.6",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "peerDependencies": {
+    "@emotion/css": "*",
     "@emotion/react": "*",
     "@emotion/styled": "*",
     "react": "*",
diff --git a/ui/theme/src/theme/backgrounds.ts b/ui/theme/src/theme/backgrounds.ts
index 35d5c538..efcaea8a 100644
--- a/ui/theme/src/theme/backgrounds.ts
+++ b/ui/theme/src/theme/backgrounds.ts
@@ -1,7 +1,14 @@
 export const backgrounds = {
-  lightGray: 'rgba(244, 242, 255, 1)',
-  navyBlue: 'rgba(77, 60, 242, 1)',
-  blackTransparent: 'rgba(0, 0, 0, 0.03)',
+  navyBlueGradient:
+    'linear-gradient(180deg, #3D24EC 0%, rgba(61, 36, 236, 0.00) 100%), radial-gradient(151.52% 72.21% at 100.00% 100.00%, #3909F6 0%, rgba(104, 82, 255, 0.00) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.11) 100%), linear-gradient(161deg, #6F57FF 0%, #4C58FF 100%)',
+  blackTransparentGradient:
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), rgba(255, 255, 255, 0.08)',
   darkPurple: 'rgba(39, 37, 59, 1)',
+  darkPurpleGradient:
+    'radial-gradient(50% 50.00% at 50% 50.00%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(19, 24, 31, 0.75)',
   white: 'rgba(255, 255, 255, 1)',
+  whiteGhostGradient:
+    'radial-gradient(115.15% 26.33% at 80.52% 39.27%, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50.00% at 50% 50.00%, rgba(36, 0, 254, 0.00) 63.70%, rgba(36, 0, 254, 0.02) 100%), linear-gradient(147deg, #F4F2FF 0%, #F4F3FF 40.37%, #E1E2FF 93.75%)',
+  ghostTransparentGradient:
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), linear-gradient(136deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 100%)',
 }
diff --git a/ui/theme/src/theme/borders.ts b/ui/theme/src/theme/borders.ts
index bfbc6fd4..d10b03f8 100644
--- a/ui/theme/src/theme/borders.ts
+++ b/ui/theme/src/theme/borders.ts
@@ -1,4 +1,8 @@
 export const borders = {
-  thinGhost: '2px solid rgba(255, 255, 255, 0.08)',
-  boldGhost: '12px solid rgba(255, 255, 255, 0.08)',
+  thinnestGhost: '1px solid rgba(255, 255, 255, 0.25)',
+  thinnestPrimary: '1px solid rgba(58, 55, 93, 0.20)',
+  thinnestGhostGray: '1px solid rgba(27, 26, 51, 0.15)',
+  thinnestGhostWhite: '1px solid rgba(255, 255, 255, 0.15)',
+  thinGhost: '2px solid rgba(255, 255, 255, 0.1)',
+  boldGhost: '12px solid rgba(255, 255, 255, 0.1)',
 }
diff --git a/ui/theme/src/theme/colors.ts b/ui/theme/src/theme/colors.ts
index 2973b3fe..d8d10bfc 100644
--- a/ui/theme/src/theme/colors.ts
+++ b/ui/theme/src/theme/colors.ts
@@ -1,24 +1,35 @@
 const colors = {
   background: {
+    blackTransparent: 'rgba(0, 0, 0, 0.4)',
+    black: 'rgba(0, 0, 0, 1)',
     navyBlue: 'rgba(77, 60, 242, 1)',
+    ghost: 'rgba(255, 255, 255, 0.25)',
     gray: 'rgba(102, 102, 102, 1)',
+    graySemiTransparent: 'rgba(255, 255, 255, 0.4)',
+    grayTransparent: 'rgba(58, 55, 94, 0.15)',
+    grayGhost: 'rgba(27, 26, 51, 0.15)',
+    primaryTransparent: 'rgba(58, 55, 93, 0.25)',
+    purpurTransparent: 'rgba(123, 84, 233, 0.2)',
+    purpur: 'rgba(123, 84, 233, 1)',
     lightGray: 'rgba(244, 242, 255, 1)',
+    lightGrayTransparent: 'rgba(217, 217, 217, 1)',
     white: 'rgba(255, 255, 255, 1)',
     whiteTransparent: 'rgba(255, 255, 255, .08)',
+    whiteSemiTransparent: 'rgba(255, 255, 255, .5)',
   },
   text: {
     white: 'rgba(255, 255, 255, 1)',
+    whiteTransparent: 'rgba(255, 255, 255, 0.6)',
     whiteSemiTransparent: 'rgba(255, 255, 255, .5)',
+    gray: 'rgba(255, 255, 255, 0.4)',
+    ghost: 'rgba(0, 0, 0, 0.4)',
+    black: 'rgba(0, 0, 0, 1)',
     primary: 'rgba(58, 55, 93, 1)',
+    primaryTransparent: 'rgba(58, 55, 94, 0.6)',
+    primaryTransparentText: 'rgba(58, 55, 93, 0.75)',
+    primaryText: 'rgba(27, 26, 51, 1)',
     accent: 'rgba(77, 60, 242, 1)',
-  },
-  divider: {
-    white: 'rgba(255, 255, 255, 1)',
-    whiteSemiTransparent: 'rgba(255, 255, 255, .5)',
-    black: 'rgba(0, 0, 0, 1)',
-    lightGray: 'rgba(217, 217, 217, 1)',
-    ghost: 'rgba(255, 255, 255, 0.25)',
-    grayGhost: 'rgba(27, 26, 51, 0.15)',
+    purpur: 'rgba(123, 84, 233, 1)',
   },
   button: {
     primaryBackgroundWhiteText: {
@@ -26,13 +37,13 @@ const colors = {
         background: 'rgba(58, 55, 93, 1)',
       },
       hover: {
-        background: 'rgba(0, 0, 0, 0)',
+        background: 'rgba(88, 83, 140, 1)',
       },
       pressed: {
-        background: 'rgba(0, 0, 0, 0)',
+        background: 'rgba(114, 108, 182, 1)',
       },
       disabled: {
-        background: 'rgba(0, 0, 0, 0)',
+        background: 'rgba(58, 55, 93, 0.25)',
       },
     },
     ghostBackgroundWhiteText: {
@@ -40,13 +51,13 @@ const colors = {
         background: 'rgba(255, 255, 255, 0.08)',
       },
       hover: {
-        background: 'rgba(0, 0, 0, 0)',
+        background: 'rgba(255, 255, 255, 0.35)',
       },
       pressed: {
-        background: 'rgba(0, 0, 0, 0)',
+        background: 'rgba(255, 255, 255, 0.5)',
       },
       disabled: {
-        background: 'rgba(0, 0, 0, 0)',
+        background: 'rgba(255, 255, 255, 0.1)',
       },
     },
   },
diff --git a/ui/theme/src/theme/index.ts b/ui/theme/src/theme/index.ts
index c6c811e7..753fa1dd 100644
--- a/ui/theme/src/theme/index.ts
+++ b/ui/theme/src/theme/index.ts
@@ -5,3 +5,5 @@ export * from './fonts'
 export * from './line-heights'
 export * from './borders'
 export * from './backgrounds'
+export * from './radii'
+export * from './shadows'
diff --git a/ui/theme/src/theme/line-heights.ts b/ui/theme/src/theme/line-heights.ts
index ad2d6e0a..ae0e9877 100644
--- a/ui/theme/src/theme/line-heights.ts
+++ b/ui/theme/src/theme/line-heights.ts
@@ -1,27 +1,11 @@
 const lineHeights = {
-  atom: '11px',
-  tiny: '14px',
-  minor: '16px',
-  little: '18px',
-  compact: '20px',
-  small: '22px',
-  tiddly: '23px',
-  mini: '24px',
-  medium: '26px',
-  normal: '28px',
-  usual: '33px',
-  standart: '34px',
-  ordinary: '39px',
-  regular: '45px',
-  mean: '46px',
-  common: '48px',
-  larhe: '56px',
-  huge: '62px',
-  big: '64px',
-  giant: '80px',
-  enormous: '96px',
-  massive: '106px',
-  stupendous: '115px',
+  small: 1,
+  normal: 1.1,
+  usual: 1.15,
+  standart: 1.2,
+  large: 1.3,
+  huge: 1.4,
+  big: 1.6,
 }
 
 export { lineHeights }
diff --git a/ui/theme/src/theme/radii.ts b/ui/theme/src/theme/radii.ts
new file mode 100644
index 00000000..0f7fe851
--- /dev/null
+++ b/ui/theme/src/theme/radii.ts
@@ -0,0 +1,12 @@
+export const radii = {
+  atom: '5px',
+  tiny: '8px',
+  little: '12px',
+  normal: '16px',
+  ordinary: '20px',
+  regular: '24px',
+  normalBottom: '0 0 24px 24px',
+  hugeTop: '32px 32px 0 0',
+  bigBottom: '0 0 40px 40px',
+  giantTop: '80px 80px 0 0',
+}
diff --git a/ui/theme/src/theme/shadows.ts b/ui/theme/src/theme/shadows.ts
new file mode 100644
index 00000000..22c944cb
--- /dev/null
+++ b/ui/theme/src/theme/shadows.ts
@@ -0,0 +1,3 @@
+export const shadows = {
+  blurBorder: '0px 0px 30px 4px rgba(123, 84, 233, 0.20)',
+}
diff --git a/ui/utils/src/hooks/index.ts b/ui/utils/src/hooks/index.ts
index 8635ae20..fa2e6bca 100644
--- a/ui/utils/src/hooks/index.ts
+++ b/ui/utils/src/hooks/index.ts
@@ -1 +1,3 @@
 export * from './use-window-width.hook'
+export * from './use-hover.hook'
+export * from './use-pressed.hook'
diff --git a/ui/utils/src/hooks/use-hover.hook.ts b/ui/utils/src/hooks/use-hover.hook.ts
new file mode 100644
index 00000000..37429063
--- /dev/null
+++ b/ui/utils/src/hooks/use-hover.hook.ts
@@ -0,0 +1,12 @@
+import { useState } from 'react'
+
+export const useHover = () => {
+  const [hover, setHover] = useState<boolean>(false)
+
+  const hoverProps = {
+    onMouseEnter: () => setHover(true),
+    onMouseLeave: () => setHover(false),
+  }
+
+  return { hover, hoverProps }
+}
diff --git a/ui/utils/src/hooks/use-pressed.hook.ts b/ui/utils/src/hooks/use-pressed.hook.ts
new file mode 100644
index 00000000..02d539a6
--- /dev/null
+++ b/ui/utils/src/hooks/use-pressed.hook.ts
@@ -0,0 +1,12 @@
+import { useState } from 'react'
+
+export const usePressed = () => {
+  const [pressed, setPressed] = useState(false)
+
+  const pressedProps = {
+    onMouseDown: () => setPressed(true),
+    onMouseUp: () => setPressed(false),
+  }
+
+  return { pressed, pressedProps }
+}
diff --git a/ui/utils/src/hooks/use-window-width.hook.ts b/ui/utils/src/hooks/use-window-width.hook.ts
index e5885aec..99dd9f86 100644
--- a/ui/utils/src/hooks/use-window-width.hook.ts
+++ b/ui/utils/src/hooks/use-window-width.hook.ts
@@ -15,6 +15,5 @@ export const useWindowWidth = () => {
   return {
     windowWidth,
     isMobile: windowWidth < 640,
-    isDesktop: windowWidth > 640,
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 43371659..edddd54c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1733,15 +1733,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/expect-utils@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/expect-utils@npm:29.5.0"
-  dependencies:
-    jest-get-type: "npm:^29.4.3"
-  checksum: 2ffcb9ec8b7b19fd8d41c41e41c705979feb6bb75e9657abe2bcd7a8bd2c7dbb786c67d1a35c2e5ffdfb8f4b1ce2334623939a2ab981b037466e45547ab786cd
-  languageName: node
-  linkType: hard
-
 "@jest/expect@npm:^28.1.3":
   version: 28.1.3
   resolution: "@jest/expect@npm:28.1.3"
@@ -1887,15 +1878,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/schemas@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "@jest/schemas@npm:29.4.3"
-  dependencies:
-    "@sinclair/typebox": "npm:^0.25.16"
-  checksum: 8f80ca480298411120052fcea19fd0ebee0cd148b5409ae46e93c9f7dc34e1e31147bde3eca1d0c120cabbe9c95273799eaf170f397cd8a4b31dbd3f2525c392
-  languageName: node
-  linkType: hard
-
 "@jest/source-map@npm:^27.5.1":
   version: 27.5.1
   resolution: "@jest/source-map@npm:27.5.1"
@@ -2039,20 +2021,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "@jest/types@npm:29.5.0"
-  dependencies:
-    "@jest/schemas": "npm:^29.4.3"
-    "@types/istanbul-lib-coverage": "npm:^2.0.0"
-    "@types/istanbul-reports": "npm:^3.0.0"
-    "@types/node": "npm:*"
-    "@types/yargs": "npm:^17.0.8"
-    chalk: "npm:^4.0.0"
-  checksum: 4ccd31a720a23d51e71d3bf1a952a1511bb31c1624a07c16c324c27c10f26a780898d50e5a4875f825b45a2a3ef9a6f7ec6519f0a1a8406ade42acaaa40fa58e
-  languageName: node
-  linkType: hard
-
 "@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.2":
   version: 0.3.3
   resolution: "@jridgewell/gen-mapping@npm:0.3.3"
@@ -2123,13 +2091,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@landing/fragment-about@workspace:landing/fragments/landing-about"
   dependencies:
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
+    "@ui/background": "workspace: 0.0.1"
     "@ui/condition": "workspace: 0.0.1"
     "@ui/image": "workspace: 0.0.1"
     "@ui/layout": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
     "@ui/utils": "workspace: 0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-intl: "npm:6.0.8"
   peerDependencies:
     react: "*"
@@ -2142,8 +2111,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@landing/fragment-courses@workspace:landing/fragments/landing-courses"
   dependencies:
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
     "@ui/background": "workspace: 0.0.1"
     "@ui/button": "workspace: 0.0.1"
     "@ui/card": "workspace: 0.0.1"
@@ -2156,6 +2123,8 @@ __metadata:
     "@ui/swiper": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
     "@ui/utils": "workspace: 0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-intl: "npm:6.0.8"
   peerDependencies:
     react: "*"
@@ -2168,8 +2137,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@landing/fragment-faq@workspace:landing/fragments/landing-faq"
   dependencies:
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
+    "@ui/accordion": "workspace: 0.0.1"
     "@ui/button": "workspace: 0.0.1"
     "@ui/condition": "workspace: 0.0.1"
     "@ui/divider": "workspace: 0.0.1"
@@ -2177,6 +2145,8 @@ __metadata:
     "@ui/layout": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
     "@ui/utils": "workspace: 0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-intl: "npm:6.0.8"
   peerDependencies:
     react: "*"
@@ -2189,8 +2159,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@landing/fragment-hero@workspace:landing/fragments/landing-hero"
   dependencies:
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
+    "@ui/background": "workspace: 0.0.1"
     "@ui/button": "workspace: 0.0.1"
     "@ui/condition": "workspace: 0.0.1"
     "@ui/divider": "workspace: 0.0.1"
@@ -2200,6 +2169,8 @@ __metadata:
     "@ui/link": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
     "@ui/utils": "workspace: 0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-intl: "npm:6.0.8"
   peerDependencies:
     react: "*"
@@ -2212,18 +2183,23 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@landing/fragment-navigation@workspace:landing/fragments/landing-navigation"
   dependencies:
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
+    "@makotot/ghostui": "npm:2.0.0"
+    "@types/react-scroll": "npm:1.8.7"
+    "@ui/background": "workspace: 0.0.1"
     "@ui/button": "workspace: 0.0.1"
+    "@ui/card": "workspace: 0.0.1"
     "@ui/condition": "workspace: 0.0.1"
     "@ui/divider": "workspace: 0.0.1"
+    "@ui/drawer": "workspace: 0.0.1"
     "@ui/icons": "workspace: 0.0.1"
     "@ui/layout": "workspace: 0.0.1"
-    "@ui/link": "workspace: 0.0.1"
     "@ui/logo": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
     "@ui/utils": "workspace: 0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-intl: "npm:6.0.8"
+    react-scroll: "npm:1.8.9"
   peerDependencies:
     react: "*"
     react-dom: "*"
@@ -2235,14 +2211,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@landing/fragment-process@workspace:landing/fragments/landing-process"
   dependencies:
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
     "@ui/condition": "workspace: 0.0.1"
-    "@ui/divider": "workspace: 0.0.1"
-    "@ui/image": "workspace: 0.0.1"
     "@ui/layout": "workspace: 0.0.1"
+    "@ui/slider": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
     "@ui/utils": "workspace: 0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-intl: "npm:6.0.8"
   peerDependencies:
     react: "*"
@@ -2251,19 +2226,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@landing/fragment-slider@workspace:0.0.1, @landing/fragment-slider@workspace:landing/fragments/landing-slider":
+"@landing/fragment-steps@workspace:0.0.1, @landing/fragment-steps@workspace:landing/fragments/landing-steps":
   version: 0.0.0-use.local
-  resolution: "@landing/fragment-slider@workspace:landing/fragments/landing-slider"
+  resolution: "@landing/fragment-steps@workspace:landing/fragments/landing-steps"
   dependencies:
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
-    "@ui/button": "workspace: 0.0.1"
+    "@ui/background": "workspace: 0.0.1"
     "@ui/condition": "workspace: 0.0.1"
-    "@ui/icons": "workspace: 0.0.1"
+    "@ui/divider": "workspace: 0.0.1"
     "@ui/image": "workspace: 0.0.1"
     "@ui/layout": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
     "@ui/utils": "workspace: 0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-intl: "npm:6.0.8"
   peerDependencies:
     react: "*"
@@ -2278,15 +2253,17 @@ __metadata:
   dependencies:
     "@emotion/react": "npm:11.11.1"
     "@emotion/styled": "npm:11.11.0"
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
     "@ui/condition": "workspace: 0.0.1"
     "@ui/divider": "workspace: 0.0.1"
     "@ui/layout": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
     "@ui/utils": "workspace: 0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-intl: "npm:6.0.8"
   peerDependencies:
+    "@emotion/react": "*"
+    "@emotion/styled": "*"
     react: "*"
     react-dom: "*"
     react-intl: "*"
@@ -2303,12 +2280,16 @@ __metadata:
     "@landing/fragment-hero": "workspace:0.0.1"
     "@landing/fragment-navigation": "workspace:0.0.1"
     "@landing/fragment-process": "workspace:0.0.1"
-    "@landing/fragment-slider": "workspace:0.0.1"
+    "@landing/fragment-steps": "workspace:0.0.1"
     "@landing/fragment-technologies": "workspace:0.0.1"
-    "@types/react": "npm:18.2.9"
+    "@types/react": "npm:18.2.6"
+    "@types/react-dom": "npm:18.2.4"
     "@ui/background": "workspace:0.0.1"
     "@ui/condition": "workspace:0.0.1"
+    "@ui/navbar": "workspace:0.0.1"
     "@ui/utils": "workspace:0.0.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
     react-scroll-parallax: "npm:3.3.2"
   peerDependencies:
     next: "*"
@@ -2323,6 +2304,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@landing/renderer-entrypoint@workspace:landing/entrypoints/renderer"
   dependencies:
+    "@emotion/css": "npm:11.11.0"
+    "@emotion/react": "npm:11.11.1"
+    "@emotion/styled": "npm:11.11.0"
     "@formatjs/cli": "npm:6.1.3"
     "@formatjs/ts-transformer": "npm:3.13.3"
     "@landing/index-page": "workspace:0.0.1"
@@ -2341,6 +2325,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@makotot/ghostui@npm:2.0.0":
+  version: 2.0.0
+  resolution: "@makotot/ghostui@npm:2.0.0"
+  peerDependencies:
+    react: ">=16"
+  checksum: 582a2e1c7443e2a1811753412aefefcec4f34c64dd25d4c93f3c21d2c4819cdc2c37a44e28ec18c8ba2e446bcc16358fc9f01916bed227069d18192540c68b05
+  languageName: node
+  linkType: hard
+
 "@monstrs/jest-pnp-resolver@npm:0.0.1":
   version: 0.0.1
   resolution: "@monstrs/jest-pnp-resolver@npm:0.0.1"
@@ -2500,13 +2493,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sinclair/typebox@npm:^0.25.16":
-  version: 0.25.24
-  resolution: "@sinclair/typebox@npm:0.25.24"
-  checksum: 1441d9862135d3248d15edb20dd31746b6a092d62d5d6c0a463b176c11cb5baade334c9f20c0d2605e9b0da6596148a1a5d9d9156eca008fc88197b098def65b
-  languageName: node
-  linkType: hard
-
 "@sindresorhus/is@npm:^4.0.0":
   version: 4.6.0
   resolution: "@sindresorhus/is@npm:4.6.0"
@@ -2996,16 +2982,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/jest@npm:29.5.2":
-  version: 29.5.2
-  resolution: "@types/jest@npm:29.5.2"
-  dependencies:
-    expect: "npm:^29.0.0"
-    pretty-format: "npm:^29.0.0"
-  checksum: 999a7c560e956f32a60842495e079964c1d2c816fbc98520c6f83b5947e6c93d6598f92687676619b309f759cc7ad276a8548ee1dd579267d76b18c89ec87439
-  languageName: node
-  linkType: hard
-
 "@types/json-schema@npm:*, @types/json-schema@npm:^7.0.8":
   version: 7.0.11
   resolution: "@types/json-schema@npm:7.0.11"
@@ -3101,6 +3077,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-scroll@npm:1.8.7":
+  version: 1.8.7
+  resolution: "@types/react-scroll@npm:1.8.7"
+  dependencies:
+    "@types/react": "npm:*"
+  checksum: f558a666c3612dd8e3a4d2eba4fe55a418d4f1c3a1ac496e9f10105871ef9e1205ca30f567aa78ef60b8316428567505dbcb03466e35f0bf345394a6c372728f
+  languageName: node
+  linkType: hard
+
 "@types/react@npm:17.0.39":
   version: 17.0.39
   resolution: "@types/react@npm:17.0.39"
@@ -3190,6 +3175,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ui/accordion@workspace: 0.0.1, @ui/accordion@workspace:ui/accordion":
+  version: 0.0.0-use.local
+  resolution: "@ui/accordion@workspace:ui/accordion"
+  dependencies:
+    "@atls-ui-parts/layout": "npm:0.0.7"
+    "@emotion/react": "npm:11.11.1"
+    "@emotion/styled": "npm:11.11.0"
+    "@ui/condition": "workspace:0.0.1"
+    "@ui/divider": "workspace:0.0.1"
+    "@ui/text": "workspace:0.0.1"
+    "@ui/utils": "workspace:0.0.1"
+    framer-motion: "npm:10.16.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
+    styled-system: "npm:5.1.5"
+  peerDependencies:
+    "@emotion/react": "*"
+    "@emotion/styled": "*"
+    framer-motion: "*"
+    react: "*"
+    react-dom: "*"
+    styled-system: "*"
+  languageName: unknown
+  linkType: soft
+
 "@ui/background@workspace: 0.0.1, @ui/background@workspace:0.0.1, @ui/background@workspace:ui/background":
   version: 0.0.0-use.local
   resolution: "@ui/background@workspace:ui/background"
@@ -3197,21 +3207,19 @@ __metadata:
     "@emotion/react": "npm:11.11.1"
     "@emotion/styled": "npm:11.11.0"
     "@types/styled-system": "npm:5.1.16"
-    next: "npm:12.3.4"
     react: "npm:18.2.0"
     react-dom: "npm:18.2.0"
     styled-system: "npm:5.1.5"
   peerDependencies:
     "@emotion/react": "*"
     "@emotion/styled": "*"
-    next: "*"
     react: "*"
     react-dom: "*"
     styled-system: "*"
   languageName: unknown
   linkType: soft
 
-"@ui/button@workspace: 0.0.1, @ui/button@workspace:ui/button":
+"@ui/button@workspace: 0.0.1, @ui/button@workspace:0.0.1, @ui/button@workspace:ui/button":
   version: 0.0.0-use.local
   resolution: "@ui/button@workspace:ui/button"
   dependencies:
@@ -3221,14 +3229,18 @@ __metadata:
     "@atls-ui-parts/layout": "npm:0.0.7"
     "@emotion/react": "npm:11.11.1"
     "@emotion/styled": "npm:11.11.0"
+    "@ui/utils": "workspace:0.0.1"
     react: "npm:18.2.0"
     react-dom: "npm:18.2.0"
     styled-system: "npm:5.1.5"
     styled-tools: "npm:1.7.2"
   peerDependencies:
+    "@emotion/react": "*"
     "@emotion/styled": "*"
     react: "*"
     react-dom: "*"
+    styled-system: "*"
+    styled-tools: "*"
   languageName: unknown
   linkType: soft
 
@@ -3243,13 +3255,18 @@ __metadata:
     "@ui/condition": "workspace: 0.0.1"
     "@ui/layout": "workspace: 0.0.1"
     "@ui/text": "workspace: 0.0.1"
+    "@ui/utils": "workspace: 0.0.1"
     react: "npm:18.2.0"
     react-dom: "npm:18.2.0"
     styled-system: "npm:5.1.5"
     styled-tools: "npm:1.7.2"
   peerDependencies:
+    "@emotion/react": "*"
+    "@emotion/styled": "*"
     react: "*"
     react-dom: "*"
+    styled-system: "*"
+    styled-tools: "*"
   languageName: unknown
   linkType: soft
 
@@ -3257,34 +3274,51 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@ui/condition@workspace:ui/condition"
   dependencies:
+    react: "npm:18.2.0"
+  peerDependencies:
+    react: "*"
+  languageName: unknown
+  linkType: soft
+
+"@ui/divider@workspace: 0.0.1, @ui/divider@workspace:0.0.1, @ui/divider@workspace:ui/divider":
+  version: 0.0.0-use.local
+  resolution: "@ui/divider@workspace:ui/divider"
+  dependencies:
+    "@atls-ui-parts/layout": "npm:0.0.7"
+    "@atls-ui-proto/divider": "npm:0.0.6"
     "@emotion/react": "npm:11.11.1"
     "@emotion/styled": "npm:11.11.0"
-    framer-motion: "npm:10.12.10"
     react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
+    styled-system: "npm:5.1.5"
+    styled-tools: "npm:1.7.2"
   peerDependencies:
     "@emotion/styled": "*"
     react: "*"
     react-dom: "*"
+    styled-system: "*"
+    styled-tools: "*"
   languageName: unknown
   linkType: soft
 
-"@ui/divider@workspace: 0.0.1, @ui/divider@workspace:ui/divider":
+"@ui/drawer@workspace: 0.0.1, @ui/drawer@workspace:ui/drawer":
   version: 0.0.0-use.local
-  resolution: "@ui/divider@workspace:ui/divider"
+  resolution: "@ui/drawer@workspace:ui/drawer"
   dependencies:
     "@atls-ui-parts/layout": "npm:0.0.7"
-    "@atls-ui-proto/divider": "npm:0.0.6"
+    "@atls-ui-parts/text": "npm:0.0.11"
     "@emotion/react": "npm:11.11.1"
     "@emotion/styled": "npm:11.11.0"
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
-    "@types/styled-system": "npm:5.1.16"
+    "@ui/button": "workspace:0.0.1"
+    "@ui/condition": "workspace:0.0.1"
+    framer-motion: "npm:10.16.1"
     react: "npm:18.2.0"
     react-dom: "npm:18.2.0"
     styled-system: "npm:5.1.5"
-    styled-tools: "npm:1.7.2"
   peerDependencies:
+    "@emotion/react": "*"
     "@emotion/styled": "*"
+    framer-motion: "*"
     react: "*"
     react-dom: "*"
     styled-system: "*"
@@ -3298,8 +3332,6 @@ __metadata:
     "@atls-ui-generators/icons": "npm:0.0.2"
     "@emotion/react": "npm:11.11.1"
     "@emotion/styled": "npm:11.11.0"
-    "@types/react": "npm:18.2.9"
-    "@types/react-dom": "npm:18.2.4"
     glob: "npm:8.0.3"
     glob-promise: "npm:6.0.2"
     react: "npm:18.2.0"
@@ -3319,9 +3351,6 @@ __metadata:
     "@atls-ui-parts/image": "npm:0.0.4"
     "@emotion/react": "npm:11.11.1"
     "@emotion/styled": "npm:11.11.0"
-    "@types/jest": "npm:29.5.2"
-    "@types/react": "npm:18.2.9"
-    "@types/styled-system": "npm:5.1.16"
     react: "npm:18.2.0"
     styled-system: "npm:5.1.5"
   peerDependencies:
@@ -3363,7 +3392,9 @@ __metadata:
     react-dom: "npm:18.2.0"
     styled-system: "npm:5.1.5"
   peerDependencies:
+    "@emotion/react": "*"
     "@emotion/styled": "*"
+    next: "*"
     react: "*"
     react-dom: "*"
     styled-system: "*"
@@ -3385,6 +3416,50 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@ui/navbar@workspace:0.0.1, @ui/navbar@workspace:ui/navbar":
+  version: 0.0.0-use.local
+  resolution: "@ui/navbar@workspace:ui/navbar"
+  dependencies:
+    "@makotot/ghostui": "npm:2.0.0"
+    "@types/react": "npm:18.2.9"
+    "@types/react-dom": "npm:18.2.4"
+    "@types/react-scroll": "npm:1.8.7"
+    "@ui/condition": "workspace: 0.0.1"
+    "@ui/layout": "workspace: 0.0.1"
+    "@ui/text": "workspace: 0.0.1"
+    "@ui/utils": "workspace: 0.0.1"
+    react-scroll: "npm:1.8.9"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+    react-scroll: "*"
+  languageName: unknown
+  linkType: soft
+
+"@ui/slider@workspace: 0.0.1, @ui/slider@workspace:ui/slider":
+  version: 0.0.0-use.local
+  resolution: "@ui/slider@workspace:ui/slider"
+  dependencies:
+    "@ui/background": "workspace: 0.0.1"
+    "@ui/button": "workspace: 0.0.1"
+    "@ui/condition": "workspace: 0.0.1"
+    "@ui/icons": "workspace: 0.0.1"
+    "@ui/image": "workspace: 0.0.1"
+    "@ui/layout": "workspace: 0.0.1"
+    "@ui/text": "workspace: 0.0.1"
+    "@ui/utils": "workspace: 0.0.1"
+    framer-motion: "npm:10.16.1"
+    react: "npm:18.2.0"
+    react-dom: "npm:18.2.0"
+    react-intl: "npm:6.0.8"
+  peerDependencies:
+    framer-motion: "*"
+    react: "*"
+    react-dom: "*"
+    react-intl: "*"
+  languageName: unknown
+  linkType: soft
+
 "@ui/swiper@workspace: 0.0.1, @ui/swiper@workspace:ui/swiper":
   version: 0.0.0-use.local
   resolution: "@ui/swiper@workspace:ui/swiper"
@@ -3397,10 +3472,11 @@ __metadata:
   peerDependencies:
     react: "*"
     react-dom: "*"
+    swiper: "*"
   languageName: unknown
   linkType: soft
 
-"@ui/text@workspace: 0.0.1, @ui/text@workspace:ui/text":
+"@ui/text@workspace: 0.0.1, @ui/text@workspace:0.0.1, @ui/text@workspace:ui/text":
   version: 0.0.0-use.local
   resolution: "@ui/text@workspace:ui/text"
   dependencies:
@@ -3410,6 +3486,8 @@ __metadata:
     react: "npm:18.2.0"
     react-dom: "npm:18.2.0"
   peerDependencies:
+    "@emotion/react": "*"
+    "@emotion/styled": "*"
     react: "*"
     react-dom: "*"
   languageName: unknown
@@ -3423,10 +3501,11 @@ __metadata:
     "@emotion/css": "npm:11.11.0"
     "@emotion/react": "npm:11.11.1"
     "@emotion/styled": "npm:11.11.0"
-    "@types/react": "npm:18.2.9"
+    "@types/react": "npm:18.2.6"
     react: "npm:18.2.0"
     react-dom: "npm:18.2.0"
   peerDependencies:
+    "@emotion/css": "*"
     "@emotion/react": "*"
     "@emotion/styled": "*"
     react: "*"
@@ -5985,13 +6064,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"diff-sequences@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "diff-sequences@npm:29.4.3"
-  checksum: 788bca9220b2c7453bed921045660717c0ffb4ba9ca1456417e6e32d67e21fcebc62b37c0291f8e32177aa7b30913dd2fe240dfb4872cfcd7a09b738f8f120d5
-  languageName: node
-  linkType: hard
-
 "diff@npm:^4.0.1":
   version: 4.0.2
   resolution: "diff@npm:4.0.2"
@@ -6607,19 +6679,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect@npm:^29.0.0":
-  version: 29.5.0
-  resolution: "expect@npm:29.5.0"
-  dependencies:
-    "@jest/expect-utils": "npm:^29.5.0"
-    jest-get-type: "npm:^29.4.3"
-    jest-matcher-utils: "npm:^29.5.0"
-    jest-message-util: "npm:^29.5.0"
-    jest-util: "npm:^29.5.0"
-  checksum: 106a886342eaaf0443937ac0e76fdf6adadf87462c22f153edd588db6103817e43044ec7cfa5ebb713dc3f0c373dce002a867aa549d06de42b4f219eb95ec27d
-  languageName: node
-  linkType: hard
-
 "extend@npm:~3.0.2":
   version: 3.0.2
   resolution: "extend@npm:3.0.2"
@@ -6858,9 +6917,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"framer-motion@npm:10.12.10":
-  version: 10.12.10
-  resolution: "framer-motion@npm:10.12.10"
+"framer-motion@npm:10.16.1":
+  version: 10.16.1
+  resolution: "framer-motion@npm:10.16.1"
   dependencies:
     "@emotion/is-prop-valid": "npm:^0.8.2"
     tslib: "npm:^2.4.0"
@@ -6875,7 +6934,7 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 069242dc3033c9aa4809b272d3ad425b47588beba71ed13148064e66340db158df47ac18e021fb2ff61272507cd3e9cb2b95ffe79135b59b2b7073b6801d06fa
+  checksum: 01b047a8457939821a742d4421679d1f91d448941d550c459f1cf407e18454b858e7e179b6d3a13af656519b2218e76b42ca6d6ddb351bf71c960a3732bd155c
   languageName: node
   linkType: hard
 
@@ -8614,18 +8673,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-diff@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-diff@npm:29.5.0"
-  dependencies:
-    chalk: "npm:^4.0.0"
-    diff-sequences: "npm:^29.4.3"
-    jest-get-type: "npm:^29.4.3"
-    pretty-format: "npm:^29.5.0"
-  checksum: 39da21a9a968edf1b646aa4e90c414f6aa183831f594d42acb1de39f7f3840c68fb1ce1af167b55d17453e666b0706aba625cdc757c6617471d37d88beb8719a
-  languageName: node
-  linkType: hard
-
 "jest-docblock@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-docblock@npm:27.5.1"
@@ -8727,13 +8774,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-get-type@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-get-type@npm:29.4.3"
-  checksum: f4e3ed9abb7473f91eef0c52dd7239a1eee5132a7c22016752b4488d45839dffe82698dd6b026d0999649d8436d1783e8cdff54967999577a40afff74c33b5ef
-  languageName: node
-  linkType: hard
-
 "jest-haste-map@npm:^27.4.5, jest-haste-map@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-haste-map@npm:27.5.1"
@@ -8850,18 +8890,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-matcher-utils@npm:29.5.0"
-  dependencies:
-    chalk: "npm:^4.0.0"
-    jest-diff: "npm:^29.5.0"
-    jest-get-type: "npm:^29.4.3"
-    pretty-format: "npm:^29.5.0"
-  checksum: 051f4085b9cc9b2a97bd5008f9e4d2ac774170cc3e2fea680a1770544e3c163c53a4cb1652091b67531896f079c3110d4f688c04ef8cac287b3d1036e6aa228b
-  languageName: node
-  linkType: hard
-
 "jest-message-util@npm:^27.4.2, jest-message-util@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-message-util@npm:27.5.1"
@@ -8896,23 +8924,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-message-util@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-message-util@npm:29.5.0"
-  dependencies:
-    "@babel/code-frame": "npm:^7.12.13"
-    "@jest/types": "npm:^29.5.0"
-    "@types/stack-utils": "npm:^2.0.0"
-    chalk: "npm:^4.0.0"
-    graceful-fs: "npm:^4.2.9"
-    micromatch: "npm:^4.0.4"
-    pretty-format: "npm:^29.5.0"
-    slash: "npm:^3.0.0"
-    stack-utils: "npm:^2.0.3"
-  checksum: 1f4b1881e8d09a2817f6c3b2a2013a04ace9cec4c2bb4b03301b1f28f22c001b730f18f7599acbe1663e3900b5e833e6273abec930a9e02ba7b74d2ee90ea4cd
-  languageName: node
-  linkType: hard
-
 "jest-mock@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-mock@npm:27.5.1"
@@ -9239,20 +9250,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-util@npm:29.5.0"
-  dependencies:
-    "@jest/types": "npm:^29.5.0"
-    "@types/node": "npm:*"
-    chalk: "npm:^4.0.0"
-    ci-info: "npm:^3.2.0"
-    graceful-fs: "npm:^4.2.9"
-    picomatch: "npm:^2.2.3"
-  checksum: 899989dcd95698c5212f224bddc586fd71f14a372a9f553c1ac2a8c64dae6e19078ccaf2c7b3d04d41b32e5dd0b655501c4333fbaca973d8e906a9676bb88d21
-  languageName: node
-  linkType: hard
-
 "jest-validate@npm:^27.4.2, jest-validate@npm:^27.5.1":
   version: 27.5.1
   resolution: "jest-validate@npm:27.5.1"
@@ -9943,6 +9940,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.throttle@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "lodash.throttle@npm:4.1.1"
+  checksum: 798dd59dd44b99c274f214698bf4aa8c337264ce843654399e6b610333c6fb67e3a0467c96c149fa0a8b5a22f16d811b66313575e52c6705eb999333f505c079
+  languageName: node
+  linkType: hard
+
 "lodash.union@npm:~4.6.0":
   version: 4.6.0
   resolution: "lodash.union@npm:4.6.0"
@@ -11498,17 +11502,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^29.0.0, pretty-format@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "pretty-format@npm:29.5.0"
-  dependencies:
-    "@jest/schemas": "npm:^29.4.3"
-    ansi-styles: "npm:^5.0.0"
-    react-is: "npm:^18.0.0"
-  checksum: bdacd8f5e21c8fa6b155ed13035494c752106540b7d93d724e2b9d23f27c605f63f3d775b0e78cfa1f6764012817529e73376ea11380a3e4d0931ec119a49842
-  languageName: node
-  linkType: hard
-
 "process-nextick-args@npm:~2.0.0":
   version: 2.0.1
   resolution: "process-nextick-args@npm:2.0.1"
@@ -11562,7 +11555,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.6.2":
+"prop-types@npm:^15.6.2, prop-types@npm:^15.7.2":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -11853,6 +11846,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-scroll@npm:1.8.9":
+  version: 1.8.9
+  resolution: "react-scroll@npm:1.8.9"
+  dependencies:
+    lodash.throttle: "npm:^4.1.1"
+    prop-types: "npm:^15.7.2"
+  peerDependencies:
+    react: ^15.5.4 || ^16.0.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^15.5.4 || ^16.0.0 || ^17.0.0 || ^18.0.0
+  checksum: 908205744608b41a7ba9f1d7471830a12137fa9575f263df1f7d9e20eb4a682f8a7a0b62eca2c3be3f04c1ed183c9cb83a91b947ab472e219813cfc3f9c9fb7a
+  languageName: node
+  linkType: hard
+
 "react@npm:*, react@npm:18.2.0":
   version: 18.2.0
   resolution: "react@npm:18.2.0"