<!DOCTYPE html><html lang="uk" class="inter_e19d2d7c-module__059u1G__variable jetbrains_mono_98fbf94d-module__un90DG__variable instrument_serif_54eeac5c-module__-qZRCq__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/051742360c26797e-s.p.0f97p8c3305p~.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/9c72aa0f40e4eef8-s.p.0m6w47a4e5dy9.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/studio/founder.png"/><link rel="stylesheet" href="/_next/static/chunks/0-uw0y_tnnfx7.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0~.v5deoc7-9j.js"/><script src="/_next/static/chunks/117962l_kk191.js" async=""></script><script src="/_next/static/chunks/15tov5za9vyes.js" async=""></script><script src="/_next/static/chunks/0174xh3wfsjm1.js" async=""></script><script src="/_next/static/chunks/turbopack-0ua_onejygwjp.js" async=""></script><script src="/_next/static/chunks/09y13f0b1a_r~.js" async=""></script><script src="/_next/static/chunks/0klzsk3v7qwo~.js" async=""></script><script src="/_next/static/chunks/0pav4g~ezy29u.js" async=""></script><script src="/_next/static/chunks/0coaewoedhzh3.js" async=""></script><script src="/_next/static/chunks/1829w435rt1r2.js" async=""></script><script src="/_next/static/chunks/0tvry2~bflh5..js" async=""></script><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#0A0C10"/><title>VardiTech — Інженерна студія</title><meta name="description" content="Інженерна студія VardiTech: сайти, мобільні застосунки та внутрішні системи для власників бізнесу."/><meta property="og:title" content="VardiTech — Інженерна студія"/><meta property="og:description" content="Інженерна студія VardiTech: сайти, мобільні застосунки та внутрішні системи."/><meta property="og:url" content="https://varditech.com/"/><meta property="og:site_name" content="VardiTech"/><meta property="og:image" content="https://varditech.com/studio/founder.svg"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="VardiTech — Інженерна студія"/><meta name="twitter:description" content="Сайти, мобільні застосунки, внутрішні системи."/><meta name="twitter:image" content="https://varditech.com/studio/founder.svg"/><script>(function(){
  try {
    var k='vt.lang';
    var stored=window.localStorage&&window.localStorage.getItem(k);
    var nav=(navigator&&navigator.language||'').toLowerCase();
    var lang=(stored==='uk'||stored==='en')?stored:(nav.indexOf('uk')===0?'uk':(nav?'en':'uk'));
    document.documentElement.lang=lang;
    document.documentElement.setAttribute('data-lang',lang);
  } catch(e) {}
})();</script><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script><style data-emotion="mui-global xdvbr4">@layer mui{html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-text-size-adjust:100%;}*,*::before,*::after{box-sizing:inherit;}strong,b{font-weight:700;}body{margin:0;color:#F4F6FA;font-size:1rem;line-height:1.55;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;background-color:#0A0C10;}@media print{body{background-color:#fff;}}body::backdrop{background-color:#0A0C10;}}</style><style data-emotion="mui-global 1ns3woy">@layer mui{:root{--vt-bg:#0A0C10;--vt-bg-alt:#0F1218;--vt-project-visual:#161A22;--vt-fg:#F4F6FA;--vt-muted:rgba(244, 246, 250, 0.55);--vt-accent:#7FE7C4;--vt-accent-ink:#062018;--vt-accent-soft:rgba(127, 231, 196, 0.06);--vt-accent-glow:rgba(127, 231, 196, 0.35);--vt-accent2:#5B8CFF;--vt-accent2-glow:rgba(91, 140, 255, 0.40);--vt-hairline:rgba(244, 246, 250, 0.10);--vt-card-bg:rgba(244, 246, 250, 0.035);--vt-card-bd:rgba(244, 246, 250, 0.10);--vt-card-bg-strong:rgba(244, 246, 250, 0.06);--vt-glass-blur:20px;--vt-nav-bg:rgba(10, 12, 16, 0.70);--vt-bubble-bot:rgba(244, 246, 250, 0.06);--vt-bubble-user:#7FE7C4;--vt-bubble-user-fg:#062018;--vt-rad-s:8px;--vt-rad-m:14px;--vt-rad-l:20px;--vt-rad-xl:28px;--vt-rad-pill:999px;--vt-font-display:var(--font-display, "Instrument Serif", "Cormorant Garamond", Georgia, serif);--vt-font-body:var(--font-inter, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--vt-font-mono:var(--font-mono, "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace);--vt-display-weight:400;--vt-dur-fast:120ms;--vt-dur:220ms;--vt-dur-slow:600ms;--vt-ease:cubic-bezier(0.2, 0, 0, 1);}*,*::before,*::after{box-sizing:border-box;}html,body{margin:0;padding:0;background:var(--vt-bg);color:var(--vt-fg);font-family:var(--vt-font-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}a{color:inherit;-webkit-text-decoration:none;text-decoration:none;}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;}.vt-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--vt-rad-s);font-family:var(--vt-font-mono);font-size:13px;letter-spacing:0.02em;-webkit-transition:all var(--vt-dur) var(--vt-ease);transition:all var(--vt-dur) var(--vt-ease);border:1px solid transparent;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.vt-btn--primary{background:var(--vt-accent);color:var(--vt-accent-ink);}.vt-btn--primary:hover{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-filter:brightness(1.05);filter:brightness(1.05);}.vt-btn--primary:disabled{opacity:0.4;cursor:not-allowed;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;}.vt-btn--icon{width:40px;height:40px;padding:0;gap:0;font-size:18px;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}.vt-btn--ghost{background:rgba(244, 246, 250, 0.04);color:var(--vt-fg);border-color:var(--vt-hairline);}.vt-btn--ghost:hover{border-color:var(--vt-fg);background:rgba(244, 246, 250, 0.08);}.vt-chip{padding:8px 14px;border-radius:999px;border:1px solid var(--vt-hairline);color:var(--vt-muted);font-family:var(--vt-font-mono);font-size:12px;-webkit-transition:all var(--vt-dur);transition:all var(--vt-dur);cursor:pointer;background:transparent;}.vt-chip:hover{color:var(--vt-fg);border-color:var(--vt-fg);background:rgba(244, 246, 250, 0.06);}.vt-eyebrow{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;border:1px solid var(--vt-hairline);background:rgba(244, 246, 250, 0.035);font-family:var(--vt-font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--vt-muted);}.vt-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:var(--vt-accent);box-shadow:0 0 12px var(--vt-accent-glow);-webkit-animation:vtPulse 2s infinite;animation:vtPulse 2s infinite;}@-webkit-keyframes vtPulse{0%,100%{opacity:1;}50%{opacity:0.35;}}@keyframes vtPulse{0%,100%{opacity:1;}50%{opacity:0.35;}}.vt-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:18px 32px;background:var(--vt-nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--vt-hairline);font-family:var(--vt-font-mono);font-size:13px;}.vt-nav__brand{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;}.vt-nav__mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--vt-accent);color:var(--vt-accent-ink);font-size:16px;font-weight:700;border-radius:var(--vt-rad-s);}.vt-nav__wordmark{font-family:var(--vt-font-display);font-weight:600;font-size:15px;letter-spacing:-0.01em;}.vt-nav__tag{color:var(--vt-muted);font-size:10px;letter-spacing:0.12em;padding-left:10px;border-left:1px solid var(--vt-hairline);}.vt-nav__links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:28px;}.vt-nav__link{color:var(--vt-muted);-webkit-transition:color var(--vt-dur);transition:color var(--vt-dur);-webkit-text-decoration:none;text-decoration:none;}.vt-nav__link:hover{color:var(--vt-fg);}.vt-nav__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;}.vt-hero{position:relative;min-height:100vh;padding:120px 32px 80px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;isolation:isolate;overflow:hidden;}.vt-hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;}.vt-hero__aurora{position:absolute;inset:-20% -10%;background:radial-gradient(40% 40% at 20% 30%, var(--vt-accent-glow), transparent 60%),radial-gradient(50% 50% at 85% 70%, var(--vt-accent2-glow), transparent 60%);-webkit-filter:blur(40px);filter:blur(40px);opacity:0.65;}.vt-hero__inner{position:relative;z-index:2;max-width:920px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:28px;text-align:center;}.vt-hero__coords{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24px;font-family:var(--vt-font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--vt-muted);}.vt-hero__coords span{position:relative;}.vt-hero__coords span+span::before{content:"·";position:absolute;left:-14px;}.vt-hero__title{margin:0;font-family:var(--vt-font-display);font-size:clamp(2.4rem, 6.5vw, 5.5rem);line-height:1.02;letter-spacing:-0.035em;font-weight:400;font-style:italic;text-wrap:balance;color:var(--vt-fg);}.vt-hero__title em{font-style:normal;background:linear-gradient(120deg, var(--vt-accent), var(--vt-accent2));-webkit-background-clip:text;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.vt-hero__sub{margin:0;max-width:640px;font-size:clamp(1rem, 1.6vw, 1.2rem);color:var(--vt-muted);line-height:1.55;}.vt-hero__meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-family:var(--vt-font-mono);font-size:12px;color:var(--vt-muted);padding-top:8px;margin:0;list-style:none;}.vt-hero__meta li{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}.vt-hero__meta b{display:inline-block;margin-right:8px;color:var(--vt-accent);font-weight:500;}.vt-hero__rail{position:absolute;bottom:24px;left:32px;right:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-family:var(--vt-font-mono);font-size:10px;color:var(--vt-muted);letter-spacing:0.18em;z-index:2;}.vt-chat-wrap{width:100%;max-width:640px;margin-top:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:14px;}.vt-chat{width:100%;background:var(--vt-card-bg);border:1px solid var(--vt-card-bd);border-radius:var(--vt-rad-l);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.vt-chat__head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--vt-hairline);font-family:var(--vt-font-mono);font-size:11px;}.vt-chat__dot{width:8px;height:8px;border-radius:50%;background:var(--vt-accent);box-shadow:0 0 8px var(--vt-accent);}.vt-chat__title{color:var(--vt-fg);font-weight:500;}.vt-chat__meta{margin-left:auto;color:var(--vt-muted);letter-spacing:0.1em;}.vt-chat__log{padding:18px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;max-height:240px;min-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(244,246,250,0.18) transparent;}.vt-chat__log::-webkit-scrollbar{width:6px;}.vt-chat__log::-webkit-scrollbar-thumb{background:rgba(244,246,250,0.18);border-radius:3px;}.vt-bubble{max-width:86%;padding:10px 14px;border-radius:var(--vt-rad-m);}.vt-bubble p{margin:0;font-size:14px;line-height:1.5;}.vt-bubble__label{display:block;font-family:var(--vt-font-mono);font-size:10px;color:var(--vt-muted);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:4px;}.vt-bubble--bot{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;background:var(--vt-bubble-bot);}.vt-bubble--user{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;background:var(--vt-bubble-user);color:var(--vt-bubble-user-fg);}.vt-bubble--user .vt-bubble__label{color:rgba(6,32,24,0.6);}.vt-chat__chips{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;padding:0;}.vt-chat__input{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--vt-hairline);background:rgba(0,0,0,0.2);-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.vt-chat__input textarea,.vt-chat__input input{-webkit-flex:1;-ms-flex:1;flex:1;background:transparent;border:0;outline:0;resize:none;font-family:var(--vt-font-body);font-size:14px;line-height:1.5;color:var(--vt-fg);min-height:84px;}.vt-chat__input textarea::-webkit-input-placeholder{color:var(--vt-muted);}.vt-chat__input textarea::-moz-placeholder{color:var(--vt-muted);}.vt-chat__input textarea:-ms-input-placeholder{color:var(--vt-muted);}.vt-chat__input input::-webkit-input-placeholder{color:var(--vt-muted);}.vt-chat__input input::-moz-placeholder{color:var(--vt-muted);}.vt-chat__input input:-ms-input-placeholder{color:var(--vt-muted);}.vt-chat__input textarea::placeholder,.vt-chat__input input::placeholder{color:var(--vt-muted);}.vt-chat__sent{padding:20px 22px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.vt-chat__sent p{margin:0;font-size:14px;color:var(--vt-muted);}.vt-chat__check{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--vt-accent);color:var(--vt-accent-ink);font-size:14px;font-weight:700;}.vt-chat__honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;}.vt-section__head{display:grid;grid-template-columns:minmax(240px, 1fr) 2fr;gap:48px;padding:0 48px;max-width:1400px;margin:0 auto;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.vt-section__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;}.vt-section__num{font-family:var(--vt-font-mono);font-size:11px;letter-spacing:0.18em;color:var(--vt-accent);}.vt-section__title{font-family:var(--vt-font-display);font-size:clamp(2.25rem, 4vw, 3.5rem);letter-spacing:-0.03em;font-weight:400;font-style:italic;line-height:1;margin:0;}.vt-section__lead{margin:6px 0 0;font-size:1.05rem;color:var(--vt-muted);max-width:60ch;line-height:1.55;}.vt-works{position:relative;background:var(--vt-bg-alt);}.vt-works__sticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden;padding-top:96px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.vt-works__head{padding-bottom:24px;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;grid-template-columns:none!important;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.vt-works__counter{font-family:var(--vt-font-mono);font-size:14px;color:var(--vt-muted);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:6px;}.vt-works__cur{font-size:32px;color:var(--vt-fg);font-variant-numeric:tabular-nums;}.vt-works__sep{opacity:0.4;}.vt-works__total{font-variant-numeric:tabular-nums;}.vt-works__stage{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;padding:0 48px 48px;max-width:1400px;width:100%;margin:0 auto;}.vt-project{position:absolute;inset:0 48px 48px 48px;background:var(--vt-card-bg);border:1px solid var(--vt-card-bd);border-radius:var(--vt-rad-xl);overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;gap:0;will-change:transform;box-shadow:0 40px 80px rgba(0,0,0,0.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}.vt-project__visual{position:relative;background:var(--vt-project-visual);display:grid;place-items:center;padding:48px;border-right:1px solid var(--vt-hairline);overflow:hidden;}.vt-project__frame{position:relative;width:100%;height:100%;border-radius:var(--vt-rad-m);overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,0.35);-webkit-transition:-webkit-transform 600ms var(--vt-ease);transition:transform 600ms var(--vt-ease);}.vt-project__frame img{width:100%;height:100%;object-fit:cover;display:block;}.vt-project:hover .vt-project__frame{-webkit-transform:scale(1.015);-moz-transform:scale(1.015);-ms-transform:scale(1.015);transform:scale(1.015);}.vt-project__badge{position:absolute;top:20px;left:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;font-family:var(--vt-font-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--vt-accent-ink);background:var(--vt-accent);padding:6px 10px;border-radius:var(--vt-rad-s);z-index:2;}.vt-project__body{padding:48px 56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;overflow-y:auto;}.vt-project__eyebrow{font-family:var(--vt-font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--vt-muted);}.vt-project__title{margin:4px 0 0;font-family:var(--vt-font-display);font-size:clamp(2rem, 3.5vw, 3.25rem);line-height:1;letter-spacing:-0.03em;font-weight:400;font-style:italic;color:var(--vt-fg);}.vt-project__sub{margin:0;font-size:1.125rem;color:var(--vt-fg);max-width:40ch;line-height:1.4;}.vt-project__desc{margin:0;font-size:0.95rem;color:var(--vt-muted);line-height:1.6;max-width:50ch;}.vt-project__tech{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;margin-top:6px;}.vt-tech{font-family:var(--vt-font-mono);font-size:11px;padding:4px 10px;border:1px solid var(--vt-hairline);border-radius:999px;color:var(--vt-muted);}.vt-works__rail{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;padding:18px 48px;border-top:1px solid var(--vt-hairline);font-family:var(--vt-font-mono);font-size:11px;overflow-x:auto;background:var(--vt-bg-alt);}.vt-works__tick{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;color:var(--vt-muted);-webkit-transition:all var(--vt-dur);transition:all var(--vt-dur);white-space:nowrap;}.vt-works__tick.is-on{color:var(--vt-fg);}.vt-works__tick.is-on .vt-works__tick-num{color:var(--vt-accent);}.vt-works__tick-num{font-weight:500;}.vt-works__tick-lbl{letter-spacing:0.02em;}.vt-services{padding:120px 0;background:var(--vt-bg);}.vt-services__grid{margin:56px 48px 0;max-width:1400px;margin-left:max(48px, calc((100% - 1400px) / 2));margin-right:max(48px, calc((100% - 1400px) / 2));padding:0;display:grid;grid-template-columns:repeat(4, 1fr);gap:1px;background:var(--vt-hairline);border:1px solid var(--vt-hairline);list-style:none;}.vt-service{padding:32px 28px 28px;background:var(--vt-bg);-webkit-transition:background var(--vt-dur);transition:background var(--vt-dur);cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;list-style:none;}.vt-service:hover,.vt-service.is-active{background:var(--vt-accent-soft);}.vt-service:hover .vt-service__arrow{-webkit-transform:translate(2px, -2px);-moz-transform:translate(2px, -2px);-ms-transform:translate(2px, -2px);transform:translate(2px, -2px);color:var(--vt-accent);}.vt-service__head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.vt-service__code{font-family:var(--vt-font-mono);font-size:11px;letter-spacing:0.14em;color:var(--vt-muted);}.vt-service__arrow{font-size:20px;color:var(--vt-muted);-webkit-transition:all var(--vt-dur);transition:all var(--vt-dur);display:inline-block;}.vt-service__title{margin:0;font-family:var(--vt-font-display);font-size:1.75rem;letter-spacing:-0.02em;font-weight:400;font-style:italic;color:var(--vt-fg);}.vt-service__body{margin:0;font-size:0.95rem;color:var(--vt-muted);line-height:1.55;-webkit-flex:1;-ms-flex:1;flex:1;}.vt-service__stack{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;font-family:var(--vt-font-mono);font-size:10px;letter-spacing:0.08em;color:var(--vt-muted);text-transform:uppercase;}.vt-service__stack span::after{content:"·";margin:0 4px;opacity:0.5;}.vt-service__stack span:last-child::after{display:none;}.vt-studio{padding:120px 0;background:var(--vt-bg-alt);}.vt-studio__grid{margin:56px auto 0;max-width:1400px;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;}.vt-studio__founder{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:48px;padding-bottom:64px;border-bottom:1px solid var(--vt-hairline);-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.vt-studio__portrait{width:220px;height:280px;background:linear-gradient(135deg, rgba(127, 231, 196, 0.22), rgba(91, 140, 255, 0.22));border:1px solid var(--vt-hairline);border-radius:var(--vt-rad-m);display:grid;place-items:center;font-family:var(--vt-font-display);font-size:44px;letter-spacing:-0.03em;color:var(--vt-accent);font-weight:700;overflow:hidden;}.vt-studio__portrait img{width:100%;height:100%;object-fit:cover;}.vt-studio__founder-name{font-family:var(--vt-font-display);font-size:1.75rem;letter-spacing:-0.02em;font-weight:400;font-style:italic;color:var(--vt-fg);}.vt-studio__founder-title{font-family:var(--vt-font-mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--vt-muted);margin-top:4px;}.vt-studio__bio{margin:16px 0 0;color:var(--vt-muted);max-width:60ch;line-height:1.6;}.vt-studio__bio p{margin:0 0 12px;}.vt-studio__subhead{font-family:var(--vt-font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--vt-accent);margin-bottom:18px;}.vt-studio__team ul,.vt-studio__values ul,.vt-studio__contacts ul{list-style:none;margin:0;padding:0;}.vt-studio__values{grid-column:1/-1;}.vt-studio__values ul{display:grid;grid-template-columns:repeat(2, 1fr);-webkit-column-gap:64px;column-gap:64px;}.vt-studio__team li{display:grid;grid-template-columns:36px 1.1fr 1.5fr;gap:12px;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--vt-hairline);font-size:14px;}.vt-studio__team-n{font-family:var(--vt-font-mono);font-size:11px;color:var(--vt-muted);}.vt-studio__team-name{font-weight:500;color:var(--vt-fg);}.vt-studio__team-role{color:var(--vt-muted);}.vt-studio__values li{padding:18px 0;border-bottom:1px solid var(--vt-hairline);}.vt-studio__value-t{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12px;font-family:var(--vt-font-display);font-size:1.125rem;letter-spacing:-0.01em;font-weight:500;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;color:var(--vt-fg);}.vt-studio__value-t span{font-family:var(--vt-font-mono);font-size:11px;color:var(--vt-accent);}.vt-studio__values li p{margin:8px 0 0;color:var(--vt-muted);font-size:0.95rem;line-height:1.55;}.vt-studio__contacts{grid-column:1/-1;}.vt-studio__contacts ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:0;border-top:1px solid var(--vt-hairline);border-left:1px solid var(--vt-hairline);}.vt-studio__contacts li{border-right:1px solid var(--vt-hairline);border-bottom:1px solid var(--vt-hairline);}.vt-studio__contacts a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:24px 28px;-webkit-transition:background var(--vt-dur),color var(--vt-dur);transition:background var(--vt-dur),color var(--vt-dur);font-family:var(--vt-font-mono);font-size:13px;color:var(--vt-fg);-webkit-text-decoration:none;text-decoration:none;}.vt-studio__contacts a:hover{background:var(--vt-accent-soft);color:var(--vt-accent);}.vt-studio__contact-v{color:var(--vt-muted);}.vt-project-body h2{font-family:var(--vt-font-display);font-style:italic;font-weight:400;font-size:clamp(1.75rem, 3vw, 2.25rem);letter-spacing:-0.02em;color:var(--vt-fg);margin-top:2rem;margin-bottom:0.75rem;}.vt-project-body p{margin:0 0 1rem;color:var(--vt-muted);}.vt-footer{position:relative;background:var(--vt-bg);border-top:1px solid var(--vt-hairline);padding:48px 48px 0;overflow:hidden;}.vt-footer__mark{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-family:var(--vt-font-mono);font-size:12px;color:var(--vt-muted);letter-spacing:0.1em;}.vt-footer__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px;margin-top:32px;padding-bottom:32px;border-bottom:1px solid var(--vt-hairline);}.vt-footer__k{font-family:var(--vt-font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--vt-muted);margin-bottom:8px;}.vt-footer__v{font-size:0.95rem;color:var(--vt-fg);}.vt-footer__bigmark{font-family:var(--vt-font-display);font-size:clamp(4rem, 18vw, 17rem);letter-spacing:-0.04em;font-weight:400;font-style:italic;line-height:0.85;color:transparent;-webkit-text-stroke:1px rgba(244, 246, 250, 0.15);text-align:center;margin:0;padding-top:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;}@media (max-width: 900px){.vt-project{grid-template-columns:1fr;inset:0 16px 16px 16px;}.vt-project__visual{padding:18px;min-height:40vh;border-right:0;border-bottom:1px solid var(--vt-hairline);}.vt-project__body{padding:24px;}.vt-works__sticky{padding-top:80px;}.vt-works__stage{padding:0 8px 8px;}.vt-works__rail{padding:14px 18px;}.vt-services{padding:80px 0;}.vt-services__grid{grid-template-columns:1fr 1fr;margin-left:18px;margin-right:18px;}.vt-studio{padding:80px 0;}.vt-studio__grid{grid-template-columns:1fr;padding:0 18px;gap:40px;}.vt-studio__founder{grid-template-columns:100px 1fr;gap:20px;}.vt-studio__portrait{width:100px;height:130px;font-size:32px;}.vt-studio__values ul{grid-template-columns:1fr;}.vt-studio__contacts ul{grid-template-columns:1fr;}.vt-footer{padding:32px 18px 0;}.vt-footer__grid{grid-template-columns:1fr 1fr;}}@media (max-width: 780px){.vt-nav{padding:14px 18px;}.vt-nav__links,.vt-nav__tag{display:none;}.vt-hero{padding:100px 18px 60px;}.vt-hero__rail{display:none;}.vt-section__head{grid-template-columns:1fr;gap:18px;padding:0 18px;}}@media (max-width: 520px){.vt-services__grid{grid-template-columns:1fr;}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{-webkit-animation-duration:0.01ms!important;animation-duration:0.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important;}:root{--vt-dur-fast:0ms;--vt-dur:0ms;--vt-dur-slow:0ms;}.vt-eyebrow__dot{-webkit-animation:none!important;animation:none!important;}}}</style></head><body><div hidden=""><!--$--><!--/$--></div><nav class="vt-nav" aria-label="Primary"><a class="vt-nav__brand" aria-label="VardiTech" href="#top"><span class="vt-nav__mark" aria-hidden="true">▞</span><span class="vt-nav__wordmark">VardiTech</span><span class="vt-nav__tag">ENGINEERING STUDIO</span></a><div class="vt-nav__links"><a class="vt-nav__link" href="#works">Роботи</a><a class="vt-nav__link" href="#services">Послуги</a><a class="vt-nav__link" href="#studio">Студія</a></div><div class="vt-nav__actions"><button type="button" aria-label="Мова: UK" style="background:transparent;border:1px solid var(--vt-hairline);border-radius:var(--vt-rad-s);color:var(--vt-muted);font-family:var(--vt-font-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;padding:8px 12px;cursor:pointer;transition:color var(--vt-dur), border-color var(--vt-dur)">UK</button><a href="#chat" class="vt-btn vt-btn--primary" aria-label="Чат">Чат<!-- --> <span aria-hidden="true">→</span></a></div></nav><main><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"VardiTech","url":"https://varditech.com","logo":"https://varditech.com/favicon.svg","sameAs":["https://t.me/em_vardany"]}</script><section class="vt-hero" id="top"><div class="vt-hero__bg" data-testid="hero-background" aria-hidden="true"><div class="vt-hero__aurora"></div></div><div class="vt-hero__inner"><div class="vt-hero__coords"><span>50.4501° N</span><span>30.5234° E</span><span>ЧЕРКАСИ · UA</span></div><div class="vt-eyebrow"><span class="vt-eyebrow__dot" aria-hidden="true"></span>Доступні для нових проєктів</div><h1 class="vt-hero__title">Перетворюємо ідею на продукт, який працює.</h1><p class="vt-hero__sub">Інженерна студія VardiTech: сайти, мобільні застосунки та внутрішні системи для власників бізнесу.</p><div class="vt-chat-wrap"><section id="chat" class="vt-chat" aria-label="Чат зі студією"><div class="vt-chat__head"><span class="vt-chat__dot" aria-hidden="true"></span><span class="vt-chat__title">studio.chat</span><span class="vt-chat__meta">END-TO-END · PRIVATE</span></div><form class="vt-chat__input"><label for="vt-chat-textarea" style="position:absolute;left:-10000px">Повідомлення у чаті</label><textarea id="vt-chat-textarea" aria-label="Повідомлення у чаті" placeholder="Опишіть ідею — кілька речень" rows="4"></textarea><input type="text" aria-label="Website" aria-hidden="true" autoComplete="off" tabindex="-1" class="vt-chat__honeypot" name="website"/><button type="submit" class="vt-btn vt-btn--primary vt-btn--icon" disabled="" aria-label="Надіслати" title="Надіслати"><span aria-hidden="true">→</span></button></form></section><div role="group" aria-label="Швидкий старт" class="vt-chat__chips"><button type="button" class="vt-chip">Сайт</button><button type="button" class="vt-chip">Застосунок</button><button type="button" class="vt-chip">Система</button><button type="button" class="vt-chip">Не знаю</button></div></div></div><div class="vt-hero__rail" aria-hidden="true"><span></span><span>↓ SCROLL</span></div></section><section id="works" class="vt-works" aria-label="Роботи" style="height:500vh"><div class="vt-works__sticky"><div class="vt-section__head vt-works__head"><div class="vt-section__label"><span class="vt-section__num">W.02</span><span class="vt-section__title">Роботи</span></div><div class="vt-works__counter" aria-hidden="true"><span class="vt-works__cur">01</span><span class="vt-works__sep">/</span><span class="vt-works__total">05</span></div></div><div class="vt-works__stage"><article class="vt-project" style="z-index:1;transform:translateY(0vh) scale(1)" data-project-index="0" data-project-total="5"><div class="vt-project__visual"><div class="vt-project__frame"><img src="/work/biblegym/cover.jpg" alt="BibleGym — cover" loading="lazy"/><div class="vt-project__badge"><span>01</span><span>Mobile</span></div></div></div><div class="vt-project__body"><div class="vt-project__eyebrow">Mobile · Власний продукт · 2023–2025</div><h3 class="vt-project__title">BibleGym</h3><p class="vt-project__sub">Гейміфікована мобільна платформа для щоденного читання Біблії.</p><p class="vt-project__desc">BibleGym — флагманський внутрішній продукт студії. Мобільний застосунок, який перетворює щоденне читання Біблії на стійку звичку через прогрес, серії й тиху спільноту. Створений повністю силами команди, без зовнішніх …</p><div class="vt-project__tech"><span class="vt-tech">React Native</span><span class="vt-tech">React.js</span><span class="vt-tech">Node.js</span><span class="vt-tech">MongoDB</span><span class="vt-tech">AWS</span><span class="vt-tech">Firebase</span></div><a class="vt-btn vt-btn--ghost" style="align-self:flex-start;margin-top:4px" href="/work/biblegym/">Кейс цілком<!-- --> <span aria-hidden="true">→</span></a></div></article><article class="vt-project" style="z-index:2;transform:translateY(100vh) scale(1)" data-project-index="1" data-project-total="5"><div class="vt-project__visual"><div class="vt-project__frame"><img src="/work/gem/cover.jpg" alt="GEM Marketplace — cover" loading="lazy"/><div class="vt-project__badge"><span>02</span><span>Web</span></div></div></div><div class="vt-project__body"><div class="vt-project__eyebrow">Web · Marketplace · 2024–2025</div><h3 class="vt-project__title">GEM Marketplace</h3><p class="vt-project__sub">Маркетплейс освітніх матеріалів для викладачів і учнів.</p><p class="vt-project__desc">GEM (Global Education Market) — двостронній маркетплейс, де викладачі продають власні освітні матеріали (методички, шаблони, відеоуроки), а учні їх купують. Замовник прийшов з продуктовою ідеєю — студія взяла повний ц…</p><div class="vt-project__tech"><span class="vt-tech">React</span><span class="vt-tech">TypeScript</span><span class="vt-tech">Vite</span><span class="vt-tech">Node.js</span><span class="vt-tech">Express</span><span class="vt-tech">MongoDB</span><span class="vt-tech">Redux Toolkit</span></div><a class="vt-btn vt-btn--ghost" style="align-self:flex-start;margin-top:4px" href="/work/gem/">Кейс цілком<!-- --> <span aria-hidden="true">→</span></a></div></article><article class="vt-project" style="z-index:3;transform:translateY(100vh) scale(1)" data-project-index="2" data-project-total="5"><div class="vt-project__visual"><div class="vt-project__frame"><img src="/work/regeneration/cover.jpg" alt="Regeneration Church — cover" loading="lazy"/><div class="vt-project__badge"><span>03</span><span>Web</span></div></div></div><div class="vt-project__body"><div class="vt-project__eyebrow">Web · Церква · 2024</div><h3 class="vt-project__title">Regeneration Church</h3><p class="vt-project__sub">Сайт української церкви з мультимовністю та галереєю служінь.</p><p class="vt-project__desc">Regeneration — українська християнська церква, що збиралась оновити веб-присутність. Старий сайт був на застарілому WordPress-шаблоні, не мав англійської версії, повільно вантажився на мобільному.</p><div class="vt-project__tech"><span class="vt-tech">React</span><span class="vt-tech">i18next</span><span class="vt-tech">React Router</span><span class="vt-tech">Responsive design</span></div><a class="vt-btn vt-btn--ghost" style="align-self:flex-start;margin-top:4px" href="/work/regeneration/">Кейс цілком<!-- --> <span aria-hidden="true">→</span></a></div></article><article class="vt-project" style="z-index:4;transform:translateY(100vh) scale(1)" data-project-index="3" data-project-total="5"><div class="vt-project__visual"><div class="vt-project__frame"><img src="/work/viz-remodeling/cover.jpg" alt="VIZ Remodeling — cover" loading="lazy"/><div class="vt-project__badge"><span>04</span><span>Web</span></div></div></div><div class="vt-project__body"><div class="vt-project__eyebrow">Web · USA · 2025</div><h3 class="vt-project__title">VIZ Remodeling</h3><p class="vt-project__sub">Лендінг для встановлення вікон у Пенсильванії та Нью-Джерсі.</p><p class="vt-project__desc">VIZ Remodeling LLC — бізнес встановлення вікон, що працює у Пенсильванії та Нью-Джерсі. Засновники прийшли до студії з готовою стратегією та чітким UX-патерном: показувати ціну до того, як просити контакти, бо у їхній…</p><div class="vt-project__tech"><span class="vt-tech">Next.js 15</span><span class="vt-tech">TypeScript</span><span class="vt-tech">Tailwind CSS 4</span><span class="vt-tech">Framer Motion</span><span class="vt-tech">React Hook Form</span><span class="vt-tech">Zod</span><span class="vt-tech">Resend</span><span class="vt-tech">Vercel</span></div><a class="vt-btn vt-btn--ghost" style="align-self:flex-start;margin-top:4px" href="/work/viz-remodeling/">Кейс цілком<!-- --> <span aria-hidden="true">→</span></a></div></article><article class="vt-project" style="z-index:5;transform:translateY(100vh) scale(1)" data-project-index="4" data-project-total="5"><div class="vt-project__visual"><div class="vt-project__frame"><img src="/work/ph-services/cover.jpg" alt="PH Services — cover" loading="lazy"/><div class="vt-project__badge"><span>05</span><span>Web</span></div></div></div><div class="vt-project__body"><div class="vt-project__eyebrow">Web · B2C · 2026</div><h3 class="vt-project__title">PH Services</h3><p class="vt-project__sub">Сайт будівельного підрядника з Пенсильванії — металеві дахи, фасади, тераси, перголи.</p><p class="vt-project__desc">PH Services — будівельний підрядник із Пенсильванії, що працює у штатах PA, NJ та DE. Послуги: металеві покрівлі, фасади, тераси, перголи та under-deck водовідвідні системи. Клієнт хотів сайт, який одночасно виглядає …</p><div class="vt-project__tech"><span class="vt-tech">Next.js 15</span><span class="vt-tech">React 19</span><span class="vt-tech">Tailwind CSS 4</span><span class="vt-tech">Framer Motion</span><span class="vt-tech">Lenis</span></div><a class="vt-btn vt-btn--ghost" style="align-self:flex-start;margin-top:4px" href="/work/ph-services/">Кейс цілком<!-- --> <span aria-hidden="true">→</span></a></div></article></div><div class="vt-works__rail" aria-hidden="true"><div class="vt-works__tick is-on"><span class="vt-works__tick-num">01</span><span class="vt-works__tick-lbl">BibleGym</span></div><div class="vt-works__tick "><span class="vt-works__tick-num">02</span><span class="vt-works__tick-lbl">GEM Marketplace</span></div><div class="vt-works__tick "><span class="vt-works__tick-num">03</span><span class="vt-works__tick-lbl">Regeneration Church</span></div><div class="vt-works__tick "><span class="vt-works__tick-num">04</span><span class="vt-works__tick-lbl">VIZ Remodeling</span></div><div class="vt-works__tick "><span class="vt-works__tick-num">05</span><span class="vt-works__tick-lbl">PH Services</span></div></div></div></section><section id="services" class="vt-services" aria-label="Послуги"><div class="vt-section__head"><div class="vt-section__label"><span class="vt-section__num">W.03</span><span class="vt-section__title">Послуги</span></div></div><ul class="vt-services__grid"><li class="vt-service is-active"><div class="vt-service__head"><span class="vt-service__code">S01</span><span class="vt-service__arrow" aria-hidden="true">↗</span></div><h3 class="vt-service__title">Web</h3><p class="vt-service__body">Лендінги, корпоративні сайти, вебзастосунки. Швидко, зручно, SEO-чисто.</p><div class="vt-service__stack"><span>Next.js</span><span>React</span><span>TypeScript</span></div></li><li class="vt-service"><div class="vt-service__head"><span class="vt-service__code">S02</span><span class="vt-service__arrow" aria-hidden="true">↗</span></div><h3 class="vt-service__title">Mobile</h3><p class="vt-service__body">iOS та Android застосунки на React Native — один код, дві платформи.</p><div class="vt-service__stack"><span>React Native</span><span>Expo</span><span>Firebase</span></div></li><li class="vt-service"><div class="vt-service__head"><span class="vt-service__code">S03</span><span class="vt-service__arrow" aria-hidden="true">↗</span></div><h3 class="vt-service__title">CRM / ERP</h3><p class="vt-service__body">Внутрішні системи для обліку, продажів і операцій. Економлять години на тиждень.</p><div class="vt-service__stack"><span>Node.js</span><span>PostgreSQL</span><span>React</span></div></li><li class="vt-service"><div class="vt-service__head"><span class="vt-service__code">S04</span><span class="vt-service__arrow" aria-hidden="true">↗</span></div><h3 class="vt-service__title">AI</h3><p class="vt-service__body">Чат-боти, автоматизація процесів, інтеграція LLM у ваш продукт.</p><div class="vt-service__stack"><span>Claude</span><span>LangChain</span><span>Vector DB</span></div></li></ul></section><section id="studio" class="vt-studio" aria-label="Студія"><div class="vt-section__head"><div class="vt-section__label"><span class="vt-section__num">W.04</span><span class="vt-section__title">Студія</span></div><p class="vt-section__lead">VardiTech — інженерна студія, що поєднує дизайн, розробку та стратегію в один безшовний процес.</p></div><div class="vt-studio__grid"><div class="vt-studio__founder"><div class="vt-studio__portrait"><img src="/studio/founder.png" alt="Emmanuil Vardanian"/></div><div><div class="vt-studio__founder-name">Emmanuil Vardanian</div><div class="vt-studio__founder-title">Засновник і тімлід VardiTech</div><div class="vt-studio__bio"><p>VardiTech — інженерна студія, що збирає продукти для власників бізнесу: сайти, мобільні застосунки та внутрішні системи. Ми працюємо із замовниками від інноваційних стартапів до зрілих компаній по всьому світу, спеціалізуємось на JavaScript-стеку (React, React Native, Node.js, MongoDB/PostgreSQL).</p></div></div></div><div class="vt-studio__values"><div class="vt-studio__subhead">Цінності<!-- --> · <!-- -->04</div><ul><li><div class="vt-studio__value-t"><span>01</span>Глибоке занурення у проєкт</div><p>Не просто пишемо код за години — розбираємось у бізнесі, ринку і пріоритетах, щоб кожна функція мала сенс.</p></li><li><div class="vt-studio__value-t"><span>02</span>Поважаємо ваші ресурси</div><p>Оптимізуємо інфраструктуру і сервіси, щоб ви не переплачували за хмару там, де це не потрібно.</p></li><li><div class="vt-studio__value-t"><span>03</span>Чесність у термінах і бюджетах</div><p>Прозорість у спілкуванні, відповідальність за результати. Слово — це репутація.</p></li><li><div class="vt-studio__value-t"><span>04</span>Якість як питання гідності</div><p>Кожен рядок коду й кожна функція проходять перегляд. Недбалості тут немає.</p></li></ul></div><div class="vt-studio__contacts"><div class="vt-studio__subhead">Контакти</div><ul><li><a href="https://t.me/em_vardany" target="_blank" rel="noreferrer"><span>Telegram</span><span class="vt-studio__contact-v">@em_vardany</span><span aria-hidden="true">↗</span></a></li><li><a href="https://linkedin.com/in/emmanuil-vardanian" target="_blank" rel="noreferrer"><span>LinkedIn</span><span class="vt-studio__contact-v">emmanuil-vardanian</span><span aria-hidden="true">↗</span></a></li><li><a href="mailto:varditech.connect@gmail.com"><span>Email</span><span class="vt-studio__contact-v">varditech.connect@gmail.com</span><span aria-hidden="true">↗</span></a></li></ul></div></div></section><!--$--><!--/$--></main><footer class="vt-footer"><div class="vt-footer__mark"><span aria-hidden="true">▞</span><span>VardiTech</span></div><div class="vt-footer__grid"><div><div class="vt-footer__k">Студія</div><div class="vt-footer__v">Черкаси, Україна · працюємо глобально</div></div><div><div class="vt-footer__k">Email</div><div class="vt-footer__v"><a href="mailto:varditech.connect@gmail.com">varditech.connect@gmail.com</a></div></div><div><div class="vt-footer__k">Telegram</div><div class="vt-footer__v"><a href="https://t.me/em_vardany" target="_blank" rel="noreferrer">@em_vardany</a></div></div><div><div class="vt-footer__k">© <!-- -->2026</div><div class="vt-footer__v">Усі права збережено</div></div></div><div class="vt-footer__bigmark" aria-hidden="true">VARDITECH</div></footer><script src="/_next/static/chunks/0~.v5deoc7-9j.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[96923,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\"],\"AppProviders\"]\n3:I[39756,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\"],\"default\"]\n5:I[36768,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\",\"/_next/static/chunks/0coaewoedhzh3.js\"],\"default\"]\n6:I[38551,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\",\"/_next/static/chunks/1829w435rt1r2.js\",\"/_next/static/chunks/0tvry2~bflh5..js\"],\"HeroBackground\"]\n7:I[78040,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\",\"/_next/static/chunks/1829w435rt1r2.js\",\"/_next/static/chunks/0tvry2~bflh5..js\"],\"HeroIntro\"]\n8:I[38429,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\",\"/_next/static/chunks/1829w435rt1r2.js\",\"/_next/static/chunks/0tvry2~bflh5..js\"],\"HeroChat\"]\n9:I[89227,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\",\"/_next/static/chunks/1829w435rt1r2.js\",\"/_next/static/chunks/0tvry2~bflh5..js\"],\"HeroRail\"]\na:I[60209,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\",\"/_next/static/chunks/1829w435rt1r2.js\",\"/_next/static/chunks/0tvry2~bflh5..js\"],\"StackScroll\"]\n16:I[68027,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0-uw0y_tnnfx7.css\",\"style\"]\n:HL[\"/_next/static/media/051742360c26797e-s.p.0f97p8c3305p~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/9c72aa0f40e4eef8-s.p.0m6w47a4e5dy9.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nb:T7f1,\n## Контекст\n\nBibleGym — флагманський внутрішній продукт студії. Мобільний застосунок, який перетворює щоденне читання Біблії на стійку звичку через прогрес, серії й тиху спільноту. Створений повністю силами команди, без зовнішніх інвестицій.\n\n## Виклик\n\nПеретворити тривалу духовну практику на щоденну звичку, не розмиваючи зміст і не перетворюючи Писання на TikTok. Показати прогрес так, щоб він мотивував, але не дратував. Виростити аудиторію з нульовим маркетинговим бюджетом.\n\n## Рішення\n\nКороткі плани читання, серії з акуратним рестартом, тихий момент share-to-community наприкінці сесії, кросплатформна синхронізація mobile + web, офлайн-читання з фоновою синхронізацією, аудіо-озвучка та візуальні гайди. Геймифікація — не через бейджі, а через відчутний прогрес по книгах і темах.\n\n## Технологічний стек\n\nReact Native (iOS + Android), React.js (web), Node.js + MongoDB на бекенді, AWS S3 для мед"])</script><script>self.__next_f.push([1,"іа, Firebase для push і аналітики.\n\n## Результати\n\n- 2 300+ активних користувачів за 12 місяців органічного росту.\n- 85% місячна утримка, ~15 хв середня сесія.\n- 4.8/5 середня оцінка на обох сторах.\n- Включений у тематичні освітні добірки.\n- Працює у продакшені з постійними оновленнями.\nc:T778,\n## Контекст\n\nGEM (Global Education Market) — двостронній маркетплейс, де викладачі продають власні освітні матеріали (методички, шаблони, відеоуроки), а учні їх купують. Замовник прийшов з продуктовою ідеєю — студія взяла повний цикл: backend, web frontend, адмін-панель.\n\n## Виклик\n\nЗібрати маркетплейс з нуля так, щоб одна команда могла підтримувати три застосунки одночасно. Каталог з гнучкою таксономією. Профілі продавців з власною вітриною. Безпечний flow оплати. Окрема адмінка для модерації контенту й розгляду суперечок.\n\n## Рішення\n\nМоноплатформа на React + TypeScript для frontend, окрема React-адмінка, Node.js + Express + MongoDB на бекенді. Redux Toolkit для стейту, оптимізовані запити з SWR-патернами. Окрема система ролей: гість → покупець → продавець → адмін.\n\n## Технологічний стек\n\nReact 18, TypeScript, Vite, Tailwind, Redux Toolkit, React Router, Node.js, Express, MongoDB, Mongoose, JWT-аутентифікація.\n\n## Результати\n\nСтабільна продакшн-платформа з трьома окремими застосунками (storefront, seller dashboard, admin) і єдиним API. Система ролей та модерації покриває весь життєвий цикл матеріалу — від завантаження продавцем до публікації після перевірки.\nd:T7f5,\n## Контекст\n\nRegeneration — українська християнська церква, що збиралась оновити веб-присутність. Старий сайт був на застарілому WordPress-шаблоні, не мав англійської версії, повільно вантажився на мобільному.\n\n## Виклик\n\nСайт мав одночасно служити трьом аудиторіям: україномовним прихожанам, англомовним відвідувачам із діаспори, новим людям, що шукають церкву. Контент-секцій багато (проповіді, галерея, пастори, події), але візуально все мало залишатись стриманим і теплим — не «лендінг», а простір.\n\n## Рішення\n\nReact + i18next для мультимовності, окремі контент-розділи для проповідей, галереї служінь, інформації про пасторів та програми залучення нових людей. Responsive layout від мобільного вгору. Гнучка структура секцій, щоб церква могла самостійно додавати нові події без розробника.\n\n## Технологічний стек\n\nReact, React Router, i18next (UA/EN/RU), CSS modules, статичний контент через структуровані JSON-файли.\n\n## Результати\n\nСайт із трьома мовами, повним покриттям "])</script><script>self.__next_f.push([1,"контент-секцій (проповіді, галерея, пастори, події, контакти, форма приєднання) і чистим mobile-досвідом. Структура контенту дозволяє команді церкви додавати оновлення без втручання розробника.\ne:T744,\n## Контекст\n\nVIZ Remodeling LLC — бізнес встановлення вікон, що працює у Пенсильванії та Нью-Джерсі. Засновники прийшли до студії з готовою стратегією та чітким UX-патерном: показувати ціну до того, як просити контакти, бо у їхній ніші середньостатистичний клієнт втомився від pushy salesmen.\n\n## Виклик\n\nЗробити сайт, який виглядає так, ніби його зробив Apple, а не локальна підрядна фірма. Mobile-first — більшість трафіку з телефонів. Конверсійний шлях: побачив ціну → довіра виросла → залишив контакти. Жодного «зателефонуйте, щоб дізнатися ціну».\n\n## Рішення\n\nNext.js 15 на App Router, Tailwind 4 для стилів, Framer Motion для тонких переходів, React Hook Form + Zod для валідації, Resend для транзакційних листів. Дизайн — Tesla/Apple level: типографіка велика, простір багато, відсутність декоративного шуму.\n\n## Технологічний стек\n\nNext.js 15, TypeScript, Tailwind CSS 4, Framer Motion, React Hook Form + Zod, Resend (email), Vercel (deploy).\n\n## Результати\n\nСайт із чітким конверсійним шляхом «ціна → довіра → контакт», оптимізований під мобільне споживання. Tesla/Apple-style мінімалізм відрізняє бренд від типових підрядних сайтів у ніші.\nf:T812,\n## Контекст\n\nPH Services — будівельний підрядник із Пенсильванії, що працює у штатах PA, NJ та DE. Послуги: металеві покрівлі, фасади, тераси, перголи та under-deck водовідвідні системи. Клієнт хотів сайт, який одночасно виглядає преміально і швидко конвертує відвідувача в запит на безкоштовну оцінку.\n\n## Виклик\n\nФото власних об'єктів — головний актив, і саме їх треба було показати крупно без жертв у швидкості. Пʼять сторінок послуг мали жити в одній мові дизайну, але кожна — зі своєю категорією робіт, матеріалами й CTA. Мобільний — основний трафік.\n\n## Рішення\n\nNext.js 15 з App Router, окремі сторінки для кожної категорії послуг (metal-roofing, metal-siding, decking, pergolas, under-deck-system). Spa-like переходи на Framer Motion, згладжений скрол через Lenis, липкий mobile CTA для дзвінка в один тап. Типографіка на Instrument Serif + Instrument Sans — виразний hero і дисципліноване тіло.\n\n## Технологічний стек\n\nNext.js 15, React 19, Tailwind CSS 4, Framer Motion, Lenis, next/image для оптимізації галерей об'єктів.\n\n## Результати\n\nСайт, що тримає бренд підрядника в одному регістрі по всіх пʼяти категоріях послуг, з явним шляхом до форми оці"])</script><script>self.__next_f.push([1,"нки і телефонного дзвінка. Архітектура контенту дозволяє легко додавати нові послуги, не ламаючи головну.\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0-uw0y_tnnfx7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/09y13f0b1a_r~.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0pav4g~ezy29u.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"uk\",\"className\":\"inter_e19d2d7c-module__059u1G__variable jetbrains_mono_98fbf94d-module__un90DG__variable instrument_serif_54eeac5c-module__-qZRCq__variable\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){\\n  try {\\n    var k='vt.lang';\\n    var stored=window.localStorage\u0026\u0026window.localStorage.getItem(k);\\n    var nav=(navigator\u0026\u0026navigator.language||'').toLowerCase();\\n    var lang=(stored==='uk'||stored==='en')?stored:(nav.indexOf('uk')===0?'uk':(nav?'en':'uk'));\\n    document.documentElement.lang=lang;\\n    document.documentElement.setAttribute('data-lang',lang);\\n  } catch(e) {}\\n})();\"}}]}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"VardiTech\\\",\\\"url\\\":\\\"https://varditech.com\\\",\\\"logo\\\":\\\"https://varditech.com/favicon.svg\\\",\\\"sameAs\\\":[\\\"https://t.me/em_vardany\\\"]}\"}}],[\"$\",\"section\",null,{\"className\":\"vt-hero\",\"id\":\"top\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"div\",null,{\"className\":\"vt-hero__inner\",\"children\":[[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{\"id\":\"chat\"}]]}],[\"$\",\"$L9\",null,{}]]}],[\"$\",\"$La\",null,{\"projects\":[{\"slug\":\"biblegym\",\"title\":\"BibleGym\",\"title_en\":\"BibleGym\",\"subtitle\":\"Гейміфікована мобільна платформа для щоденного читання Біблії.\",\"subtitle_en\":\"Gamified mobile platform for daily Bible reading.\",\"category\":\"mobile\",\"featured\":true,\"order\":1,\"bento_size\":\"large\",\"bento_variant\":\"dark\",\"hero_eyebrow\":\"Mobile · Власний продукт · 2023–2025\",\"hero_eyebrow_en\":\"Mobile · In-house product · 2023–2025\",\"technologies\":[\"React Native\",\"React.js\",\"Node.js\",\"MongoDB\",\"AWS\",\"Firebase\"],\"metrics\":[{\"label\":\"активних користувачів\",\"value\":\"2 300+\"},{\"label\":\"місячна утримка\",\"value\":\"85%\"},{\"label\":\"середня сесія\",\"value\":\"15+ хв\"},{\"label\":\"маркетинговий бюджет\",\"value\":\"$$0\"}],\"links\":\"$undefined\",\"meta_title\":\"BibleGym — VardiTech\",\"meta_title_en\":\"BibleGym — VardiTech\",\"meta_description\":\"Власний продукт студії: гейміфікована платформа читання Біблії. 2.3K+ органічних користувачів, 85% утримка.\",\"meta_description_en\":\"Studio in-house product: gamified Bible-reading platform. 2.3K+ organic users, 85% retention.\",\"created_at\":\"2023-09-01\",\"updated_at\":\"2026-04-20\",\"url\":\"/work/biblegym/\",\"cover_src\":\"/work/biblegym/cover.jpg\",\"og_src\":\"/work/biblegym/og.jpg\",\"screenshots\":[\"/work/biblegym/screenshot-01.jpg\",\"/work/biblegym/screenshot-02.jpg\",\"/work/biblegym/screenshot-03.jpg\",\"/work/biblegym/screenshot-04.jpg\",\"/work/biblegym/screenshot-05.jpg\"],\"body_uk\":\"$b\",\"body_en\":null},{\"slug\":\"gem\",\"title\":\"GEM Marketplace\",\"title_en\":\"GEM Marketplace\",\"subtitle\":\"Маркетплейс освітніх матеріалів для викладачів і учнів.\",\"subtitle_en\":\"Marketplace for educational materials between teachers and students.\",\"category\":\"web\",\"featured\":false,\"order\":2,\"bento_size\":\"small\",\"bento_variant\":\"dark\",\"hero_eyebrow\":\"Web · Marketplace · 2024–2025\",\"hero_eyebrow_en\":\"Web · Marketplace · 2024–2025\",\"technologies\":[\"React\",\"TypeScript\",\"Vite\",\"Node.js\",\"Express\",\"MongoDB\",\"Redux Toolkit\"],\"metrics\":[{\"label\":\"ролі\",\"value\":\"продавець + покупець\"},{\"label\":\"пайплайн\",\"value\":\"full-stack + admin\"}],\"links\":\"$undefined\",\"meta_title\":\"GEM Marketplace — VardiTech\",\"meta_title_en\":\"GEM Marketplace — VardiTech\",\"meta_description\":\"Двостронній маркетплейс цифрових освітніх ресурсів: каталог, оплата, профілі продавців, адмінка.\",\"meta_description_en\":\"Two-sided marketplace for digital educational resources: catalog, payments, seller profiles, admin.\",\"created_at\":\"2024-04-01\",\"updated_at\":\"2026-04-20\",\"url\":\"/work/gem/\",\"cover_src\":\"/work/gem/cover.jpg\",\"og_src\":\"/work/gem/og.jpg\",\"screenshots\":[\"/work/gem/screenshot-01.jpg\",\"/work/gem/screenshot-02.jpg\",\"/work/gem/screenshot-03.jpg\",\"/work/gem/screenshot-04.jpg\",\"/work/gem/screenshot-05.jpg\"],\"body_uk\":\"$c\",\"body_en\":null},{\"slug\":\"regeneration\",\"title\":\"Regeneration Church\",\"title_en\":\"Regeneration Church\",\"subtitle\":\"Сайт української церкви з мультимовністю та галереєю служінь.\",\"subtitle_en\":\"Website for a Ukrainian church with multilingual content and ministry galleries.\",\"category\":\"web\",\"featured\":false,\"order\":3,\"bento_size\":\"small\",\"bento_variant\":\"light\",\"hero_eyebrow\":\"Web · Церква · 2024\",\"hero_eyebrow_en\":\"Web · Church · 2024\",\"technologies\":[\"React\",\"i18next\",\"React Router\",\"Responsive design\"],\"metrics\":[{\"label\":\"мови\",\"value\":\"UA / EN / RU\"},{\"label\":\"секції\",\"value\":\"проповіді, галерея, контакти\"}],\"links\":\"$undefined\",\"meta_title\":\"Regeneration Church — VardiTech\",\"meta_title_en\":\"Regeneration Church — VardiTech\",\"meta_description\":\"Сайт церкви Regeneration: розклад служінь, проповіді, галерея, контакти. Три мови.\",\"meta_description_en\":\"Regeneration church website: services schedule, sermons, gallery, contacts. Three languages.\",\"created_at\":\"2024-08-15\",\"updated_at\":\"2026-04-20\",\"url\":\"/work/regeneration/\",\"cover_src\":\"/work/regeneration/cover.jpg\",\"og_src\":\"/work/regeneration/og.jpg\",\"screenshots\":[\"/work/regeneration/screenshot-01.jpg\",\"/work/regeneration/screenshot-02.jpg\",\"/work/regeneration/screenshot-03.jpg\",\"/work/regeneration/screenshot-04.jpg\",\"/work/regeneration/screenshot-05.jpg\"],\"body_uk\":\"$d\",\"body_en\":null},{\"slug\":\"viz-remodeling\",\"title\":\"VIZ Remodeling\",\"title_en\":\"VIZ Remodeling\",\"subtitle\":\"Лендінг для встановлення вікон у Пенсильванії та Нью-Джерсі.\",\"subtitle_en\":\"Landing page for window installation in Pennsylvania and New Jersey.\",\"category\":\"web\",\"featured\":false,\"order\":4,\"bento_size\":\"small\",\"bento_variant\":\"dark\",\"hero_eyebrow\":\"Web · USA · 2025\",\"hero_eyebrow_en\":\"Web · USA · 2025\",\"technologies\":[\"Next.js 15\",\"TypeScript\",\"Tailwind CSS 4\",\"Framer Motion\",\"React Hook Form\",\"Zod\",\"Resend\",\"Vercel\"],\"metrics\":[{\"label\":\"ринок\",\"value\":\"PA + NJ\"},{\"label\":\"підхід\",\"value\":\"ціна до контакту\"}],\"links\":\"$undefined\",\"meta_title\":\"VIZ Remodeling — VardiTech\",\"meta_title_en\":\"VIZ Remodeling — VardiTech\",\"meta_description\":\"Сайт встановлення вікон для USA. Tesla/Apple-style мінімалізм, mobile-first, ціна показується до запиту контактів.\",\"meta_description_en\":\"Window installation site for the US. Tesla/Apple minimalism, mobile-first, prices shown before lead capture.\",\"created_at\":\"2025-01-10\",\"updated_at\":\"2026-04-20\",\"url\":\"/work/viz-remodeling/\",\"cover_src\":\"/work/viz-remodeling/cover.jpg\",\"og_src\":\"/work/viz-remodeling/og.jpg\",\"screenshots\":[\"/work/viz-remodeling/screenshot-01.jpg\",\"/work/viz-remodeling/screenshot-02.jpg\",\"/work/viz-remodeling/screenshot-03.jpg\",\"/work/viz-remodeling/screenshot-04.jpg\",\"/work/viz-remodeling/screenshot-05.jpg\"],\"body_uk\":\"$e\",\"body_en\":null},{\"slug\":\"ph-services\",\"title\":\"PH Services\",\"title_en\":\"PH Services\",\"subtitle\":\"Сайт будівельного підрядника з Пенсильванії — металеві дахи, фасади, тераси, перголи.\",\"subtitle_en\":\"Website for a Pennsylvania exterior contractor — metal roofing, siding, decking, pergolas.\",\"category\":\"web\",\"featured\":false,\"order\":5,\"bento_size\":\"small\",\"bento_variant\":\"light\",\"hero_eyebrow\":\"Web · B2C · 2026\",\"hero_eyebrow_en\":\"Web · B2C · 2026\",\"technologies\":[\"Next.js 15\",\"React 19\",\"Tailwind CSS 4\",\"Framer Motion\",\"Lenis\"],\"metrics\":[{\"label\":\"ніша\",\"value\":\"exterior contractor\"},{\"label\":\"регіон\",\"value\":\"PA · NJ · DE\"},{\"label\":\"сторінок послуг\",\"value\":\"5\"}],\"links\":\"$undefined\",\"meta_title\":\"PH Services — VardiTech\",\"meta_title_en\":\"PH Services — VardiTech\",\"meta_description\":\"Сайт підрядника PH Services: металеві покрівлі, фасади, тераси, перголи та under-deck системи у PA/NJ/DE.\",\"meta_description_en\":\"PH Services contractor site: metal roofing, siding, decking, pergolas, and under-deck systems across PA/NJ/DE.\",\"created_at\":\"2026-03-20\",\"updated_at\":\"2026-04-22\",\"url\":\"/work/ph-services/\",\"cover_src\":\"/work/ph-services/cover.jpg\",\"og_src\":\"/work/ph-services/og.jpg\",\"screenshots\":[\"/work/ph-services/screenshot-01.jpg\",\"/work/ph-services/screenshot-02.jpg\",\"/work/ph-services/screenshot-03.jpg\",\"/work/ph-services/screenshot-04.jpg\",\"/work/ph-services/screenshot-05.jpg\"],\"body_uk\":\"$f\",\"body_en\":null}]}],\"$L10\",\"$L11\"],[\"$L12\",\"$L13\"],\"$L14\"]}],{},null,false,null]},null,false,null],\"$L15\",false]],\"m\":\"$undefined\",\"G\":[\"$16\",[\"$L17\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"r81qOY7kVDLrXhWn6F9JG\"}\n"])</script><script>self.__next_f.push([1,"18:I[72401,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\",\"/_next/static/chunks/1829w435rt1r2.js\",\"/_next/static/chunks/0tvry2~bflh5..js\"],\"ServicesGrid\"]\n19:I[23103,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\",\"/_next/static/chunks/1829w435rt1r2.js\",\"/_next/static/chunks/0tvry2~bflh5..js\"],\"StudioSection\"]\n1b:I[97367,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\"],\"OutletBoundary\"]\n1c:\"$Sreact.suspense\"\n1e:I[97367,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\"],\"ViewportBoundary\"]\n20:I[97367,[\"/_next/static/chunks/09y13f0b1a_r~.js\",\"/_next/static/chunks/0klzsk3v7qwo~.js\",\"/_next/static/chunks/0pav4g~ezy29u.js\"],\"MetadataBoundary\"]\n10:[\"$\",\"$L18\",null,{}]\n1a:T95a,"])</script><script>self.__next_f.push([1,"\n## Bio\n\nVardiTech — інженерна студія, що збирає продукти для власників бізнесу: сайти, мобільні застосунки та внутрішні системи. Ми працюємо із замовниками від інноваційних стартапів до зрілих компаній по всьому світу, спеціалізуємось на JavaScript-стеку (React, React Native, Node.js, MongoDB/PostgreSQL).\n\nМи прагнемо до глибокого розуміння кожного проєкту — занурюємось у нюанси, аналізуємо бізнес-процеси, ринкові умови й пріоритети. Мета — не просто написати код і витратити бюджет замовника, а створити рішення, яке відповідає потребам бізнесу на кожному етапі росту.\n\nКоманда невелика і свідомо росте поступово: засновник — інженер, тому кожен проєкт веде людина, яка сама пише код. Ми працюємо як продовження бізнесу замовника: розуміємо його мову, виклики й амбіції, щоб продукт ставав реальним інструментом росту, а не папкою з дашбордами.\n\n## Bio EN\n\nVardiTech is an engineering studio shipping products for business owners: websites, mobile apps, and internal systems. We work with clients from innovative startups to established companies worldwide, specializing in the JavaScript stack (React, React Native, Node.js, MongoDB/PostgreSQL).\n\nWe strive for deep understanding of every project — immersing ourselves in the nuances, studying business processes, market conditions, and priorities. The goal is not simply to write code and spend client budget, but to create solutions that match the business at every stage of its growth.\n\nThe team is small and grows deliberately: the founder is an engineer, so every project is led by someone who writes the code. We work as an extension of the client's business, understanding its language, challenges, and ambitions, so the product becomes a real growth tool — not a folder of dashboards.\n"])</script><script>self.__next_f.push([1,"11:[\"$\",\"$L19\",null,{\"studio\":{\"founder_name\":\"Emmanuil Vardanian\",\"founder_title\":\"Засновник і тімлід VardiTech\",\"founder_title_en\":\"Founder and team lead at VardiTech\",\"founder_photo\":\"/studio/founder.png\",\"founder_links\":[{\"label\":\"Telegram\",\"url\":\"https://t.me/em_vardany\",\"kind\":\"telegram\"},{\"label\":\"LinkedIn\",\"url\":\"https://linkedin.com/in/emmanuil-vardanian\",\"kind\":\"linkedin\"},{\"label\":\"Email\",\"url\":\"mailto:varditech.connect@gmail.com\",\"kind\":\"email\"}],\"team\":[{\"name\":\"Emmanuil Vardanian\",\"role_ua\":\"Засновник, тімлід, full-stack\",\"role_en\":\"Founder, team lead, full-stack\"},{\"name\":\"Project Manager + QA\",\"role_ua\":\"Координація проєктів, тестування\",\"role_en\":\"Project coordination, QA\"},{\"name\":\"Middle Full-Stack Engineer\",\"role_ua\":\"Архітектурні рішення, MERN\",\"role_en\":\"Architecture decisions, MERN stack\"},{\"name\":\"Full-Stack Engineer\",\"role_ua\":\"Frontend і backend розробка\",\"role_en\":\"Frontend and backend development\"}],\"values\":[{\"title_ua\":\"Глибоке занурення у проєкт\",\"title_en\":\"Deep project immersion\",\"body_ua\":\"Не просто пишемо код за години — розбираємось у бізнесі, ринку і пріоритетах, щоб кожна функція мала сенс.\",\"body_en\":\"We don't just bill hours — we study the business, the market, and the priorities so every feature earns its place.\"},{\"title_ua\":\"Поважаємо ваші ресурси\",\"title_en\":\"We respect your resources\",\"body_ua\":\"Оптимізуємо інфраструктуру і сервіси, щоб ви не переплачували за хмару там, де це не потрібно.\",\"body_en\":\"We tune cloud and infrastructure so you don't overpay for capacity you don't need.\"},{\"title_ua\":\"Чесність у термінах і бюджетах\",\"title_en\":\"Honest about timelines and budgets\",\"body_ua\":\"Прозорість у спілкуванні, відповідальність за результати. Слово — це репутація.\",\"body_en\":\"Transparent communication, accountability for outcomes. Our word is our reputation.\"},{\"title_ua\":\"Якість як питання гідності\",\"title_en\":\"Quality as a matter of pride\",\"body_ua\":\"Кожен рядок коду й кожна функція проходять перегляд. Недбалості тут немає.\",\"body_en\":\"Every line of code and every feature gets reviewed. No room for sloppiness.\"}],\"body_uk\":\"$1a\",\"bio_uk\":\"VardiTech — інженерна студія, що збирає продукти для власників бізнесу: сайти, мобільні застосунки та внутрішні системи. Ми працюємо із замовниками від інноваційних стартапів до зрілих компаній по всьому світу, спеціалізуємось на JavaScript-стеку (React, React Native, Node.js, MongoDB/PostgreSQL).\\n\\nМи прагнемо до глибокого розуміння кожного проєкту — занурюємось у нюанси, аналізуємо бізнес-процеси, ринкові умови й пріоритети. Мета — не просто написати код і витратити бюджет замовника, а створити рішення, яке відповідає потребам бізнесу на кожному етапі росту.\\n\\nКоманда невелика і свідомо росте поступово: засновник — інженер, тому кожен проєкт веде людина, яка сама пише код. Ми працюємо як продовження бізнесу замовника: розуміємо його мову, виклики й амбіції, щоб продукт ставав реальним інструментом росту, а не папкою з дашбордами.\",\"bio_en\":\"VardiTech is an engineering studio shipping products for business owners: websites, mobile apps, and internal systems. We work with clients from innovative startups to established companies worldwide, specializing in the JavaScript stack (React, React Native, Node.js, MongoDB/PostgreSQL).\\n\\nWe strive for deep understanding of every project — immersing ourselves in the nuances, studying business processes, market conditions, and priorities. The goal is not simply to write code and spend client budget, but to create solutions that match the business at every stage of its growth.\\n\\nThe team is small and grows deliberately: the founder is an engineer, so every project is led by someone who writes the code. We work as an extension of the client's business, understanding its language, challenges, and ambitions, so the product becomes a real growth tool — not a folder of dashboards.\"}}]\n"])</script><script>self.__next_f.push([1,"12:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1829w435rt1r2.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n13:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0tvry2~bflh5..js\",\"async\":true,\"nonce\":\"$undefined\"}]\n14:[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"$1c\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1d\"}]}]\n15:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1e\",null,{\"children\":\"$L1f\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$1c\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L21\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n17:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0-uw0y_tnnfx7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"1f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#0A0C10\"}]]\n"])</script><script>self.__next_f.push([1,"1d:null\n21:[[\"$\",\"title\",\"0\",{\"children\":\"VardiTech — Інженерна студія\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Інженерна студія VardiTech: сайти, мобільні застосунки та внутрішні системи для власників бізнесу.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"VardiTech — Інженерна студія\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Інженерна студія VardiTech: сайти, мобільні застосунки та внутрішні системи.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://varditech.com/\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"VardiTech\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image\",\"content\":\"https://varditech.com/studio/founder.svg\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:title\",\"content\":\"VardiTech — Інженерна студія\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:description\",\"content\":\"Сайти, мобільні застосунки, внутрішні системи.\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:image\",\"content\":\"https://varditech.com/studio/founder.svg\"}]]\n"])</script></body></html>