wip

src/global-styles/mixins.scss

+@mixin container {
+	margin: 0 auto;
+	padding: 0 20px;
+	max-width: 1000px;
+}
+
+@mixin pageInner {
+	flex-grow: 1;
+	display: flex;
+	margin: 0 30px 30px;
+	padding: 54px;
+	background-image: url("/uploads/images/bg-leaves.svg");
+	background-repeat: no-repeat;
+	background-size: 100% auto;
+	background-position: bottom center;
+
+	@media (max-width: $mobile) {
+		margin: 0;
+		padding: 0 30px 30px;
+		background-image: url("/uploads/images/bg-leaves-mob.svg");
+	}
+}
+
+@mixin list-reset {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}

src/main.scss

 @import "/global-styles/variables.scss";
+@import "/global-styles/mixins.scss";
 @import "/global-styles/typography.scss";
 

src/view/block/info/Info.jsx

 export default D.declare('view.block.Info', function(cfg, children) {
   return <div>
     <div class={'img-baba'}>{cfg.img}</div>
-    {children}
-    <div class={'img-butn'}>{cfg.buttons}</div>
+    <div class={'img-butn'}>{children}{cfg.buttons}</div>
   </div>
 });

src/view/page/account/Account.jsx

 import Info from '/view/block/info/Info.jsx';
+import './welcomePage.scss';
 
-export default D.declare('view.page.Account', ()=>
-  <div>
-    Account Page
-    <div>
+export default D.declare('view.page.Account', () =>
+    <div class="welcome-page">
+        <div class="welcome-page__wrapper">
             Hello, {store.val('account.name')}
 
-        <Info img={<img/>} buttons={<button>bb</button>}>
+            <Info
+                img={
+                    <picture>
+                        <source />
+                        <img src="/uploads/images/assistant-welcome.svg" alt={"Изображение помощника"}/>
+                    </picture>
+                    }
+                buttons={<button>bb</button>}>
                 <h1>olololo</h1>
             </Info>
         </div>

src/view/page/account/welcomePage.scss

+.welcome-page {
+	@include pageInner;
+	background-color: $bg-accent;
+}
+
+.welcome-page__wrapper {
+	@include container;
+	display: flex;
+}

src/view/page/login/loginPage.scss

 .login-page {
-	flex-grow: 1;
-	display: flex;
+	@include pageInner;
 	flex-direction: column;
 	align-items: center;
-	margin: 0 30px 30px;
-	padding: 54px;
 	text-align: center;
-	background-image: url("/uploads/images/bg-leaves.svg");
-	background-repeat: no-repeat;
-	background-size: 100% auto;
-	background-position: bottom center;
-
-	@media (max-width: $mobile) {
-		margin: 0;
-		padding: 0 30px 30px;
-		background-image: url("/uploads/images/bg-leaves-mob.svg");
-	}
 }
 
 .login-page__big-logo {