Initial commit — Aspekter VA email builder

Full project: Svelte 5 frontend, Vite 7 backend API,
Pug email templates (email-gen), Docker deployment.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

z51-pug-builder/public/Block.pug

@@ -0,0 +1,156 @@
+//Заголовок зеленый
+tr 
+    td.paddingWrapperBig
+        +defaultTable("100%")
+            tr 
+                td(align="center")
+                    span.text.smallHeader.bold.greenText Конитива, герой!
+
+
+//Заголовок серый
+tr 
+    td.paddingWrapperBig
+        +defaultTable("100%")
+            tr 
+                td(align="center")
+                    span.text.smallHeader.bold.groceryText Конитива, герой!
+
+
+//Текст
+tr 
+    td.paddingWrapperBig
+        +defaultTable("100%")
+            tr 
+                td 
+                    span.text.groceryText Пока одни вспоминают старую «Якудзу-3» с ее бесконечными блоками и симулятором няньки, студия Ryu Ga Gotoku Studio готовит полноценную революцию!
+
+//Доп. текст
+            +spacerLine(20)
+            tr 
+                td 
+                    span.text.groceryText <span style="font-weight: 700;">Минимальные</span> 1080p&nbsp;/ 30&nbsp;FPS (с&nbsp;FSR)<br>Проц: Intel i3-8100&nbsp;/ AMD Ryzen 3 2300X<br>Видяха: NVIDIA GTX 1650&nbsp;/ AMD&nbsp;RX 6400<br>Оперативочка: 8&nbsp;ГБ<br>
+
+
+
+
+
+//Отступ 20
++spacerLine(20)
+
+
+//Отступ 40
++spacerLine(40)
+
+//3 товара в ряд
++products3inRow({
+    '144839': {
+        imageSrc: '',
+        name: 'BAD BUNNY',
+        category: 'Осторожно, этот кролик плохой)',
+    },
+    '142672': {
+        imageSrc: '',
+        name: 'MONARCH',
+        category: 'Ролекс среди кресел',
+    },
+    '140228': {
+        imageSrc: '',
+        name: 'Kitty Meow',
+        category: 'Кошечка делает мур-р-р!',
+    },
+})
+
+
+//Разделитель
++dividerZ(525, 2)
++spacerLine(40)
+
+//Банер
+tr 
+    td(align="center") 
+        a(href="https://z51.ru" target="_blank")
+            img(src="https://z51.ru/upload/email/newsletter-2026/20-01-2026/1.jpg" alt="pic" style="display: block" width="600")
+
+
+
+//Кнопка
+tr 
+    td(align="center").paddingWrapper 
+        +buttonRounded("Смотреть топовые ПК", "https://z51.ru/catalog/gaming-pc/", 525, 42, "#c9e905", 18, "#000000", 4, "#c9e905").bold.text
+
+//Две кнопки
+tr 
+    td.paddingWrapper 
+        +defaultTable("100%")
+            tr 
+                td(width="250")
+                    +defaultTable("250")
+                        tr 
+                            td(align="center")
+                                +buttonRounded("Игровые кресла", "https://z51.ru/catalog/kresla/", 240, 42, "#c9e905", 18, "#000000", 4, "#c9e905").bold.text
+                +tdFixed(36)
+                td(width="250")
+                    +defaultTable("250")
+                        tr 
+                            td(align="center")
+                                +buttonRounded("Эргономичные кресла", "https://z51.ru/catalog/ergonomic-office-chairs/", 240, 42, "#c9e905", 18, "#000000", 4, "#c9e905", 4).bold.text
+
+
+//Блок преимуществ
+tr 
+    td.paddingWrapperBig
+        +defaultTable("100%")
+            tr 
+                td(align="center")
+                    span.text.smallHeader.bold.greenText Почему выбирают товары у Баззи?
+
++spacerLine(40)
+
+tr 
+    td.paddingWrapper 
+        +defaultTable("100%")
+            tr 
+                td(width="250" valign="top")
+                    +defaultTable("250")
+                        //Unordered List
+                        tr 
+                            td
+                                +defaultTable("100%")
+                                    tr 
+                                        +tdFixed(12, "center", "top").markerPadding
+                                            img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="pic" width="12")
+                                        +tdFixed(10)
+                                        td 
+                                            span.groceryText <span style="font-weight: 700; color: #DAFD04;">Официальный магазин</span><br />В наличии всё самое вкусное от ZONE&nbsp;51 — кресла, столы, периферия и аксессуары
+                                    +spacerLine(20)
+                                    tr 
+                                        +tdFixed(12, "center", "top").markerPadding
+                                            img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="pic" width="12")
+                                        +tdFixed(10)
+                                        td 
+                                            span.groceryText <span style="font-weight: 700; color: #DAFD04;">Первоклассные и&nbsp;надежные продукты</span><br />Из качественных, инопланетных и <span style="text-decoration: line-through;">вроде как</span> безопасных материалов для себя, родных и&nbsp;друзей. Не&nbsp;понравилось? Можешь вернуть в&nbsp;течение 28 дней с&nbsp;даты приобретения
+                +tdFixed(36)
+                td(width="250" valign="top")
+                    +defaultTable("250")
+                        tr 
+                            td
+                                +defaultTable("100%")
+                                    tr 
+                                        +tdFixed(12, "center", "top").markerPadding
+                                            img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="pic" width="12")
+                                        +tdFixed(10)
+                                        td 
+                                            span.groceryText <span style="font-weight: 700; color: #DAFD04;">Новинки и эксклюзивы</span><br />Я постоянно потею над&nbsp;новыми товарами, которые можно приобрести только здесь
+                                    +spacerLine(20)
+                                    tr 
+                                        +tdFixed(12, "center", "top").markerPadding
+                                            img(src="https://z51.ru/upload/email/master-template/markers/marker.png" alt="pic" width="12")
+                                        +tdFixed(10)
+                                        td 
+                                            span.groceryText <span style="font-weight: 700; color: #DAFD04;">Клиенто-ориентированность</span><br />Даю до 3 лет гарантии на&nbsp;свой товар +1 год за&nbsp;покупку в&nbsp;фирменном магазине ZONE&nbsp;51 (онлайн и&nbsp;офлайн), а&nbsp;человеки у&nbsp;трубки помогут быстро обкашлять любые вопросы
++spacerLine(40)
+
+tr 
+    td(align="center").paddingWrapper 
+        +buttonRounded("Залетай к нам!", "https://z51.ru/", 300, 42, "#c9e905", 18, "#000000", 4, "#c9e905").bold.text
+//Конец блока преимуществ