{"id":1512,"date":"2026-06-26T17:52:38","date_gmt":"2026-06-26T15:52:38","guid":{"rendered":"https:\/\/branike.com\/?page_id=1512"},"modified":"2026-08-19T08:57:47","modified_gmt":"2026-08-19T06:57:47","slug":"branike-html-importer-z-jedneho-ai-promptu-na-hotovu-stranku","status":"publish","type":"page","link":"https:\/\/branike.com\/branike-html-importer-z-jedneho-ai-promptu-na-hotovu-stranku\/","title":{"rendered":"Branike HTML Importer &#8211; z jedn\u00e9ho AI promptu na hotov\u00fa str\u00e1nku"},"content":{"rendered":"<div style=\"position:relative;padding:72px 44px 72px 44px;background:linear-gradient(135deg,#1A1A2E,#2D1B69 55%,#1E1B4B)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:55fr 45fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:#DDD6FE;background:rgba(167,139,250,0.18);padding:4px 14px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px;\">Branike HTML Import\u00e9r<\/span><\/p>\n\n\n\n<h1 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:40px;font-weight:800;line-height:1.14;margin-bottom:18px;max-width:580px;margin-left:auto;margin-right:auto\">Z jedn\u00e9ho AI promptu na hotov\u00fa str\u00e1nku \u2014 jedin\u00fdm importom<\/h1>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#E2E8F0;line-height:1.6;margin-bottom:26px;max-width:540px;margin-left:auto;margin-right:auto\">Branike HTML Import\u00e9r je tajn\u00e1 zbra\u0148 cel\u00e9ho ekosyst\u00e9mu. Premen\u00ed k\u00f3d vygenerovan\u00fd umelou inteligenciou na nat\u00edvne, plne editovate\u013en\u00e9 Branike bloky \u2014 jedn\u00fdm kliknut\u00edm. \u017diadny page builder, \u017eiadne ru\u010dn\u00e9 prelepovanie. Unik\u00e1tny n\u00e1stroj \u0161it\u00fd na mieru, ktor\u00fd vznikal po\u010das dn\u00ed a t\u00fd\u017ed\u0148ov ladenia.<\/p>\n\n\n<div style=\"--bb-btn-gap:14px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:flex-start;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--accent, #7C3AED);--bb-btn-color:#ffffff\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#cta\"><span class=\"bb-button__text\">Vysk\u00fa\u0161a\u0165 HTML Import\u00e9r<\/span><\/a>\n\n<a style=\"--bb-btn-color:#ffffff;--bb-btn-border:#C4B5FD\" class=\"bb-button bb-button--outline bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#co\"><span class=\"bb-button__text\">Pre\u010do je unik\u00e1t?<\/span><\/a>\n<\/div>\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<div class=\"bkv-orbit\">\n<style>\n  .bkv-orbit *,.bkv-orbit *::before,.bkv-orbit *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-orbit{width:100%;max-width:100%;background:#14122A;border-radius:20px;padding:44px 24px;\n    position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.25);\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-orbit .neb{position:absolute;inset:-20%;z-index:-1;pointer-events:none;filter:blur(8px);\n    background:radial-gradient(38% 38% at 72% 24%,rgba(124,58,237,.45),transparent 60%),\n               radial-gradient(34% 34% at 20% 78%,rgba(91,33,182,.4),transparent 60%);}\n  .bkv-orbit .stage{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:0 auto;}\n  .bkv-orbit .rings{position:absolute;inset:0;width:100%;height:100%;}\n  .bkv-orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n    width:140px;height:140px;border-radius:50%;\n    background:radial-gradient(circle at 35% 30%,#A78BFA,#7C3AED 55%,#5B21B6);\n    display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;\n    box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 60px rgba(124,58,237,.6),inset 0 2px 10px rgba(255,255,255,.35);}\n  .bkv-orbit .core b{color:#fff;font-size:11px;font-weight:800;letter-spacing:2px;margin-top:6px;}\n  .bkv-orbit .chip{position:absolute;display:inline-flex;align-items:center;gap:9px;\n    background:rgba(45,27,105,.6);border:1px solid rgba(196,181,253,.4);border-radius:100px;\n    padding:6px 15px 6px 6px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:4;white-space:nowrap;}\n  .bkv-orbit .chip .ic{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;\n    background:radial-gradient(circle at 35% 30%,#A78BFA,#7C3AED 72%);box-shadow:0 2px 8px rgba(124,58,237,.45);}\n  .bkv-orbit .chip .ic svg{width:14px;height:14px;}\n  .bkv-orbit .chip b{color:#fff;font-size:13px;font-weight:700;}\n  .bkv-orbit .c1{left:50%;top:-2%;transform:translateX(-50%);}\n  .bkv-orbit .c2{right:-1%;top:24%;} .bkv-orbit .c3{right:2%;bottom:20%;}\n  .bkv-orbit .c4{left:50%;bottom:-2%;transform:translateX(-50%);}\n  .bkv-orbit .c5{left:1%;bottom:24%;} .bkv-orbit .c6{left:-1%;top:22%;}\n  .bkv-orbit .cap{text-align:center;margin-top:36px;}\n  .bkv-orbit .cap p{color:#A5B4FC;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-orbit .neb{animation:bkv-orbit-drift 28s ease-in-out infinite alternate;}\n    .bkv-orbit .r-spin{transform-origin:260px 260px;animation:bkv-orbit-spin 64s linear infinite;}\n    .bkv-orbit .r-rev{transform-origin:260px 260px;animation:bkv-orbit-spin 90s linear infinite reverse;}\n    .bkv-orbit .p1{transform-origin:260px 260px;animation:bkv-orbit-spin 38s linear infinite;}\n    .bkv-orbit .p2{transform-origin:260px 260px;animation:bkv-orbit-spin 30s linear infinite reverse;}\n    .bkv-orbit .p3{transform-origin:260px 260px;animation:bkv-orbit-spin 52s linear infinite;}\n    .bkv-orbit .core{animation:bkv-orbit-breathe 5s ease-in-out infinite;}\n    .bkv-orbit .c1,.bkv-orbit .c4{animation:bkv-orbit-fx 6.6s ease-in-out infinite;}\n    .bkv-orbit .c2,.bkv-orbit .c3,.bkv-orbit .c5,.bkv-orbit .c6{animation:bkv-orbit-fy 7s ease-in-out infinite;}\n    .bkv-orbit .c2{animation-delay:.3s} .bkv-orbit .c3{animation-delay:.6s}\n    .bkv-orbit .c4{animation-delay:.2s} .bkv-orbit .c5{animation-delay:.5s} .bkv-orbit .c6{animation-delay:.8s}\n  }\n  @keyframes bkv-orbit-drift{to{transform:translate(-5%,5%) scale(1.08);}}\n  @keyframes bkv-orbit-spin{to{transform:rotate(360deg);}}\n  @keyframes bkv-orbit-breathe{0%,100%{box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 55px rgba(124,58,237,.5),inset 0 2px 10px rgba(255,255,255,.35);}\n    50%{box-shadow:0 0 0 16px rgba(124,58,237,.16),0 0 85px rgba(124,58,237,.75),inset 0 2px 10px rgba(255,255,255,.4);}}\n  @keyframes bkv-orbit-fy{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}\n  @keyframes bkv-orbit-fx{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-12px);}}\n  @media (max-width:600px){.bkv-orbit{padding:56px 22px;}.bkv-orbit .chip b{font-size:12px;}}\n\n  \/* HOVER *\/\n  .bkv-orbit .core{transition:transform .4s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-orbit:hover .core{transform:translate(-50%,-50%) scale(1.08);}\n    .bkv-orbit:hover .r-spin{animation-duration:22s;} .bkv-orbit:hover .r-rev{animation-duration:32s;}\n    .bkv-orbit:hover .p1{animation-duration:13s;} .bkv-orbit:hover .p2{animation-duration:10s;} .bkv-orbit:hover .p3{animation-duration:18s;}\n\n@media (max-width:560px){\n  .bkv-orbit{\n    padding:34px 10px 14px;          \/* hore 34, vpravo 10, dole 14, v\u013eavo 10 *\/\n    min-width:calc(100% + 60px);\n    margin-left:-30px;\n  }\n  .bkv-orbit .stage{ max-width:none; }\n\n  }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <div class=\"stage\" role=\"img\" aria-label=\"Branike HTML Import\u00e9r ako jadro a jeho funkcie\">\n    <svg class=\"rings\" viewBox=\"0 0 520 520\" width=\"520\" height=\"520\" aria-hidden=\"true\">\n      <defs><radialGradient id=\"bkvOrbitGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n        <stop offset=\"0%\" stop-color=\"#7C3AED\" stop-opacity=\"0.45\"><\/stop>\n        <stop offset=\"100%\" stop-color=\"#7C3AED\" stop-opacity=\"0\"><\/stop><\/radialGradient><\/defs>\n      <circle cx=\"260\" cy=\"260\" r=\"250\" fill=\"url(#bkvOrbitGlow)\"><\/circle>\n      <g fill=\"none\" stroke=\"#A78BFA\" stroke-opacity=\"0.28\">\n        <circle class=\"r-spin\" cx=\"260\" cy=\"260\" r=\"228\" stroke-dasharray=\"2 10\"><\/circle>\n        <circle cx=\"260\" cy=\"260\" r=\"185\"><\/circle>\n        <circle class=\"r-rev\" cx=\"260\" cy=\"260\" r=\"130\" stroke-dasharray=\"2 8\"><\/circle><\/g>\n      <g stroke=\"#A78BFA\" stroke-opacity=\"0.3\" stroke-width=\"1.5\" stroke-dasharray=\"3 6\">\n        <line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"40\"><\/line><line x1=\"260\" y1=\"260\" x2=\"455\" y2=\"160\"><\/line>\n        <line x1=\"260\" y1=\"260\" x2=\"450\" y2=\"380\"><\/line><line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"480\"><\/line>\n        <line x1=\"260\" y1=\"260\" x2=\"70\" y2=\"380\"><\/line><line x1=\"260\" y1=\"260\" x2=\"65\" y2=\"160\"><\/line><\/g>\n      <g class=\"p1\"><circle cx=\"260\" cy=\"75\" r=\"9\" fill=\"#A78BFA\" opacity=\"0.25\"><\/circle><circle cx=\"260\" cy=\"75\" r=\"5\" fill=\"#DDD6FE\"><\/circle><\/g>\n      <g class=\"p2\"><circle cx=\"260\" cy=\"130\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"><\/circle><circle cx=\"260\" cy=\"130\" r=\"4\" fill=\"#A78BFA\"><\/circle><\/g>\n      <g class=\"p3\"><circle cx=\"488\" cy=\"260\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"><\/circle><circle cx=\"488\" cy=\"260\" r=\"4\" fill=\"#C4B5FD\"><\/circle><\/g>\n    <\/svg>\n    <div class=\"core\">\n      <svg viewBox=\"0 0 24 24\" width=\"46\" height=\"46\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 4V2M15 22v-2M19 8h2M3 8h2\"><\/path><path d=\"m5 19 9-9 2 2-9 9z\"><\/path><path d=\"m13 7 3 3\"><\/path><path d=\"M19 14l.7 1.6L21 16l-1.3.4L19 18l-.7-1.6L17 16l1.3-.4z\"><\/path><\/svg>\n      <b>IMPORT<\/b>\n    <\/div>\n    <div class=\"chip c1\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m8 8-4 4 4 4M16 8l4 4-4 4\"><\/path><\/svg><\/span><b>Vlo\u017ei\u0165 k\u00f3d<\/b><\/div>\n    <div class=\"chip c2\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 21V9m0 0 4 4m-4-4-4 4\"><\/path><path d=\"M4 5h16\"><\/path><\/svg><\/span><b>Nahra\u0165 s\u00fabor<\/b><\/div>\n    <div class=\"chip c3\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"><\/rect><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"><\/rect><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"><\/rect><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"><\/rect><\/svg><\/span><b>Nat\u00edvne bloky<\/b><\/div>\n    <div class=\"chip c4\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l1.8 4.2L18 9l-4.2 1.8L12 15l-1.8-4.2L6 9l4.2-1.8z\"><\/path><\/svg><\/span><b>Ostrovy<\/b><\/div>\n    <div class=\"chip c5\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.8 6.8 19l1-5.8L3.5 9.2l5.9-.9z\"><\/path><\/svg><\/span><b>Ikony<\/b><\/div>\n    <div class=\"chip c6\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><circle cx=\"8.5\" cy=\"9\" r=\"1.5\"><\/circle><path d=\"m21 16-5-5L5 21\"><\/path><\/svg><\/span><b>M\u00e9di\u00e1<\/b><\/div>\n  <\/div>\n  <div class=\"cap\"><p>Jedno jadro \u00b7 z promptu na str\u00e1nku<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:44px 44px 44px 44px;background-color:#16134a\" class=\"bb-columns-wrap bb-columns--4 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:25fr 25fr 25fr 25fr;--bb-gtc-tab:25fr 25fr 25fr 25fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.05;margin-bottom:6px\">1<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">klik = hotov\u00e1 str\u00e1nka<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.05;margin-bottom:6px\">70<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">vstavan\u00fdch ikon<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.05;margin-bottom:6px\">100\/100<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">PageSpeed<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"3\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.05;margin-bottom:6px\">0<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">ru\u010dn\u00e9ho prer\u00e1bania<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 80px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\" id=\"co\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;\">Unik\u00e1t na trhu<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Pre\u010do je toto \u00fapln\u00fd unik\u00e1t?<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.75;margin-bottom:0px;max-width:840px;margin-left:auto;margin-right:auto\">Be\u017ene mus\u00ed\u0161 obsah z umelej inteligencie ru\u010dne prelepova\u0165 do editora blok po bloku. Branike HTML Import\u00e9r to cel\u00e9 oto\u010dil: nap\u00ed\u0161e\u0161 prompt, dostane\u0161 HTML a jedin\u00fdm importom z neho vznikne kompletn\u00e1, nat\u00edvna a <strong>plne editovate\u013en\u00e1<\/strong> str\u00e1nka \u2014 vr\u00e1tane animovan\u00fdch vizu\u00e1lov, ikon aj presn\u00fdch \u0161t\u00fdlov. Nie\u010do tak\u00e9 na trhu nen\u00e1jde\u0161. Je to <strong>vlastn\u00e1 technol\u00f3gia \u0161it\u00e1 na mieru Branike ekosyst\u00e9mu<\/strong>, vyladen\u00e1 cez desiatky re\u00e1lnych testov po\u010das dn\u00ed a t\u00fd\u017ed\u0148ov v\u00fdvoja. To, \u010do inde znamen\u00e1 hodiny lepenia str\u00e1nky, tu vybav\u00ed\u0161 jedn\u00fdm kliknut\u00edm. Aj t\u00e1to str\u00e1nka je vytvoren\u00e1 t\u00fdmto syst\u00e9mom.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 20px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Z promptu na str\u00e1nku v troch krokoch<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:640px;margin-left:auto;margin-right:auto\">Tri kroky \u2014 a o zvy\u0161ok sa postar\u00e1 import\u00e9r.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-flow\">\n<style>\n  .bkv-flow *,.bkv-flow *::before,.bkv-flow *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-flow{width:100%;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-flow .step{flex:1 1 180px;max-width:230px;text-align:center;position:relative;padding:8px 6px;}\n  .bkv-flow .step:not(:last-child)::after{content:\"\";position:absolute;top:34px;right:-14px;width:28px;height:2px;\n    background:linear-gradient(90deg,#C4B5FD,#7C3AED);opacity:.55;}\n  .bkv-flow .ic{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;\n    background:#EDE9FE;border:1px solid #DDD6FE;display:flex;align-items:center;justify-content:center;\n    position:relative;box-shadow:0 8px 24px rgba(124,58,237,.14);}\n  .bkv-flow .ic svg{width:28px;height:28px;}\n  .bkv-flow .num{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;\n    background:#7C3AED;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;\n    border:2px solid #fff;}\n  .bkv-flow h3{color:#1F2937;font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.3;}\n  .bkv-flow p{color:#566070;font-size:14px;line-height:1.6;}\n  .bkv-flow .step{opacity:1;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-flow .step{opacity:0;animation:bkv-flow-in .6s ease forwards;}\n    .bkv-flow .step:nth-child(1){animation-delay:.05s} .bkv-flow .step:nth-child(2){animation-delay:.2s}\n    .bkv-flow .step:nth-child(3){animation-delay:.35s} .bkv-flow .step:nth-child(4){animation-delay:.5s}\n    .bkv-flow .step:nth-child(5){animation-delay:.65s}\n  }\n  @keyframes bkv-flow-in{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}\n  @media (max-width:640px){\n    .bkv-flow{flex-direction:column;align-items:center;}\n    .bkv-flow .step{max-width:340px;}\n    .bkv-flow .step:not(:last-child)::after{display:none;}\n  }\n\n  \/* HOVER *\/\n  .bkv-flow .ic{transition:transform .3s ease, box-shadow .3s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-flow .step:hover .ic{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 32px rgba(124,58,237,.28);}\n  }\n<\/style>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">1<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/div>\n    <h3>Nap\u00ed\u0161 prompt<\/h3><p>Povedz, ak\u00fa str\u00e1nku chce\u0161 \u2014 AI vygeneruje HTML.<\/p>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">2<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 8 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 3.6 15a1.65 1.65 0 0 0-1.51-1H2a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 3.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 8 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09A1.65 1.65 0 0 0 16 4.6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/div>\n    <h3>Vlo\u017e alebo nahraj<\/h3><p>V sidebar paneli: Vlo\u017ei\u0165 k\u00f3d alebo Nahra\u0165 s\u00fabor s obr\u00e1zkami.<\/p>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">3<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><\/div>\n    <h3>Hotov\u00e1 str\u00e1nka<\/h3><p>Nat\u00edvne editovate\u013en\u00e9 bloky, ikony aj anim\u00e1cie \u2014 bez prer\u00e1bania.<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 16px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">\u010co v\u0161etko Branike HTML Import\u00e9r dok\u00e1\u017ee<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:700px;margin-left:auto;margin-right:auto\">Most medzi umelou inteligenciou a nat\u00edvnym WordPress editorom.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 24px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>wand \u2014 \u010carovn\u00e1 pali\u010dka \u2014 AI, magic, Page Designer, transform\u00e1cia<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M6 21l15 -15l-3 -3l-15 15l3 3\" \/><path d=\"M15 6l3 3\" \/><path d=\"M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2\" \/><path d=\"M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">AI do nat\u00edvnych blokov<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Premen\u00ed AI HTML na editovate\u013en\u00e9 branike a core bloky \u2014 jedin\u00fdm importom.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Konverzia<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>layout \u2014 Rozlo\u017eenie \u2014 heading, separator, mrie\u017eka UI<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" \/><line x1=\"4\" y1=\"10\" x2=\"20\" y2=\"10\" \/><line x1=\"10\" y1=\"10\" x2=\"10\" y2=\"20\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Panel priamo v editore<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Vlo\u017ei\u0165 k\u00f3d alebo Nahra\u0165 s\u00fabor rovno v Gutenbergu, bez okien navy\u0161e.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Panel<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>sparkles \u2014 Iskry \u2014 feature, AI, magic, highlight<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6z\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Animovan\u00e9 ostrovy inline<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Orbit, prstence aj efekty prejd\u00fa v jednom importe ako Custom HTML.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Ostrovy<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 24px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>star \u2014 Hviezda \u2014 rating, icon-box, ob\u013e\u00faben\u00e9<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Vstavan\u00fdch ~70 ikon<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Kni\u017enica Tabler ikon \u2014 z k\u00f3du sa stan\u00fa editovate\u013en\u00e9 ikonov\u00e9 bloky.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Ikony<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>image \u2014 Obr\u00e1zok \u2014 foto, m\u00e9di\u00e1, branike\/image<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/><polyline points=\"21 15 16 10 5 21\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Auto-import obr\u00e1zkov<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Nahr\u00e1\u0161 obr\u00e1zky spolu s HTML a doplnia sa do m\u00e9di\u00ed aj do blokov.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">M\u00e9di\u00e1<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>settings \u2014 Nastavenia \u2014 konfigur\u00e1cia, gear, admin<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z\" \/><circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Presn\u00e9 \u0161t\u00fdly 1:1<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Farby, zarovnanie, medzery a typografia sa prenes\u00fa bez ru\u010dn\u00fdch opr\u00e1v.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">\u0160t\u00fdly<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>edit \u2014 Ceruzka \u2014 \u00faprava, edit\u00e1cia, formul\u00e1r<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1\" \/><path d=\"M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z\" \/><path d=\"M16 5l3 3\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Plne editovate\u013en\u00e9<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">\u017diadny zamknut\u00fd HTML \u2014 v\u0161etko klik\u00e1\u0161 a men\u00ed\u0161 ako be\u017en\u00e9 bloky.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Edit\u00e1cia<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>zap \u2014 Zap \u2014 v\u00fdkon, r\u00fdchlos\u0165, optimaliz\u00e1cia<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><polyline points=\"13 3 13 10 19 10 11 21 11 14 5 14 13 3\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">\u017diadny page builder<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">\u010cist\u00fd nat\u00edvny editor, nulov\u00fd balast a 100\/100 PageSpeed.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">R\u00fdchlos\u0165<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>globe \u2014 Zemegu\u013ea \u2014 web, glob\u00e1lny, multilingual<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"12\" r=\"9\" \/><line x1=\"3.6\" y1=\"9\" x2=\"20.4\" y2=\"9\" \/><line x1=\"3.6\" y1=\"15\" x2=\"20.4\" y2=\"15\" \/><path d=\"M11.5 3a17 17 0 0 0 0 18\" \/><path d=\"M12.5 3a17 17 0 0 1 0 18\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Diakritika a UTF-8<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Sloven\u010dina, ostrovy aj \u0161t\u00fdly prejd\u00fa bez mojibake a bez ch\u00fdb.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Jazyk<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:0px 44px 0px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-divider\">\n<style>\n  .bkv-divider{position:relative;width:100%;overflow:hidden;line-height:0;}\n  .bkv-divider svg{width:100%;height:auto;display:block;}\n  .bkv-divider .line{stroke:#DDD6FE;stroke-width:1.5;}\n  .bkv-divider .star{fill:#A78BFA;}\n  .bkv-divider .glow{fill:#7C3AED;filter:drop-shadow(0 0 5px #A78BFA);}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-divider .tw{animation:bkv-div-tw 3.5s ease-in-out infinite alternate;}\n    .bkv-divider .tw.b{animation-delay:1s} .bkv-divider .tw.c{animation-delay:2s}\n    .bkv-divider .glow{animation:bkv-div-drift 9s linear infinite;}\n  }\n  @keyframes bkv-div-tw{from{opacity:.3}to{opacity:1}}\n  @keyframes bkv-div-drift{0%{transform:translateX(-40px);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(1040px);opacity:0}}\n\n  \/* HOVER *\/\n  @media (prefers-reduced-motion: no-preference){ .bkv-divider:hover .glow{animation-duration:5s;} }\n<\/style>\n  <svg viewBox=\"0 0 1000 40\" width=\"1000\" height=\"40\" aria-hidden=\"true\" preserveAspectRatio=\"xMidYMid meet\">\n    <line class=\"line\" x1=\"60\" y1=\"20\" x2=\"940\" y2=\"20\" stroke-dasharray=\"2 8\"\/>\n    <circle class=\"tw star\" cx=\"300\" cy=\"20\" r=\"2.5\"\/>\n    <circle class=\"tw b star\" cx=\"500\" cy=\"20\" r=\"3\"\/>\n    <circle class=\"tw c star\" cx=\"700\" cy=\"20\" r=\"2.5\"\/>\n    <circle class=\"glow\" cx=\"0\" cy=\"20\" r=\"4\"\/>\n  <\/svg>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 76px 44px;background-color:#0F0E20\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:46fr 54fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:#DDD6FE;background:rgba(167,139,250,0.18);padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;\">Ekosyst\u00e9m<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:460px;margin-left:auto;margin-right:auto\">Motor, ktor\u00fd postavil cel\u00fd ekosyst\u00e9m<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#C4B5FD;line-height:1.7;margin-bottom:0px;max-width:480px;margin-left:auto;margin-right:auto\">Pr\u00e1ve t\u00fdmto n\u00e1strojom vznikli v\u0161etky str\u00e1nky pluginov, ktor\u00e9 teraz \u010d\u00edta\u0161. Sp\u00e1ja umel\u00fa inteligenciu, Branike Visual Kit a nat\u00edvne bloky do jednej hotovej str\u00e1nky \u2014 a rob\u00ed to opakovate\u013ene, tak\u017ee si vlastn\u00e9 str\u00e1nky vie\u0161 stava\u0165 aj ty. Jeden import, cel\u00fd ekosyst\u00e9m.<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<div class=\"bkv-constel\">\n<style>\n  .bkv-constel *{box-sizing:border-box;}\n  .bkv-constel{width:100%;max-width:100%;background:#14122A;border-radius:20px;padding:36px 20px;\n    position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.25);}\n  .bkv-constel .neb{position:absolute;inset:-20%;z-index:-1;pointer-events:none;filter:blur(8px);\n    background:radial-gradient(40% 40% at 30% 30%,rgba(124,58,237,.4),transparent 60%),\n               radial-gradient(36% 36% at 78% 72%,rgba(91,33,182,.36),transparent 60%);}\n  .bkv-constel svg{width:100%;height:auto;display:block;max-width:560px;margin:0 auto;}\n  .bkv-constel .node circle{fill:#1E1B4B;stroke:#A78BFA;stroke-width:1.5;}\n  .bkv-constel .node path,.bkv-constel .node line{stroke:#C4B5FD;}\n  .bkv-constel .star{fill:#DDD6FE;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-constel .tw{animation:bkv-constel-tw 4s ease-in-out infinite alternate;}\n    .bkv-constel .tw.b{animation-delay:1.2s} .bkv-constel .tw.c{animation-delay:2.1s}\n    .bkv-constel .node{animation:bkv-constel-float 7s ease-in-out infinite;}\n    .bkv-constel .node.n2{animation-delay:.6s} .bkv-constel .node.n3{animation-delay:1.1s}\n    .bkv-constel .node.n4{animation-delay:1.6s} .bkv-constel .node.n5{animation-delay:2.2s}\n  }\n  @keyframes bkv-constel-tw{from{opacity:.4}to{opacity:1}}\n  @keyframes bkv-constel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n\n  \/* HOVER *\/\n  .bkv-constel .node circle{transition:transform .3s ease;transform-box:fill-box;transform-origin:center;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-constel .node:hover circle{transform:scale(1.16);} }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <svg viewBox=\"0 0 560 280\" width=\"560\" height=\"280\" role=\"img\" aria-label=\"Prepojen\u00e9 pluginy Branike ekosyst\u00e9mu\">\n    <g stroke=\"#A78BFA\" stroke-opacity=\"0.32\" stroke-width=\"1.2\">\n      <line x1=\"120\" y1=\"80\" x2=\"280\" y2=\"60\"\/><line x1=\"280\" y1=\"60\" x2=\"440\" y2=\"100\"\/>\n      <line x1=\"280\" y1=\"60\" x2=\"280\" y2=\"160\"\/><line x1=\"120\" y1=\"80\" x2=\"180\" y2=\"210\"\/>\n      <line x1=\"280\" y1=\"160\" x2=\"180\" y2=\"210\"\/><line x1=\"280\" y1=\"160\" x2=\"410\" y2=\"210\"\/>\n      <line x1=\"440\" y1=\"100\" x2=\"410\" y2=\"210\"\/>\n    <\/g>\n    <g fill=\"#fff\"><circle class=\"tw star\" cx=\"70\" cy=\"160\" r=\"2\"\/><circle class=\"tw b star\" cx=\"500\" cy=\"60\" r=\"2.5\"\/>\n      <circle class=\"tw c star\" cx=\"350\" cy=\"240\" r=\"2\"\/><circle class=\"tw star\" cx=\"490\" cy=\"170\" r=\"1.6\"\/><\/g>\n    <g class=\"node n1\"><circle cx=\"120\" cy=\"80\" r=\"22\"\/><g transform=\"translate(120,80)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-7-7h14M-7 0h9M-7 7h6\"\/><\/g><\/g>\n    <g class=\"node n2\"><circle cx=\"280\" cy=\"60\" r=\"24\"\/><g transform=\"translate(280,60)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"0\" cy=\"-3\" r=\"5\"\/><path d=\"M-8 9a8 7 0 0 1 16 0\"\/><\/g><\/g>\n    <g class=\"node n3\"><circle cx=\"440\" cy=\"100\" r=\"22\"\/><g transform=\"translate(440,100)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0-8 8-3v6L0 8-8 5v-6z\"\/><\/g><\/g>\n    <g class=\"node n4\"><circle cx=\"180\" cy=\"210\" r=\"22\"\/><g transform=\"translate(180,210)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-7-5h14v10h-14z\"\/><path d=\"M-7 0h14\"\/><\/g><\/g>\n    <g class=\"node n5\"><circle cx=\"410\" cy=\"210\" r=\"22\"\/><g transform=\"translate(410,210)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-6-6 6 6M6-6-6 6\"\/><\/g><\/g>\n    <g class=\"node n1\"><circle cx=\"280\" cy=\"160\" r=\"26\"\/><g transform=\"translate(280,160)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0-9 9 0 0 9-9 0z\"\/><\/g><\/g>\n  <\/svg>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 76px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:52fr 48fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-bars\">\n<style>\n  .bkv-bars *,.bkv-bars *::before,.bkv-bars *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-bars{width:100%;max-width:100%;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;\n    box-shadow:0 16px 44px rgba(45,27,105,.1);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-bars .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;}\n  .bkv-bars .val{color:#1F2937;font-size:30px;font-weight:800;line-height:1;}\n  .bkv-bars .val small{color:#7C3AED;font-size:14px;font-weight:700;margin-left:6px;}\n  .bkv-bars .cap{color:#566070;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}\n  .bkv-bars .plot{display:flex;align-items:flex-end;gap:10px;height:140px;border-bottom:2px solid #EDE9FE;padding-bottom:2px;}\n  .bkv-bars .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;}\n  .bkv-bars .col i{width:100%;max-width:34px;border-radius:6px 6px 0 0;transform-origin:bottom;\n    background:linear-gradient(180deg,#A78BFA,#7C3AED);height:100%;transform:scaleY(var(--h));}\n  .bkv-bars .col:last-child i{background:linear-gradient(180deg,#7C3AED,#5B21B6);}\n  .bkv-bars .x{display:flex;gap:10px;margin-top:8px;}\n  .bkv-bars .x span{flex:1;text-align:center;color:#6B7280;font-size:11px;font-weight:600;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-bars .col i{animation:bkv-bars-grow 1s ease-out backwards;}\n    .bkv-bars .col:nth-child(1) i{animation-delay:.05s} .bkv-bars .col:nth-child(2) i{animation-delay:.15s}\n    .bkv-bars .col:nth-child(3) i{animation-delay:.25s} .bkv-bars .col:nth-child(4) i{animation-delay:.35s}\n    .bkv-bars .col:nth-child(5) i{animation-delay:.45s} .bkv-bars .col:nth-child(6) i{animation-delay:.55s}\n  }\n  @keyframes bkv-bars-grow{from{transform:scaleY(0);}to{transform:scaleY(var(--h));}}\n\n  \/* HOVER *\/\n  .bkv-bars{transition:transform .4s ease, box-shadow .4s ease;}\n  .bkv-bars .col i{transition:filter .3s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-bars:hover{transform:translateY(-4px);box-shadow:0 26px 64px rgba(45,27,105,.18);}\n    .bkv-bars .col:hover i{filter:brightness(1.12) saturate(1.08);}\n  }\n<\/style>\n  <div class=\"top\">\n    <div><span class=\"val\">&times;8<small>r\u00fdchlej\u0161ie<\/small><\/span><\/div>\n    <span class=\"cap\">Hotov\u00fdch str\u00e1nok \/ mes.<\/span>\n  <\/div>\n  <div class=\"plot\" role=\"img\" aria-label=\"N\u00e1sobne r\u00fdchlej\u0161ia tvorba str\u00e1nok>\n    <div class=\"col\"><i style=\"--h:.32\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.45\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.58\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.7\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.85\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:1\"><\/i><\/div>\n  <\/div>\n  <div class=\"x\" aria-hidden=\"true\"><span>Jan<\/span><span>Feb<\/span><span>Mar<\/span><span>Apr<\/span><span>M\u00e1j<\/span><span>J\u00fan<\/span><\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:440px;margin-left:auto;margin-right:auto\">R\u00fdchlos\u0165, ktor\u00fa naozaj c\u00edti\u0161<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:460px;margin-left:auto;margin-right:auto\">Str\u00e1nka, ktor\u00e1 ru\u010dne zaberie hodiny, je tu ot\u00e1zkou min\u00fat. P\u00ed\u0161e\u0161 prompt, importuje\u0161 a dola\u010fuje\u0161 \u2014 namiesto lepenia blokov. Viac hotov\u00fdch str\u00e1nok za zlomok \u010dasu.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">V\u0161etko priamo v editore<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:28px;max-width:640px;margin-left:auto;margin-right:auto\">\u017diadny extern\u00fd n\u00e1stroj \u2014 k\u00f3d aj s\u00fabory vklad\u00e1\u0161 tam, kde tvor\u00ed\u0161 obsah.<\/p>\n\n\n\n<div class=\"bkv-mockup\">\n<style>\n  .bkv-mockup *,.bkv-mockup *::before,.bkv-mockup *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-mockup{width:100%;max-width:100%;border-radius:16px;overflow:hidden;background:#fff;\n    border:1px solid #E5E7EB;box-shadow:0 24px 60px rgba(45,27,105,.16);\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-mockup .bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#F5F3FF;border-bottom:1px solid #E5E7EB;}\n  .bkv-mockup .dot{width:11px;height:11px;border-radius:50%;background:#C4B5FD;flex:none;}\n  .bkv-mockup .dot:nth-child(1){background:#EF4444;opacity:.5}\n  .bkv-mockup .dot:nth-child(2){background:#F59E0B;opacity:.5}\n  .bkv-mockup .dot:nth-child(3){background:#10B981;opacity:.5}\n  .bkv-mockup .url{flex:1;margin-left:8px;height:22px;border-radius:100px;background:#fff;border:1px solid #E5E7EB;\n    display:flex;align-items:center;padding:0 12px;color:#566070;font-size:11px;font-weight:600;}\n  .bkv-mockup .body{display:flex;min-height:230px;}\n  .bkv-mockup .side{width:64px;flex:none;background:#FAFAFC;border-right:1px solid #F0EFF5;padding:16px 12px;display:flex;flex-direction:column;gap:12px;}\n  .bkv-mockup .side i{display:block;height:8px;border-radius:4px;background:#E5E7EB;}\n  .bkv-mockup .side i:first-child{background:#7C3AED;}\n  .bkv-mockup .main{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px;}\n  .bkv-mockup .head{height:14px;width:46%;border-radius:5px;background:#DDD6FE;}\n  .bkv-mockup .cards{display:flex;gap:12px;}\n  .bkv-mockup .card{flex:1;height:54px;border-radius:10px;background:#F5F3FF;border:1px solid #EDE9FE;}\n  .bkv-mockup .card b{display:block;height:10px;width:60%;margin:12px;border-radius:4px;background:#C4B5FD;}\n  .bkv-mockup .chart{flex:1;border-radius:10px;background:#FAFAFC;border:1px solid #F0EFF5;padding:14px;display:flex;align-items:flex-end;gap:8px;}\n  .bkv-mockup .chart i{flex:1;background:linear-gradient(180deg,#A78BFA,#7C3AED);border-radius:5px 5px 0 0;transform-origin:bottom;transform:scaleY(.85);}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-mockup .chart i{animation:bkv-mockup-rise 1.2s ease-out backwards;}\n    .bkv-mockup .chart i:nth-child(1){--h:.45;animation-delay:.1s}\n    .bkv-mockup .chart i:nth-child(2){--h:.72;animation-delay:.2s}\n    .bkv-mockup .chart i:nth-child(3){--h:.55;animation-delay:.3s}\n    .bkv-mockup .chart i:nth-child(4){--h:.9;animation-delay:.4s}\n    .bkv-mockup .chart i:nth-child(5){--h:.68;animation-delay:.5s}\n  }\n  .bkv-mockup .chart i:nth-child(1){transform:scaleY(.45)} .bkv-mockup .chart i:nth-child(2){transform:scaleY(.72)}\n  .bkv-mockup .chart i:nth-child(3){transform:scaleY(.55)} .bkv-mockup .chart i:nth-child(4){transform:scaleY(.9)}\n  .bkv-mockup .chart i:nth-child(5){transform:scaleY(.68)}\n  @keyframes bkv-mockup-rise{from{transform:scaleY(0);}to{transform:scaleY(var(--h));}}\n\n  \/* HOVER *\/\n  .bkv-mockup{transition:transform .4s ease, box-shadow .4s ease;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-mockup:hover{transform:translateY(-5px);box-shadow:0 34px 84px rgba(45,27,105,.26);} }\n<\/style>\n  <div class=\"bar\" aria-hidden=\"true\">\n    <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n    <span class=\"url\">branike.com<\/span>\n  <\/div>\n  <div class=\"body\" role=\"img\" aria-label=\"Uk\u00e1\u017eka administra\u010dn\u00e9ho rozhrania pluginu\">\n    <div class=\"side\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <div class=\"main\" aria-hidden=\"true\">\n      <div class=\"head\"><\/div>\n      <div class=\"cards\"><div class=\"card\"><b><\/b><\/div><div class=\"card\"><b><\/b><\/div><div class=\"card\"><b><\/b><\/div><\/div>\n      <div class=\"chart\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:72px 44px 72px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:44fr 56fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-ring\">\n<style>\n  .bkv-ring *,.bkv-ring *::before,.bkv-ring *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-ring{width:100%;display:flex;justify-content:center;padding:24px;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-ring .wrap{position:relative;width:200px;height:200px;}\n  .bkv-ring svg{width:200px;height:200px;transform:rotate(-90deg);}\n  .bkv-ring .track{fill:none;stroke:#EDE9FE;stroke-width:14;}\n  .bkv-ring .bar{fill:none;stroke:url(#bkvRingGrad);stroke-width:14;stroke-linecap:round;\n    stroke-dasharray:502.6;stroke-dashoffset:0;}\n  .bkv-ring .label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}\n  .bkv-ring .num{color:#1F2937;font-size:46px;font-weight:800;line-height:1;}\n  .bkv-ring .cap{color:#566070;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:6px;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-ring .bar{stroke-dashoffset:502.6;animation:bkv-ring-fill 1.6s ease-out .2s forwards;}\n  }\n  @keyframes bkv-ring-fill{to{stroke-dashoffset:0;}}  \/* 0 = 100% obvodu; uprav pod\u013ea percenta *\/\n\n  \/* HOVER *\/\n  .bkv-ring .wrap{transition:transform .4s ease;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-ring:hover .wrap{transform:scale(1.05);} }\n<\/style>\n  <div class=\"wrap\" role=\"img\" aria-label=\"Sk\u00f3re 100 zo 100 \u2014 PageSpeed\">\n    <svg viewBox=\"0 0 200 200\" width=\"200\" height=\"200\">\n      <defs><linearGradient id=\"bkvRingGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n        <stop offset=\"0%\" stop-color=\"#A78BFA\"\/><stop offset=\"100%\" stop-color=\"#7C3AED\"\/><\/linearGradient><\/defs>\n      <circle class=\"track\" cx=\"100\" cy=\"100\" r=\"80\"\/>\n      <circle class=\"bar\" cx=\"100\" cy=\"100\" r=\"80\"\/>\n    <\/svg>\n    <div class=\"label\"><span class=\"num\">100<\/span><span class=\"cap\">PageSpeed<\/span><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:460px;margin-left:auto;margin-right:auto\">Bezpe\u010dn\u00e9, \u010dist\u00e9 a r\u00fdchle<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:470px;margin-left:auto;margin-right:auto\">\u010cist\u00e9 PHP 8, REST API a mapovanie na nat\u00edvne bloky bez balastu. V\u00fdsledok je oby\u010dajn\u00e1 WordPress str\u00e1nka \u2014 r\u00fdchla, pr\u00edstupn\u00e1, 100\/100 PageSpeed.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 80px 44px;background:linear-gradient(135deg,#5B21B6,#7C3AED 60%,#6D28D9)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px;max-width:640px;margin-left:auto;margin-right:auto\">Postav str\u00e1nku jedn\u00fdm kliknut\u00edm<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#EDE9FE;line-height:1.7;margin-bottom:26px;max-width:600px;margin-left:auto;margin-right:auto\">Branike HTML Import\u00e9r m\u00e1\u0161 s\u00fa\u010das\u0165ou ekosyst\u00e9mu. Nap\u00ed\u0161 prompt, importuj a tvor.<\/p>\n\n\n<div style=\"--bb-btn-gap:12px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:center;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--base, #ffffff);--bb-btn-color:var(--wp--preset--color--accent-strong, #5B21B6)\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#cta\"><span class=\"bb-button__text\">Chcem Branike HTML Import\u00e9r<\/span><\/a>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:32px 44px 32px 44px;background-color:#14122A\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.7;margin-bottom:0px\">Branike HTML Import\u00e9r \u00b7 s\u00fa\u010das\u0165 Branike ekosyst\u00e9mu \u00b7 branike.com<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:40px 24px 40px 24px;background-color:#F6F7FB\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937)\"><strong>Podrobn\u00fd n\u00e1vod:<\/strong> <a href=\"https:\/\/branike.com\/prirucka\/sprievodca-html-importer\/\">Kompletn\u00fd sprievodca: Branike HTML Importer<\/a> \u2014 v\u0161etky nastavenia krok za krokom, na \u010do si da\u0165 pozor a \u010do plugin z\u00e1merne nerob\u00ed.<\/p>\n\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1514,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bt_container":"","_bt_sidebar":"","_bt_show_title":"","footnotes":"","_bseo_title":"","_bseo_description":"Branike HTML Import\u00e9r Z jedn\u00e9ho AI promptu na hotov\u00fa str\u00e1nku \u2014 jedin\u00fdm importom Branike HTML Import\u00e9r je tajn\u00e1 zbra\u0148 cel\u00e9ho ekosyst\u00e9mu. Premen\u00ed k\u00f3d vygenerovan\u00fd","_bseo_noindex":"","_bseo_nofollow":"","_bseo_canonical":"","_bseo_og_title":"","_bseo_og_description":"","_bseo_og_image_id":0,"_bseo_og_image_url":"","_bseo_focus_keyword":""},"class_list":["post-1512","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/comments?post=1512"}],"version-history":[{"count":9,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1512\/revisions"}],"predecessor-version":[{"id":7433,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1512\/revisions\/7433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media\/1514"}],"wp:attachment":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media?parent=1512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}