{"id":233,"date":"2026-07-11T16:12:05","date_gmt":"2026-07-11T16:12:05","guid":{"rendered":"https:\/\/www.head-up.cz\/?page_id=233"},"modified":"2026-07-19T09:38:42","modified_gmt":"2026-07-19T09:38:42","slug":"head-up-domu","status":"publish","type":"page","link":"https:\/\/www.head-up.cz\/","title":{"rendered":"Head-up domu"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-8c435e3c wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-8c435e3c wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-8c435e3c wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-8c435e3c wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-8c435e3c wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-8c435e3c wp-block-group-is-layout-constrained\">\n<style>\n  #hu-site{\n    --ink:#0a1120;\n    --panel:#0f1a30;\n    --panel-2:#132140;\n    --line:#26395c;\n    --line-soft:#1a2947;\n    --accent:#7cf7c4;\n    --accent-dim:rgba(124,247,196,.35);\n    --amber:#f2b84b;\n    --text:#e9edf6;\n    --text-dim:#93a2c2;\n    --text-faint:#5b6c8f;\n    --mono: 'IBM Plex Mono', ui-monospace, monospace;\n    --display: 'Chakra Petch', sans-serif;\n    --body: 'Inter', sans-serif;\n    --radius: 2px;\n    background:var(--ink);\n    color:var(--text);\n    font-family:var(--body);\n    line-height:1.5;\n    -webkit-font-smoothing:antialiased;\n    overflow-x:hidden;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Chakra+Petch:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');\n\n  #hu-site *{box-sizing:border-box; margin:0; padding:0;}\n  #hu-site a{color:inherit; text-decoration:none;}\n  #hu-site ul{list-style:none;}\n  #hu-site img{max-width:100%; display:block;}\n  #hu-site section{position:relative; padding:110px 6vw;}\n  #hu-site .hu-wrap{max-width:1180px; margin:0 auto; position:relative;}\n\n  \/* background instrument grid *\/\n  #hu-site .hu-grid-bg{\n    position:absolute; inset:0; pointer-events:none; z-index:0;\n    background-image:\n      linear-gradient(var(--line-soft) 1px, transparent 1px),\n      linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);\n    background-size:64px 64px;\n    opacity:.35;\n    mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 90%);\n  }\n\n  #hu-site .hu-eyebrow{\n    font-family:var(--mono); font-size:12px; letter-spacing:.22em; text-transform:uppercase;\n    color:var(--accent); display:flex; align-items:center; gap:10px; margin-bottom:18px;\n  }\n  #hu-site .hu-eyebrow::before{content:''; width:22px; height:1px; background:var(--accent);}\n\n  #hu-site h1,#hu-site h2,#hu-site h3{font-family:var(--display); font-weight:600; letter-spacing:-.01em; color:var(--text);}\n  #hu-site h2{font-size:clamp(28px,3.4vw,44px); margin-bottom:16px;}\n  #hu-site .hu-sub{color:var(--text-dim); font-size:17px; max-width:640px; margin-bottom:56px;}\n  #hu-site .hu-mono{font-family:var(--mono);}\n\n  \/* ---------- NAV ---------- *\/\n  #hu-site .hu-nav{\n    position:fixed; top:0; left:0; right:0; z-index:100;\n    display:flex; align-items:center; justify-content:space-between;\n    padding:18px 6vw; background:rgba(10,17,32,.82); backdrop-filter:blur(10px);\n    border-bottom:1px solid var(--line-soft);\n  }\n  #hu-site .hu-logo{font-family:var(--display); font-weight:700; font-size:19px; letter-spacing:.04em; display:flex; align-items:center; gap:9px;}\n  #hu-site .hu-logo .hu-dot{width:8px; height:8px; background:var(--accent); border-radius:50%; box-shadow:0 0 10px var(--accent);}\n  #hu-site .hu-navlinks{display:flex; gap:34px; font-size:14px; color:var(--text-dim);}\n  #hu-site .hu-navlinks a{transition:color .2s; position:relative;}\n  #hu-site .hu-navlinks a:hover, #hu-site .hu-navlinks a:focus-visible{color:var(--text);}\n  #hu-site .hu-navlinks a:hover::after,#hu-site .hu-navlinks a:focus-visible::after{width:100%;}\n  #hu-site .hu-navlinks a::after{content:''; position:absolute; left:0; bottom:-6px; height:1px; width:0; background:var(--accent); transition:width .25s;}\n  #hu-site .hu-nav-cta{\n    font-family:var(--mono); font-size:12.5px; letter-spacing:.05em; color:var(--ink);\n    background:var(--accent); padding:10px 18px; border-radius:var(--radius); white-space:nowrap;\n  }\n  #hu-site .hu-burger{display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:6px;}\n  #hu-site .hu-burger span{width:22px; height:2px; background:var(--text);}\n\n  \/* ---------- HERO ---------- *\/\n  #hu-site .hu-hero{\n    padding-top:170px; padding-bottom:90px;\n    display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center;\n  }\n  #hu-site .hu-hero h1{font-size:clamp(34px,5vw,60px); line-height:1.08; margin-bottom:22px;}\n  #hu-site .hu-hero h1 em{font-style:normal; color:var(--accent);}\n  #hu-site .hu-hero p{color:var(--text-dim); font-size:18px; max-width:520px; margin-bottom:36px;}\n  #hu-site .hu-cta-row{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:56px;}\n  #hu-site .hu-btn{\n    font-family:var(--mono); font-size:13.5px; letter-spacing:.04em; padding:14px 24px;\n    border-radius:var(--radius); border:1px solid var(--line); transition:.2s; cursor:pointer;\n  }\n  #hu-site .hu-btn-primary{background:var(--accent); color:var(--ink); border-color:var(--accent); font-weight:600;}\n  #hu-site .hu-btn-primary:hover, #hu-site .hu-btn-primary:focus-visible{box-shadow:0 0 0 3px var(--accent-dim);}\n  #hu-site .hu-btn-ghost{color:var(--text); background:transparent;}\n  #hu-site .hu-btn-ghost:hover, #hu-site .hu-btn-ghost:focus-visible{border-color:var(--accent); color:var(--accent);}\n\n  #hu-site .hu-readout{display:flex; gap:36px; padding-top:28px; border-top:1px solid var(--line-soft); max-width:560px;}\n  #hu-site .hu-readout div b{display:block; font-family:var(--display); font-size:26px; color:var(--accent);}\n  #hu-site .hu-readout div span{font-family:var(--mono); font-size:11px; color:var(--text-faint); letter-spacing:.06em; text-transform:uppercase;}\n\n  \/* hero HUD graphic *\/\n  #hu-site .hu-scope{position:relative; aspect-ratio:1\/1; max-width:460px; margin:0 auto;}\n  #hu-site .hu-scope svg{width:100%; height:100%;}\n  #hu-site .hu-ring{fill:none; stroke:var(--line); stroke-width:1;}\n  #hu-site .hu-ring-spin{transform-origin:center; animation:hu-spin 40s linear infinite;}\n  #hu-site .hu-tick{stroke:var(--line); stroke-width:1;}\n  #hu-site .hu-cross{stroke:var(--text-faint); stroke-width:1;}\n  #hu-site .hu-node{fill:var(--accent); filter:drop-shadow(0 0 6px var(--accent));}\n  #hu-site .hu-node-amber{fill:var(--amber); filter:drop-shadow(0 0 6px var(--amber));}\n  #hu-site .hu-node{animation:hu-pulse 2.6s ease-in-out infinite;}\n  #hu-site .hu-lock{fill:none; stroke:var(--accent); stroke-width:1.5; opacity:0; animation:hu-lock 3.2s ease-in-out infinite;}\n  #hu-site .hu-label{font-family:var(--mono); font-size:9px; fill:var(--text-faint); letter-spacing:.08em;}\n  @keyframes hu-spin{to{transform:rotate(360deg);}}\n  @keyframes hu-pulse{0%,100%{opacity:.55;} 50%{opacity:1;}}\n  @keyframes hu-lock{0%{opacity:0; transform:scale(1.4);} 20%{opacity:1; transform:scale(1);} 70%{opacity:1;} 100%{opacity:0; transform:scale(1);}}\n\n  \/* ---------- section framing \/ bracket cards ---------- *\/\n  #hu-site .hu-bracket{\n    position:relative; border:1px solid var(--line); background:var(--panel);\n    padding:30px 26px; border-radius:var(--radius);\n  }\n  #hu-site .hu-bracket::before,#hu-site .hu-bracket::after,\n  #hu-site .hu-bracket b.hu-c3,#hu-site .hu-bracket b.hu-c4{\n    content:''; position:absolute; width:14px; height:14px; border:1.5px solid var(--accent); opacity:.7;\n  }\n  #hu-site .hu-bracket::before{top:-1px; left:-1px; border-right:0; border-bottom:0;}\n  #hu-site .hu-bracket::after{top:-1px; right:-1px; border-left:0; border-bottom:0;}\n  #hu-site .hu-bracket b.hu-c3{bottom:-1px; left:-1px; border-right:0; border-top:0;}\n  #hu-site .hu-bracket b.hu-c4{bottom:-1px; right:-1px; border-left:0; border-top:0;}\n  #hu-site .hu-bracket:hover{background:var(--panel-2); transition:.25s;}\n\n  #hu-site .hu-id{font-family:var(--mono); font-size:11px; color:var(--accent); letter-spacing:.08em; margin-bottom:12px; display:block;}\n  #hu-site .hu-bracket h3{font-size:19px; margin-bottom:10px;}\n  #hu-site .hu-bracket p{color:var(--text-dim); font-size:14.5px;}\n\n  \/* reveal on scroll *\/\n  #hu-site .hu-reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}\n  #hu-site .hu-reveal.hu-in{opacity:1; transform:none;}\n\n  \/* ---------- O NAS ---------- *\/\n  #hu-site .hu-about{display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:start;}\n  #hu-site .hu-about p{color:var(--text-dim); font-size:16px; margin-bottom:16px;}\n  #hu-site .hu-about-panel{border-left:2px solid var(--accent); padding-left:22px;}\n  #hu-site .hu-about-list{display:flex; flex-direction:column; gap:18px; margin-top:8px;}\n  #hu-site .hu-about-list li{display:flex; gap:14px; font-size:14.5px; color:var(--text-dim);}\n  #hu-site .hu-about-list li .hu-mono{color:var(--accent); flex:0 0 auto;}\n\n  \/* ---------- SLUZBY ---------- *\/\n  #hu-site .hu-services-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\n  @media (max-width:900px){#hu-site .hu-services-grid{grid-template-columns:1fr 1fr;}}\n  @media (max-width:620px){#hu-site .hu-services-grid{grid-template-columns:1fr;}}\n\n  \/* ---------- PROCES ---------- *\/\n  #hu-site .hu-process{position:relative;}\n  #hu-site .hu-process-line{position:absolute; top:26px; left:0; right:0; height:1px; background:var(--line);}\n  #hu-site .hu-process-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; position:relative;}\n  @media (max-width:900px){#hu-site .hu-process-grid{grid-template-columns:1fr 1fr;} #hu-site .hu-process-line{display:none;}}\n  @media (max-width:560px){#hu-site .hu-process-grid{grid-template-columns:1fr;}}\n  #hu-site .hu-step{position:relative;}\n  #hu-site .hu-step-num{\n    width:52px; height:52px; border:1px solid var(--line); border-radius:50%; background:var(--ink);\n    display:flex; align-items:center; justify-content:center; font-family:var(--mono); color:var(--accent);\n    font-size:15px; margin-bottom:20px; position:relative; z-index:1;\n  }\n  #hu-site .hu-step h3{font-size:17px; margin-bottom:8px;}\n  #hu-site .hu-step p{color:var(--text-dim); font-size:14px;}\n\n  \/* ---------- SPECIALIZACE ---------- *\/\n  #hu-site .hu-chip-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}\n  @media (max-width:900px){#hu-site .hu-chip-grid{grid-template-columns:repeat(2,1fr);}}\n  @media (max-width:560px){#hu-site .hu-chip-grid{grid-template-columns:1fr;}}\n  #hu-site .hu-chip{\n    border:1px solid var(--line); padding:18px 18px; border-radius:var(--radius);\n    display:flex; flex-direction:column; gap:6px; background:var(--panel); transition:.2s;\n  }\n  #hu-site .hu-chip:hover{border-color:var(--accent-dim); transform:translateY(-2px);}\n  #hu-site .hu-chip .hu-mono{font-size:10.5px; color:var(--text-faint); letter-spacing:.08em;}\n  #hu-site .hu-chip strong{font-size:15px; font-weight:600;}\n\n  \/* ---------- TYM ---------- *\/\n  #hu-site .hu-team-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}\n  @media (max-width:900px){#hu-site .hu-team-grid{grid-template-columns:1fr 1fr;}}\n  @media (max-width:620px){#hu-site .hu-team-grid{grid-template-columns:1fr;}}\n  #hu-site .hu-team-card .hu-role-tag{display:inline-block; font-family:var(--mono); font-size:10px; color:var(--ink); background:var(--accent); padding:3px 8px; border-radius:2px; margin-bottom:14px; letter-spacing:.06em;}\n\n  \/* ---------- REFERENCE ---------- *\/\n  #hu-site .hu-ref{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:60px;}\n  @media (max-width:760px){#hu-site .hu-ref{grid-template-columns:1fr;}}\n  #hu-site .hu-ref-num{font-family:var(--display); font-size:44px; color:var(--accent); margin-bottom:6px;}\n  #hu-site .hu-ref-label{font-family:var(--mono); font-size:12px; color:var(--text-dim); letter-spacing:.04em;}\n  #hu-site .hu-quote{border-left:2px solid var(--amber); padding-left:24px; font-size:19px; color:var(--text); max-width:760px; font-family:var(--display); font-weight:500; line-height:1.5;}\n  #hu-site .hu-quote footer{margin-top:16px; font-family:var(--mono); font-size:12.5px; color:var(--text-dim);}\n\n  \/* ---------- KONTAKT ---------- *\/\n  #hu-site .hu-contact{display:grid; grid-template-columns:.85fr 1.15fr; gap:50px;}\n  @media (max-width:860px){#hu-site .hu-contact{grid-template-columns:1fr;}}\n  #hu-site .hu-contact-info li{display:flex; flex-direction:column; gap:4px; margin-bottom:26px; font-size:15px;}\n  #hu-site .hu-contact-info li span.hu-mono{color:var(--text-faint); font-size:11px; letter-spacing:.08em;}\n  #hu-site .hu-contact-info li a, #hu-site .hu-contact-info li p{color:var(--text);}\n  #hu-site form{display:flex; flex-direction:column; gap:16px;}\n  #hu-site .hu-field label{display:block; font-family:var(--mono); font-size:11px; color:var(--text-dim); letter-spacing:.06em; margin-bottom:8px; text-transform:uppercase;}\n  #hu-site .hu-field input, #hu-site .hu-field textarea{\n    width:100%; background:var(--panel); border:1px solid var(--line); color:var(--text);\n    padding:13px 14px; font-family:var(--body); font-size:14.5px; border-radius:var(--radius); resize:vertical;\n  }\n  #hu-site .hu-field input:focus, #hu-site .hu-field textarea:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim);}\n  #hu-site .hu-field textarea{min-height:120px;}\n\n  \/* ---------- FOOTER ---------- *\/\n  #hu-site footer.hu-foot{padding:50px 6vw 34px; border-top:1px solid var(--line-soft);}\n  #hu-site .hu-foot-top{display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px; max-width:1180px; margin:0 auto 30px;}\n  #hu-site .hu-foot-links{display:flex; gap:26px; font-size:13.5px; color:var(--text-dim); flex-wrap:wrap;}\n  #hu-site .hu-foot-bottom{max-width:1180px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-family:var(--mono); font-size:11.5px; color:var(--text-faint); padding-top:22px; border-top:1px solid var(--line-soft);}\n\n  @media (max-width:900px){\n    #hu-site .hu-navlinks, #hu-site .hu-nav-cta{display:none;}\n    #hu-site .hu-burger{display:flex;}\n    #hu-site .hu-hero{grid-template-columns:1fr; text-align:left;}\n    #hu-site .hu-scope{max-width:320px; margin-top:20px;}\n    #hu-site .hu-about{grid-template-columns:1fr;}\n    #hu-site section{padding:80px 6vw;}\n  }\n  #hu-site .hu-nav-mobile{\n    display:none; position:fixed; top:64px; left:0; right:0; background:var(--ink); border-bottom:1px solid var(--line-soft);\n    padding:20px 6vw; flex-direction:column; gap:18px; z-index:99; font-size:15px;\n  }\n  #hu-site .hu-nav-mobile.hu-open{display:flex;}\n\n  @media (prefers-reduced-motion: reduce){\n    #hu-site *{animation:none !important; transition:none !important;}\n  }\n  #hu-site :focus-visible{outline:2px solid var(--accent); outline-offset:2px;}\n<\/style>\n\n<div id=\"hu-site\">\n  <div class=\"hu-nav\">\n    <div class=\"hu-logo\"><span class=\"hu-dot\"><\/span>HEAD\u2011UP<span class=\"hu-mono\" style=\"font-size:11px;color:var(--text-faint);font-weight:400;\">.CZ<\/span><\/div>\n    <nav class=\"hu-navlinks\">\n      <a href=\"#o-nas\">O n\u00e1s<\/a>\n      <a href=\"#sluzby\">Slu\u017eby<\/a>\n      <a href=\"#proces\">Jak pracujeme<\/a>\n      <a href=\"#specializace\">Specializace<\/a>\n      <a href=\"#tym\">T\u00fdm<\/a>\n      <a href=\"#reference\">Reference<\/a>\n      <a href=\"#kontakt\">Kontakt<\/a>\n    <\/nav>\n    <a href=\"#kontakt\" class=\"hu-nav-cta\">Domluvit konzultaci<\/a>\n    <button class=\"hu-burger\" id=\"huBurger\" aria-label=\"Otev\u0159\u00edt menu\" aria-expanded=\"false\"><span><\/span><span><\/span><span><\/span><\/button>\n  <\/div>\n  <div class=\"hu-nav-mobile\" id=\"huMobileNav\">\n    <a href=\"#o-nas\">O n\u00e1s<\/a>\n    <a href=\"#sluzby\">Slu\u017eby<\/a>\n    <a href=\"#proces\">Jak pracujeme<\/a>\n    <a href=\"#specializace\">Specializace<\/a>\n    <a href=\"#tym\">T\u00fdm<\/a>\n    <a href=\"#reference\">Reference<\/a>\n    <a href=\"#kontakt\">Kontakt<\/a>\n  <\/div>\n\n  <!-- HERO -->\n  <section class=\"hu-hero hu-wrap\" id=\"hu-top\">\n    <div class=\"hu-grid-bg\"><\/div>\n    <div>\n      <div class=\"hu-eyebrow\">Obchodn\u00ed zastoupen\u00ed v IT projektech<\/div>\n      <h1>C\u00edl vid\u00edte vy.<br>T\u00fdm u\u017e <em>zam\u011b\u0159ujeme<\/em> my.<\/h1>\n      <p>Head-up.cz zastupuje va\u0161e obchodn\u00ed z\u00e1jmy a pro ka\u017ed\u00fd projekt sestav\u00ed t\u00fdm specialist\u016f p\u0159esn\u011b na m\u00edru zad\u00e1n\u00ed \u2014 bez zdlouhav\u00e9ho n\u00e1boru a bez prostoj\u016f.<\/p>\n      <div class=\"hu-cta-row\">\n        <a href=\"#kontakt\" class=\"hu-btn hu-btn-primary\">Domluvit konzultaci<\/a>\n        <a href=\"#proces\" class=\"hu-btn hu-btn-ghost\">Jak sestavujeme t\u00fdmy<\/a>\n      <\/div>\n      <div class=\"hu-readout\">\n        <div><b>18+<\/b><span>Let v IT byznysu<\/span><\/div>\n        <div><b>10+<\/b><span>Dokon\u010den\u00fdch projekt\u016f<\/span><\/div>\n        <div><b>40+<\/b><span>Specialist\u016f v s\u00edti<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"hu-scope\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 400 400\">\n        <g class=\"hu-ring-spin\">\n          <circle class=\"hu-ring\" cx=\"200\" cy=\"200\" r=\"170\" stroke-dasharray=\"2 8\"><\/circle>\n        <\/g>\n        <circle class=\"hu-ring\" cx=\"200\" cy=\"200\" r=\"140\"><\/circle>\n        <circle class=\"hu-ring\" cx=\"200\" cy=\"200\" r=\"90\"><\/circle>\n        <line class=\"hu-cross\" x1=\"200\" y1=\"20\" x2=\"200\" y2=\"70\"><\/line>\n        <line class=\"hu-cross\" x1=\"200\" y1=\"330\" x2=\"200\" y2=\"380\"><\/line>\n        <line class=\"hu-cross\" x1=\"20\" y1=\"200\" x2=\"70\" y2=\"200\"><\/line>\n        <line class=\"hu-cross\" x1=\"330\" y1=\"200\" x2=\"380\" y2=\"200\"><\/line>\n\n        <circle class=\"hu-node\" cx=\"200\" cy=\"200\" r=\"5\"><\/circle>\n        <rect class=\"hu-lock\" x=\"180\" y=\"180\" width=\"40\" height=\"40\"><\/rect>\n\n        <circle class=\"hu-node-amber\" cx=\"278\" cy=\"140\" r=\"4\"><\/circle>\n        <rect class=\"hu-lock\" x=\"264\" y=\"126\" width=\"28\" height=\"28\" style=\"animation-delay:.6s\"><\/rect>\n        <text class=\"hu-label\" x=\"288\" y=\"137\">SPC-04<\/text>\n\n        <circle class=\"hu-node\" cx=\"120\" cy=\"255\" r=\"4\"><\/circle>\n        <rect class=\"hu-lock\" x=\"106\" y=\"241\" width=\"28\" height=\"28\" style=\"animation-delay:1.2s\"><\/rect>\n        <text class=\"hu-label\" x=\"130\" y=\"252\">SPC-11<\/text>\n\n        <circle class=\"hu-node\" cx=\"265\" cy=\"270\" r=\"4\"><\/circle>\n        <rect class=\"hu-lock\" x=\"251\" y=\"256\" width=\"28\" height=\"28\" style=\"animation-delay:1.8s\"><\/rect>\n        <text class=\"hu-label\" x=\"275\" y=\"267\">SPC-07<\/text>\n\n        <circle class=\"hu-node-amber\" cx=\"130\" cy=\"130\" r=\"4\"><\/circle>\n        <rect class=\"hu-lock\" x=\"116\" y=\"116\" width=\"28\" height=\"28\" style=\"animation-delay:2.4s\"><\/rect>\n        <text class=\"hu-label\" x=\"140\" y=\"127\">SPC-02<\/text>\n      <\/svg>\n    <\/div>\n  <\/section>\n\n  <!-- O NAS -->\n  <section id=\"o-nas\">\n    <div class=\"hu-grid-bg\"><\/div>\n    <div class=\"hu-wrap hu-about\">\n      <div class=\"hu-reveal\">\n        <div class=\"hu-eyebrow\">O n\u00e1s<\/div>\n        <h2>Obchodn\u00ed partner, kter\u00fd za v\u00e1s vid\u00ed do IT dodavatelsk\u00e9ho trhu<\/h2>\n      <\/div>\n      <div class=\"hu-reveal hu-about-panel\">\n        <p>Head-up.cz funguje jako obchodn\u00ed zastoupen\u00ed a \u0159\u00eddic\u00ed vrstva mezi klientem a realiza\u010dn\u00edm t\u00fdmem. Vyjedn\u00e1v\u00e1me podm\u00ednky, hl\u00edd\u00e1me rozsah zak\u00e1zky a nesete s v\u00e1mi odpov\u011bdnost za v\u00fdsledek \u2014 nejen za zprost\u0159edkov\u00e1n\u00ed kontaktu.<\/p>\n        <p>Nejsme klasick\u00e1 \u201ebodyshop&#8220; agentura. Pro ka\u017edou zak\u00e1zku sestav\u00edme konkr\u00e9tn\u00ed t\u00fdm podle skute\u010dn\u00fdch po\u017eadavk\u016f projektu, ne podle toho, kdo je zrovna voln\u00fd.<\/p>\n        <ul class=\"hu-about-list\">\n          <li><span class=\"hu-mono\">01<\/span><span>Zastupujeme obchodn\u00ed z\u00e1jmy klienta p\u0159i jedn\u00e1n\u00ed s dodavateli a partnery<\/span><\/li>\n          <li><span class=\"hu-mono\">02<\/span><span>Sestavujeme t\u00fdmy specialist\u016f podle rozsahu a technologi\u00ed konkr\u00e9tn\u00edho projektu<\/span><\/li>\n          <li><span class=\"hu-mono\">03<\/span><span>\u0158\u00edd\u00edme pr\u016fb\u011bh projektu od zad\u00e1n\u00ed a\u017e po p\u0159ed\u00e1n\u00ed a podporu<\/span><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SLUZBY -->\n  <section id=\"sluzby\" style=\"background:var(--panel);\">\n    <div class=\"hu-wrap\">\n      <div class=\"hu-eyebrow\">Slu\u017eby<\/div>\n      <h2 class=\"hu-reveal\">Co pro v\u00e1s Head-up.cz zajist\u00ed<\/h2>\n      <p class=\"hu-sub hu-reveal\">Od obchodn\u00edho jedn\u00e1n\u00ed po sestaven\u00ed a \u0159\u00edzen\u00ed realiza\u010dn\u00edho t\u00fdmu \u2014 pokr\u00fdv\u00e1me cel\u00fd obchodn\u00ed a organiza\u010dn\u00ed r\u00e1mec IT projektu.<\/p>\n      <div class=\"hu-services-grid\">\n        <div class=\"hu-bracket hu-reveal\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-id\">SRV-01<\/span>\n          <h3>Obchodn\u00ed zastoupen\u00ed<\/h3>\n          <p>Jedn\u00e1me jm\u00e9nem klienta s dodavateli, partnery i investory a vyjedn\u00e1v\u00e1me podm\u00ednky spolupr\u00e1ce.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-id\">SRV-02<\/span>\n          <h3>Sestaven\u00ed projektov\u00e9ho t\u00fdmu<\/h3>\n          <p>Pro ka\u017edou zak\u00e1zku navrhneme slo\u017een\u00ed t\u00fdmu \u2014 analytik, v\u00fdvoj\u00e1\u0159i, PM, tester \u2014 p\u0159esn\u011b podle rozsahu a technologi\u00ed.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-id\">SRV-03<\/span>\n          <h3>\u0158\u00edzen\u00ed a koordinace projektu<\/h3>\n          <p>Dohl\u00ed\u017e\u00edme na term\u00edny, kvalitu a komunikaci mezi klientem a realiza\u010dn\u00edm t\u00fdmem po celou dobu projektu.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-id\">SRV-04<\/span>\n          <h3>Business development<\/h3>\n          <p>Vyhled\u00e1v\u00e1me nov\u00e9 obchodn\u00ed p\u0159\u00edle\u017eitosti a partnerstv\u00ed, kter\u00e1 posunou v\u00e1\u0161 IT byznys d\u00e1l.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-id\">SRV-05<\/span>\n          <h3>Anal\u00fdza po\u017eadavk\u016f<\/h3>\n          <p>Na za\u010d\u00e1tku spolupr\u00e1ce pom\u016f\u017eeme p\u0159esn\u011b definovat rozsah, c\u00edle a technick\u00e9 n\u00e1roky projektu.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-id\">SRV-06<\/span>\n          <h3>Podpora po nasazen\u00ed<\/h3>\n          <p>Zajist\u00edme n\u00e1vaznou podporu a v p\u0159\u00edpad\u011b pot\u0159eby t\u00fdm roz\u0161\u00ed\u0159\u00edme o dal\u0161\u00ed specialisty.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROCES -->\n  <section id=\"proces\">\n    <div class=\"hu-grid-bg\"><\/div>\n    <div class=\"hu-wrap\">\n      <div class=\"hu-eyebrow\">Jak pracujeme<\/div>\n      <h2 class=\"hu-reveal\">\u010cty\u0159i kroky od popt\u00e1vky k nasazen\u00e9mu t\u00fdmu<\/h2>\n      <p class=\"hu-sub hu-reveal\">Postup je v\u017edy stejn\u00fd \u2014 d\u00edky tomu v\u00edte, co v ka\u017ed\u00e9 f\u00e1zi \u010dekat.<\/p>\n      <div class=\"hu-process\">\n        <div class=\"hu-process-line\"><\/div>\n        <div class=\"hu-process-grid\">\n          <div class=\"hu-step hu-reveal\">\n            <div class=\"hu-step-num\">01<\/div>\n            <h3>Anal\u00fdza popt\u00e1vky<\/h3>\n            <p>Probereme c\u00edl, rozsah a term\u00edny projektu a to, co u\u017e m\u00e1te hotov\u00e9.<\/p>\n          <\/div>\n          <div class=\"hu-step hu-reveal\">\n            <div class=\"hu-step-num\">02<\/div>\n            <h3>N\u00e1vrh t\u00fdmu<\/h3>\n            <p>Navrhneme slo\u017een\u00ed t\u00fdmu podle pot\u0159ebn\u00fdch rol\u00ed, technologi\u00ed a kapacity.<\/p>\n          <\/div>\n          <div class=\"hu-step hu-reveal\">\n            <div class=\"hu-step-num\">03<\/div>\n            <h3>Realizace a \u0159\u00edzen\u00ed<\/h3>\n            <p>T\u00fdm pracuje na projektu, my koordinujeme term\u00edny, kvalitu i komunikaci s v\u00e1mi.<\/p>\n          <\/div>\n          <div class=\"hu-step hu-reveal\">\n            <div class=\"hu-step-num\">04<\/div>\n            <h3>Vyhodnocen\u00ed a podpora<\/h3>\n            <p>Po dokon\u010den\u00ed projekt vyhodnot\u00edme a zajist\u00edme p\u0159\u00edpadnou dal\u0161\u00ed podporu \u010di roz\u0161\u00ed\u0159en\u00ed.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SPECIALIZACE -->\n  <section id=\"specializace\" style=\"background:var(--panel);\">\n    <div class=\"hu-wrap\">\n      <div class=\"hu-eyebrow\">Specializace<\/div>\n      <h2 class=\"hu-reveal\">Obory, kter\u00e9 um\u00edme t\u00fdmem pokr\u00fdt<\/h2>\n      <p class=\"hu-sub hu-reveal\">S\u00ed\u0165 specialist\u016f, ze kter\u00e9 pro v\u00e1\u0161 projekt sestav\u00edme p\u0159esn\u011b to slo\u017een\u00ed, kter\u00e9 pot\u0159ebujete.<\/p>\n      <div class=\"hu-chip-grid\">\n        <div class=\"hu-chip hu-reveal\"><span class=\"hu-mono\">SPC-01<\/span><strong>V\u00fdvoj software<\/strong><\/div>\n        <div class=\"hu-chip hu-reveal\"><span class=\"hu-mono\">SPC-02<\/span><strong>Infrastruktura a cloud<\/strong><\/div>\n        <div class=\"hu-chip hu-reveal\"><span class=\"hu-mono\">SPC-03<\/span><strong>Kybernetick\u00e1 bezpe\u010dnost<\/strong><\/div>\n        <div class=\"hu-chip hu-reveal\"><span class=\"hu-mono\">SPC-04<\/span><strong>Data a AI<\/strong><\/div>\n        <div class=\"hu-chip hu-reveal\"><span class=\"hu-mono\">SPC-05<\/span><strong>UX\/UI design<\/strong><\/div>\n        <div class=\"hu-chip hu-reveal\"><span class=\"hu-mono\">SPC-06<\/span><strong>Projektov\u00e9 \u0159\u00edzen\u00ed<\/strong><\/div>\n        <div class=\"hu-chip hu-reveal\"><span class=\"hu-mono\">SPC-07<\/span><strong>QA a testov\u00e1n\u00ed<\/strong><\/div>\n        <div class=\"hu-chip hu-reveal\"><span class=\"hu-mono\">SPC-08<\/span><strong>Business anal\u00fdza<\/strong><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TYM -->\n  <section id=\"tym\">\n    <div class=\"hu-grid-bg\"><\/div>\n    <div class=\"hu-wrap\">\n      <div class=\"hu-eyebrow\">T\u00fdm<\/div>\n      <h2 class=\"hu-reveal\">Specialist\u00e9, ze kter\u00fdch skl\u00e1d\u00e1me v\u00e1\u0161 t\u00fdm<\/h2>\n      <p class=\"hu-sub hu-reveal\">Do projektu nasazujeme jen role, kter\u00e9 skute\u010dn\u011b pot\u0159ebujete \u2014 nic nav\u00edc, nic pozadu.<\/p>\n      <div class=\"hu-team-grid\">\n        <div class=\"hu-bracket hu-reveal hu-team-card\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-role-tag\">ROLE \u00b7 \u0158\u00cdZEN\u00cd<\/span>\n          <h3>Projektov\u00ed mana\u017ee\u0159i<\/h3>\n          <p>Dr\u017e\u00ed term\u00edny, rozpo\u010det a komunikaci mezi klientem a t\u00fdmem.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal hu-team-card\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-role-tag\">ROLE \u00b7 V\u00ddVOJ<\/span>\n          <h3>Softwarov\u00ed architekti<\/h3>\n          <p>Navrhuj\u00ed technick\u00e9 \u0159e\u0161en\u00ed tak, aby obst\u00e1lo i p\u0159i budouc\u00edm r\u016fstu.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal hu-team-card\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-role-tag\">ROLE \u00b7 V\u00ddVOJ<\/span>\n          <h3>V\u00fdvoj\u00e1\u0159i<\/h3>\n          <p>Java, .NET, Python, JavaScript i mobiln\u00ed platformy \u2014 podle pot\u0159eb projektu.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal hu-team-card\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-role-tag\">ROLE \u00b7 KVALITA<\/span>\n          <h3>Teste\u0159i a QA<\/h3>\n          <p>Hl\u00eddaj\u00ed, \u017ee to, co se nasad\u00ed, skute\u010dn\u011b funguje tak, jak m\u00e1.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal hu-team-card\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-role-tag\">ROLE \u00b7 DESIGN<\/span>\n          <h3>UX\/UI design\u00e9\u0159i<\/h3>\n          <p>Navrhuj\u00ed prost\u0159ed\u00ed, kter\u00e9 je u\u017eivatel\u016fm srozumiteln\u00e9 na prvn\u00ed pohled.<\/p>\n        <\/div>\n        <div class=\"hu-bracket hu-reveal hu-team-card\"><b class=\"hu-c3\"><\/b><b class=\"hu-c4\"><\/b>\n          <span class=\"hu-role-tag\">ROLE \u00b7 BEZPE\u010cNOST<\/span>\n          <h3>Bezpe\u010dnostn\u00ed specialist\u00e9<\/h3>\n          <p>Prov\u011b\u0159uj\u00ed \u0159e\u0161en\u00ed z pohledu rizik a ochrany dat.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- REFERENCE -->\n  <section id=\"reference\" style=\"background:var(--panel);\">\n    <div class=\"hu-wrap\">\n      <div class=\"hu-eyebrow\">Reference<\/div>\n      <h2 class=\"hu-reveal\">Pro\u010d klienti z\u016fst\u00e1vaj\u00ed s Head-up.cz i na dal\u0161\u00edch projektech<\/h2>\n      <div class=\"hu-ref\">\n        <div class=\"hu-reveal\"><div class=\"hu-ref-num\">10+<\/div><div class=\"hu-ref-label\">Dokon\u010den\u00fdch projekt\u016f<\/div><\/div>\n        <div class=\"hu-reveal\"><div class=\"hu-ref-num\">40+<\/div><div class=\"hu-ref-label\">Specialist\u016f v s\u00edti<\/div><\/div>\n        <div class=\"hu-reveal\"><div class=\"hu-ref-num\">92 %<\/div><div class=\"hu-ref-label\">Klient\u016f se vrac\u00ed na dal\u0161\u00ed projekt<\/div><\/div>\n      <\/div>\n      <blockquote class=\"hu-quote hu-reveal\">\n        \u201eNepot\u0159ebovali jsme nab\u00edrat lidi na jeden projekt \u2014 Head-up.cz n\u00e1m do dvou t\u00fddn\u016f sestavil t\u00fdm, kter\u00fd p\u0159esn\u011b odpov\u00eddal zad\u00e1n\u00ed.&#8220;\n        <footer>\u2014 Valiente, Matou\u0161 Rott, CEO<\/footer>\n      <\/blockquote>\n    <\/div>\n  <\/section>\n\n  <!-- KONTAKT -->\n  <section id=\"kontakt\">\n    <div class=\"hu-grid-bg\"><\/div>\n    <div class=\"hu-wrap hu-contact\">\n      <div class=\"hu-reveal\">\n        <div class=\"hu-eyebrow\">Kontakt<\/div>\n        <h2>Popi\u0161te n\u00e1m projekt, t\u00fdm navrhneme my<\/h2>\n        <p class=\"hu-sub\" style=\"margin-bottom:34px;\">Ozveme se do dvou pracovn\u00edch dn\u016f s prvn\u00edm n\u00e1vrhem \u0159e\u0161en\u00ed.<\/p>\n        <ul class=\"hu-contact-info\">\n          <li><span class=\"hu-mono\">E-MAIL<\/span><a href=\"mailto:info@head-up.cz\">info@head-up.cz<\/a><\/li>\n          <li><span class=\"hu-mono\">TELEFON<\/span><a href=\"tel:+420724342274\">+420 724 342 274<\/a><\/li>\n          <li><span class=\"hu-mono\">S\u00cdDLO<\/span><p>B\u00fdchory 215, Kolin, \u010cR<\/p><\/li>\n          <li><span class=\"hu-mono\">I\u010cO<\/span><p>24681741<\/p><\/li>\n        <\/ul>\n      <\/div>\n      <form class=\"hu-reveal\" onsubmit=\"return false;\">\n        <div class=\"hu-field\">\n          <label for=\"hu-name\">Jm\u00e9no a p\u0159\u00edjmen\u00ed<\/label>\n          <input id=\"hu-name\" type=\"text\" name=\"name\" required=\"\">\n        <\/div>\n        <div class=\"hu-field\">\n          <label for=\"hu-email\">E-mail<\/label>\n          <input id=\"hu-email\" type=\"email\" name=\"email\" required=\"\">\n        <\/div>\n        <div class=\"hu-field\">\n          <label for=\"hu-company\">Spole\u010dnost<\/label>\n          <input id=\"hu-company\" type=\"text\" name=\"company\">\n        <\/div>\n        <div class=\"hu-field\">\n          <label for=\"hu-msg\">Popis projektu<\/label>\n          <textarea id=\"hu-msg\" name=\"message\" required=\"\"><\/textarea>\n        <\/div>\n        <button type=\"submit\" class=\"hu-btn hu-btn-primary\" style=\"align-self:flex-start;\">Odeslat popt\u00e1vku<\/button>\n      <\/form>\n    <\/div>\n  <\/section>\n\n  <footer class=\"hu-foot\">\n    <div class=\"hu-foot-top\">\n      <div class=\"hu-logo\"><span class=\"hu-dot\"><\/span>HEAD\u2011UP<span class=\"hu-mono\" style=\"font-size:11px;color:var(--text-faint);font-weight:400;\">.CZ<\/span><\/div>\n      <nav class=\"hu-foot-links\">\n        <a href=\"#o-nas\">O n\u00e1s<\/a>\n        <a href=\"#sluzby\">Slu\u017eby<\/a>\n        <a href=\"#proces\">Jak pracujeme<\/a>\n        <a href=\"#tym\">T\u00fdm<\/a>\n        <a href=\"#kontakt\">Kontakt<\/a>\n      <\/nav>\n    <\/div>\n    <div class=\"hu-foot-bottom\">\n      <span>\u00a9 <span id=\"huYear\">2026<\/span> Head-up.cz \u2014 obchodn\u00ed zastoupen\u00ed v IT projektech<\/span>\n      <span>I\u010cO 24681741 \/ DI\u010c CZ 24681741 <\/span>\n    <\/div>\n  <\/footer>\n<\/div>\n\n<script>\n(function(){\n  var scope = document.getElementById('hu-site');\n  if(!scope) return;\n\n  var burger = scope.querySelector('#huBurger');\n  var mobileNav = scope.querySelector('#huMobileNav');\n  if(burger && mobileNav){\n    burger.addEventListener('click', function(){\n      var open = mobileNav.classList.toggle('hu-open');\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n    });\n    mobileNav.querySelectorAll('a').forEach(function(a){\n      a.addEventListener('click', function(){ mobileNav.classList.remove('hu-open'); });\n    });\n  }\n\n  var yearEl = scope.querySelector('#huYear');\n  if(yearEl){ yearEl.textContent = new Date().getFullYear(); }\n\n  var reveals = scope.querySelectorAll('.hu-reveal');\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){ e.target.classList.add('hu-in'); io.unobserve(e.target); }\n      });\n    }, {threshold:.15});\n    reveals.forEach(function(el){ io.observe(el); });\n  } else {\n    reveals.forEach(function(el){ el.classList.add('hu-in'); });\n  }\n})();\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>HEAD\u2011UP.CZ O n\u00e1s Slu\u017eby Jak pracujeme Specializace T\u00fdm Reference Kontakt Domluvit konzultaci O n\u00e1s Slu\u017eby Jak pracujeme Specializace T\u00fdm Reference Kontakt Obchodn\u00ed zastoupen\u00ed v IT projektech C\u00edl vid\u00edte vy.T\u00fdm u\u017e zam\u011b\u0159ujeme my. Head-up.cz zastupuje va\u0161e obchodn\u00ed z\u00e1jmy a pro ka\u017ed\u00fd projekt sestav\u00ed t\u00fdm specialist\u016f p\u0159esn\u011b na m\u00edru zad\u00e1n\u00ed \u2014 bez zdlouhav\u00e9ho n\u00e1boru a bez prostoj\u016f. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"head-up-bez-sablony","meta":{"footnotes":""},"class_list":["post-233","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.head-up.cz\/index.php\/wp-json\/wp\/v2\/pages\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.head-up.cz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.head-up.cz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.head-up.cz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.head-up.cz\/index.php\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":16,"href":"https:\/\/www.head-up.cz\/index.php\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/www.head-up.cz\/index.php\/wp-json\/wp\/v2\/pages\/233\/revisions\/261"}],"wp:attachment":[{"href":"https:\/\/www.head-up.cz\/index.php\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}