{"id":4698,"date":"2025-11-10T16:25:46","date_gmt":"2025-11-10T15:25:46","guid":{"rendered":"https:\/\/www.vestral.sk\/?page_id=4698"},"modified":"2025-11-21T22:44:57","modified_gmt":"2025-11-21T21:44:57","slug":"uvitanie-pouzivatela-po-vyplneni-formulara","status":"publish","type":"page","link":"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/","title":{"rendered":"Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"sk\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>\u010eakujeme za vyplnenie formul\u00e1ra<\/title><\/p>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            background: #ffffff;\n            overflow-x: hidden;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }<\/p>\n<p>        .container {\n            text-align: center;\n            padding: 20px;\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            max-width: 800px;\n        }<\/p>\n<p>        .main-title {\n            font-size: 15vw;\n            font-weight: 800;\n            color: #1a1a1a;\n            margin-bottom: 0;\n            animation: titleAnimation 2s ease-out forwards;\n            line-height: 1.2;\n        }<\/p>\n<p>        @keyframes titleAnimation {\n            0% {\n                font-size: 15vw;\n                opacity: 0;\n                transform: scale(0.5);\n            }\n            50% {\n                opacity: 1;\n                transform: scale(1.1);\n            }\n            100% {\n                font-size: 4rem;\n                opacity: 1;\n                transform: scale(1);\n            }\n        }<\/p>\n<p>        .subtitle {\n            font-size: 1.25rem;\n            color: #4a4a4a;\n            margin-top: 30px;\n            line-height: 1.6;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease-out 2.5s forwards;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }<\/p>\n<p>        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }<\/p>\n<p>        .buttons {\n            margin-top: 40px;\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            flex-wrap: wrap;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease-out 3.5s forwards;\n        }<\/p>\n<p>        .btn {\n            padding: 16px 32px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            border: none;\n            border-radius: 12px;\n            cursor: pointer;\n            text-decoration: none;\n            display: inline-block;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        .btn-primary {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n        }<\/p>\n<p>        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\n        }<\/p>\n<p>        .btn-secondary {\n            background: #f5f5f5;\n            color: #333;\n            border: 2px solid #e0e0e0;\n        }<\/p>\n<p>        .btn-secondary:hover {\n            background: #ebebeb;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n        }<\/p>\n<p>        canvas {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: 1;\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            @keyframes titleAnimation {\n                0% {\n                    font-size: 15vw;\n                    opacity: 0;\n                    transform: scale(0.5);\n                }\n                50% {\n                    opacity: 1;\n                    transform: scale(1.1);\n                }\n                100% {\n                    font-size: 2.5rem;\n                    opacity: 1;\n                    transform: scale(1);\n                }\n            }<\/p>\n<p>            .subtitle {\n                font-size: 1rem;\n            }<\/p>\n<p>            .buttons {\n                flex-direction: column;\n                align-items: stretch;\n            }<\/p>\n<p>            .btn {\n                width: 100%;\n            }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <canvas id=\"confetti\"><\/canvas><\/p>\n<div class=\"container\">\n<h1 class=\"main-title\">Super! Formul\u00e1r dorazil. \ud83c\udf89<\/h1>\n<p class=\"subtitle\">\n            \u010eakujeme, \u017ee ste n\u00e1m dali vedie\u0165, \u010do potrebujete. Ozveme sa v\u00e1m do 3 dn\u00ed a pust\u00edme sa do pl\u00e1novania v\u00e1\u0161ho webu.\n        <\/p>\n<div class=\"buttons\">\n            <a href=\"https:\/\/www.vestral.sk\/index.php\/ukazkove-weby\/\" class=\"btn btn-primary\"><br \/>\n                Chcem vidie\u0165 in\u0161pir\u00e1ciu<br \/>\n            <\/a><br \/>\n            <a href=\"https:\/\/www.vestral.sk\/\" class=\"btn btn-secondary\"><br \/>\n                Vr\u00e1ti\u0165 sa domov<br \/>\n            <\/a>\n        <\/div>\n<\/p><\/div>\n<p>    <script>\n        \/\/ Konfety anim\u00e1cia\n        const canvas = document.getElementById('confetti');\n        const ctx = canvas.getContext('2d');\n        canvas.width = window.innerWidth;\n        canvas.height = window.innerHeight;<\/p>\n<p>        const confetti = [];\n        const confettiCount = 150;\n        const colors = ['#667eea', '#764ba2', '#f093fb', '#4facfe', '#43e97b', '#fa709a'];<\/p>\n<p>        class ConfettiPiece {\n            constructor() {\n                this.x = Math.random() * canvas.width;\n                this.y = Math.random() * canvas.height - canvas.height;\n                this.w = Math.random() * 10 + 5;\n                this.h = Math.random() * 5 + 5;\n                this.color = colors[Math.floor(Math.random() * colors.length)];\n                this.rotation = Math.random() * 360;\n                this.rotationSpeed = Math.random() * 10 - 5;\n                this.velocity = Math.random() * 3 + 2;\n                this.swing = Math.random() * 2 - 1;\n            }<\/p>\n<p>            update() {\n                this.y += this.velocity;\n                this.x += this.swing;\n                this.rotation += this.rotationSpeed;<\/p>\n<p>                if (this.y > canvas.height) {\n                    this.y = -20;\n                    this.x = Math.random() * canvas.width;\n                }\n            }<\/p>\n<p>            draw() {\n                ctx.save();\n                ctx.translate(this.x, this.y);\n                ctx.rotate(this.rotation * Math.PI \/ 180);\n                ctx.fillStyle = this.color;\n                ctx.fillRect(-this.w \/ 2, -this.h \/ 2, this.w, this.h);\n                ctx.restore();\n            }\n        }<\/p>\n<p>        for (let i = 0; i < confettiCount; i++) {\n            confetti.push(new ConfettiPiece());\n        }\n\n        function animate() {\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n            \n            confetti.forEach(piece => {\n                piece.update();\n                piece.draw();\n            });<\/p>\n<p>            requestAnimationFrame(animate);\n        }<\/p>\n<p>        animate();<\/p>\n<p>        \/\/ Pridanie oh\u0148ostrojov\n        function createFirework(x, y) {\n            const particles = [];\n            const particleCount = 30;<\/p>\n<p>            for (let i = 0; i < particleCount; i++) {\n                particles.push({\n                    x: x,\n                    y: y,\n                    vx: (Math.random() - 0.5) * 10,\n                    vy: (Math.random() - 0.5) * 10,\n                    life: 60,\n                    color: colors[Math.floor(Math.random() * colors.length)]\n                });\n            }\n\n            function animateParticles() {\n                particles.forEach((p, index) => {\n                    p.x += p.vx;\n                    p.y += p.vy;\n                    p.vy += 0.2;\n                    p.life--;<\/p>\n<p>                    ctx.globalAlpha = p.life \/ 60;\n                    ctx.fillStyle = p.color;\n                    ctx.beginPath();\n                    ctx.arc(p.x, p.y, 3, 0, Math.PI * 2);\n                    ctx.fill();<\/p>\n<p>                    if (p.life <= 0) {\n                        particles.splice(index, 1);\n                    }\n                });\n\n                if (particles.length > 0) {\n                    requestAnimationFrame(animateParticles);\n                }\n            }<\/p>\n<p>            animateParticles();\n        }<\/p>\n<p>        \/\/ Spustenie oh\u0148ostrojov v prv\u00fdch sekund\u00e1ch\n        setTimeout(() => createFirework(canvas.width * 0.3, canvas.height * 0.3), 500);\n        setTimeout(() => createFirework(canvas.width * 0.7, canvas.height * 0.4), 800);\n        setTimeout(() => createFirework(canvas.width * 0.5, canvas.height * 0.2), 1200);\n        setTimeout(() => createFirework(canvas.width * 0.2, canvas.height * 0.5), 1500);\n        setTimeout(() => createFirework(canvas.width * 0.8, canvas.height * 0.6), 1800);<\/p>\n<p>        window.addEventListener('resize', () => {\n            canvas.width = window.innerWidth;\n            canvas.height = window.innerHeight;\n        });\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u010eakujeme za vyplnenie formul\u00e1ra Super! Formul\u00e1r dorazil. \ud83c\udf89 \u010eakujeme, \u017ee ste n\u00e1m dali vedie\u0165, \u010do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-4698","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra - Vestral<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra - Vestral\" \/>\n<meta property=\"og:description\" content=\"\u010eakujeme za vyplnenie formul\u00e1ra Super! Formul\u00e1r dorazil. \ud83c\udf89 \u010eakujeme, \u017ee ste n\u00e1m dali vedie\u0165, \u010do [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/\" \/>\n<meta property=\"og:site_name\" content=\"Vestral\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T21:44:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vestral.sk\/wp-content\/uploads\/2024\/12\/VESTRAL-1-3-e1736603458664.png\" \/>\n\t<meta property=\"og:image:width\" content=\"591\" \/>\n\t<meta property=\"og:image:height\" content=\"638\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/index.php\\\/uvitanie-pouzivatela-po-vyplneni-formulara\\\/\",\"url\":\"https:\\\/\\\/www.vestral.sk\\\/index.php\\\/uvitanie-pouzivatela-po-vyplneni-formulara\\\/\",\"name\":\"Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra - Vestral\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/#website\"},\"datePublished\":\"2025-11-10T15:25:46+00:00\",\"dateModified\":\"2025-11-21T21:44:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/index.php\\\/uvitanie-pouzivatela-po-vyplneni-formulara\\\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vestral.sk\\\/index.php\\\/uvitanie-pouzivatela-po-vyplneni-formulara\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/index.php\\\/uvitanie-pouzivatela-po-vyplneni-formulara\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Domovsk\u00e1 str\u00e1nka\",\"item\":\"https:\\\/\\\/www.vestral.sk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/#website\",\"url\":\"https:\\\/\\\/www.vestral.sk\\\/\",\"name\":\"Vestral\",\"description\":\"Inov\u00e1cia v ka\u017edom pixeli\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vestral.sk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/#organization\",\"name\":\"Vestral\",\"url\":\"https:\\\/\\\/www.vestral.sk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vestral.sk\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/VESTRAL-1-3-e1736603458664.webp\",\"contentUrl\":\"https:\\\/\\\/www.vestral.sk\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/VESTRAL-1-3-e1736603458664.webp\",\"width\":111,\"height\":120,\"caption\":\"Vestral\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vestral.sk\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra - Vestral","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/","og_locale":"sk_SK","og_type":"article","og_title":"Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra - Vestral","og_description":"\u010eakujeme za vyplnenie formul\u00e1ra Super! Formul\u00e1r dorazil. \ud83c\udf89 \u010eakujeme, \u017ee ste n\u00e1m dali vedie\u0165, \u010do [&hellip;]","og_url":"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/","og_site_name":"Vestral","article_modified_time":"2025-11-21T21:44:57+00:00","og_image":[{"width":591,"height":638,"url":"https:\/\/www.vestral.sk\/wp-content\/uploads\/2024\/12\/VESTRAL-1-3-e1736603458664.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/","url":"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/","name":"Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra - Vestral","isPartOf":{"@id":"https:\/\/www.vestral.sk\/#website"},"datePublished":"2025-11-10T15:25:46+00:00","dateModified":"2025-11-21T21:44:57+00:00","breadcrumb":{"@id":"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vestral.sk\/index.php\/uvitanie-pouzivatela-po-vyplneni-formulara\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Domovsk\u00e1 str\u00e1nka","item":"https:\/\/www.vestral.sk\/"},{"@type":"ListItem","position":2,"name":"Uv\u00edtanie pou\u017e\u00edvate\u013ea po vyplnen\u00ed formul\u00e1ra"}]},{"@type":"WebSite","@id":"https:\/\/www.vestral.sk\/#website","url":"https:\/\/www.vestral.sk\/","name":"Vestral","description":"Inov\u00e1cia v ka\u017edom pixeli","publisher":{"@id":"https:\/\/www.vestral.sk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vestral.sk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Organization","@id":"https:\/\/www.vestral.sk\/#organization","name":"Vestral","url":"https:\/\/www.vestral.sk\/","logo":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.vestral.sk\/#\/schema\/logo\/image\/","url":"https:\/\/www.vestral.sk\/wp-content\/uploads\/2026\/01\/VESTRAL-1-3-e1736603458664.webp","contentUrl":"https:\/\/www.vestral.sk\/wp-content\/uploads\/2026\/01\/VESTRAL-1-3-e1736603458664.webp","width":111,"height":120,"caption":"Vestral"},"image":{"@id":"https:\/\/www.vestral.sk\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vestral.sk\/index.php\/wp-json\/wp\/v2\/pages\/4698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vestral.sk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vestral.sk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vestral.sk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vestral.sk\/index.php\/wp-json\/wp\/v2\/comments?post=4698"}],"version-history":[{"count":0,"href":"https:\/\/www.vestral.sk\/index.php\/wp-json\/wp\/v2\/pages\/4698\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.vestral.sk\/index.php\/wp-json\/wp\/v2\/media?parent=4698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}