{"id":11,"date":"2024-01-24T05:51:39","date_gmt":"2024-01-24T05:51:39","guid":{"rendered":"https:\/\/glapito.com\/?page_id=11"},"modified":"2026-09-17T15:05:38","modified_gmt":"2026-09-17T15:05:38","slug":"home","status":"publish","type":"page","link":"https:\/\/glapito.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<section class=\"wp-block-cover alignfull has-parallax\" style=\"margin-top:0px;padding-bottom:12.51rem;min-height:666px;aspect-ratio:unset;\"><div class=\"wp-block-cover__image-background wp-image-38 has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-1-5.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-362a54cb wp-block-cover-is-layout-constrained\">\n<div style=\"height:277px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<img decoding=\"async\" \n  src=\"https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/ygyi-edited.png\"\n  class=\"glapito-fade-logo\"\n  alt=\"Glapito Logo\"\n>\n\n<style>\n.glapito-fade-logo {\n    display: block;\n    width: 340px;\n    max-width: 80vw;\n    height: auto;\n\n    opacity: 0;\n    animation: glapitoFadeIn 3s ease forwards;\n}\n\n@keyframes glapitoFadeIn {\n    from {\n        opacity: 0;\n    }\n\n    to {\n        opacity: 1;\n    }\n}\n<\/style>\n<\/div><\/section>\n\n\n\n<div class=\"wp-block-cover alignfull has-parallax wp-duotone-unset-1\" style=\"min-height:100vh;aspect-ratio:unset;\" id=\"about\"><div class=\"wp-block-cover__image-background wp-image-320 size-full has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/glapito.com\/wp-content\/uploads\/2024\/02\/IMG_0161.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-90 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-f719bb7c wp-block-cover-is-layout-constrained\">\n<div style=\"height:355px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\nbody {\n    margin: 0;\n    padding: 0;\n    background: transparent;\n}\n\n.glitch-container {\n    width: 100%;\n    text-align: center;\n    position: relative;\n}\n\n.glitch {\n    display: inline-block;\n    position: relative;\n    font-size: 5vw;\n    font-family: Prata;\n    color: #fff;\n    text-transform: uppercase;\n    animation: glitch-skew 1s infinite alternate;\n}\n\n.glitch::before,\n.glitch::after {\n    content: attr(data-text);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    color: white;\n    overflow: hidden;\n}\n\n.glitch::before {\n    left: 2px;\n    text-shadow: -2px 0 red;\n    clip: rect(24px, 9999px, 90px, 0);\n    animation: glitch-clip 2s infinite alternate-reverse;\n}\n\n.glitch::after {\n    left: -2px;\n    text-shadow: 2px 0 blue;\n    clip: rect(85px, 9999px, 140px, 0);\n    animation: glitch-clip 1.5s infinite alternate-reverse;\n}\n\n@keyframes glitch-skew {\n    0%   { transform: skew(0deg); }\n    20%  { transform: skew(2deg); }\n    40%  { transform: skew(-2deg); }\n    60%  { transform: skew(1deg); }\n    80%  { transform: skew(-1deg); }\n    100% { transform: skew(0deg); }\n}\n\n@keyframes glitch-clip {\n    0%   { clip: rect(0px,9999px,40px,0); }\n    10%  { clip: rect(20px,9999px,100px,0); }\n    20%  { clip: rect(40px,9999px,60px,0); }\n    30%  { clip: rect(80px,9999px,140px,0); }\n    40%  { clip: rect(50px,9999px,100px,0); }\n    50%  { clip: rect(100px,9999px,120px,0); }\n    60%  { clip: rect(30px,9999px,90px,0); }\n    70%  { clip: rect(70px,9999px,140px,0); }\n    80%  { clip: rect(40px,9999px,130px,0); }\n    90%  { clip: rect(90px,9999px,150px,0); }\n    100% { clip: rect(60px,9999px,110px,0); }\n}\n\n@media (max-width:768px){\n    .glitch{\n        font-size:8vw;\n    }\n}\n\n@media (max-width:480px){\n    .glitch{\n        font-size:10vw;\n    }\n}\n<\/style>\n\n<div class=\"glitch-container\">\n    <h1 class=\"glitch\" data-text=\"I want To:\">\n        I Want To:\n    <\/h1>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\nbody {\n    margin: 0;\n    padding: 0;\n    background: transparent;\n}\n\n\n.glitch-buttons {\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 22px;\n    flex-wrap: wrap;\n\n}\n\n\n\n.glitch-button {\n\n    position: relative;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 150px;\n    height: 40px;\n\n\n    background: #ffffff;\n\n    color: #000000;\n\n    border: 1.5px solid #000000;\n\n    text-decoration: none;\n\n    overflow: hidden;\n\n\n    font-family: \"Work Sans\", sans-serif;\n\n    font-size: 12px;\n\n    font-weight: 500;\n\n    text-transform: uppercase;\n\n    letter-spacing: 1.3px;\n\n    text-align: center;\n\n\n    transition: 0.3s ease;\n\n}\n\n\n\n.glitch-button:hover {\n\n    background: #ffffff;\n\n}\n\n\n\n.glitch-text {\n\n    position: relative;\n\n    display: block;\n\n    width:100%;\n\n    text-align:center;\n\n    color:#000000;\n\n    font-family:\"Work Sans\", sans-serif;\n\n}\n\n\n\n.glitch-text::before,\n.glitch-text::after {\n\n    content:attr(data-text);\n\n    position:absolute;\n\n    left:0;\n\n    width:100%;\n\n    overflow:hidden;\n\n    color:#000000;\n\n    pointer-events:none;\n\n}\n\n\n\n.glitch-button:hover .glitch-text::before {\n\n    animation:glitchTop 0.3s infinite linear alternate-reverse;\n\n}\n\n\n\n.glitch-button:hover .glitch-text::after {\n\n    animation:glitchBottom 0.3s infinite linear alternate-reverse;\n\n}\n\n\n\n@keyframes glitchTop {\n\n    0% {\n\n        clip-path:inset(0 0 80% 0);\n\n        transform:translate(-1px,-1px);\n\n    }\n\n    25% {\n\n        clip-path:inset(0 0 60% 0);\n\n        transform:translate(1px,1px);\n\n    }\n\n    50% {\n\n        clip-path:inset(0 0 40% 0);\n\n        transform:translate(-1px,1px);\n\n    }\n\n    75% {\n\n        clip-path:inset(0 0 70% 0);\n\n        transform:translate(1px,-1px);\n\n    }\n\n    100% {\n\n        clip-path:inset(0 0 80% 0);\n\n        transform:translate(0);\n\n    }\n\n}\n\n\n\n@keyframes glitchBottom {\n\n    0% {\n\n        clip-path:inset(80% 0 0 0);\n\n        transform:translate(1px,1px);\n\n    }\n\n    25% {\n\n        clip-path:inset(60% 0 0 0);\n\n        transform:translate(-1px,-1px);\n\n    }\n\n    50% {\n\n        clip-path:inset(40% 0 0 0);\n\n        transform:translate(1px,-1px);\n\n    }\n\n    75% {\n\n        clip-path:inset(70% 0 0 0);\n\n        transform:translate(-1px,1px);\n\n    }\n\n    100% {\n\n        clip-path:inset(80% 0 0 0);\n\n        transform:translate(0);\n\n    }\n\n}\n\n\/* ===========================================================\n   DESKTOP BUTTON TEXT SIZE\n=========================================================== *\/\n\n@media (min-width:769px) {\n\n    .glitch-button {\n\n        font-size:16px;\n\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const sleepButton = document.getElementById(\"sleep-button\");\n\n    if (!sleepButton) return;\n\n    \/*\n     * SLEEP DESTINATIONS\n     *\n     * Fashion:\n     * Zara\n     * H&M\n     * SHEIN\n     * Temu\n     * Fashion Nova\n     * Boohoo\n     * PrettyLittleThing\n     * Forever 21\n     * Primark\n     * ASOS\n     * ZAFUL\n     * ROMWE\n     * Cider\n     *\n     * Art:\n     * Damien Hirst\n     * Jeff Koons\n     *\/\n\n    const destinations = [\n\n        \/\/ FAST FASHION \/ CONSUMPTION\n\n        \"https:\/\/www.zara.com\/\",\n        \"https:\/\/www2.hm.com\/\",\n        \"https:\/\/www.shein.com\/\",\n        \"https:\/\/www.temu.com\/\",\n        \"https:\/\/www.fashionnova.com\/\",\n        \"https:\/\/www.boohoo.com\/\",\n        \"https:\/\/www.prettylittlething.com\/\",\n        \"https:\/\/www.forever21.com\/\",\n        \"https:\/\/www.primark.com\/\",\n        \"https:\/\/www.asos.com\/\",\n        \"https:\/\/www.zaful.com\/\",\n        \"https:\/\/www.romwe.com\/\",\n        \"https:\/\/www.shopcider.com\/\",\n\n        \/\/ CONTEMPORARY ART \/ ART MARKET\n\n        \"https:\/\/www.damienhirst.com\/\",\n        \"https:\/\/www.jeffkoons.com\/\"\n\n    ];\n\n\n    \/*\n     * REMEMBER WHERE THE VISITOR IS\n     *\n     * This means:\n     *\n     * 1st click  \u2192 Zara\n     * 2nd click \u2192 H&M\n     * 3rd click \u2192 SHEIN\n     * ...\n     * 15th click \u2192 Jeff Koons\n     * 16th click \u2192 Zara again\n     *\n     * The position survives page reloads.\n     *\/\n\n    let currentDestination =\n        parseInt(localStorage.getItem(\"sleepDestination\"), 10) || 0;\n\n\n    sleepButton.addEventListener(\"click\", function (event) {\n\n        event.preventDefault();\n\n\n        \/*\n         * Save the destination BEFORE leaving\n         * the Glapito website.\n         *\/\n\n        const destination = destinations[currentDestination];\n\n\n        currentDestination++;\n\n        if (currentDestination >= destinations.length) {\n            currentDestination = 0;\n        }\n\n\n        localStorage.setItem(\n            \"sleepDestination\",\n            currentDestination\n        );\n\n\n        \/*\n         * Send the visitor away.\n         *\/\n\n        window.location.href = destination;\n\n    });\n\n});\n<\/script>\n\n<div class=\"glitch-buttons\">\n\n    <a class=\"glitch-button\" href=\"#\" id=\"sleep-button\">\n        <span class=\"glitch-text\" data-text=\"sleep\">sleep<\/span>\n    <\/a>\n\n    <a class=\"glitch-button\" href=\"\/index.php\/see\">\n        <span class=\"glitch-text\" data-text=\"see\">see<\/span>\n    <\/a>\n\n<\/div>\n\n\n\n<div style=\"height:384px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\nbody {\n    margin: 0;\n    padding: 0;\n    background: transparent;\n}\n\n.glitch-container {\n    width: 100%;\n    text-align: center;\n    position: relative;\n}\n\n.glitch {\n    display: inline-block;\n    position: relative;\n    font-size: 5vw;\n    font-family: Prata;\n    color: #fff;\n    text-transform: uppercase;\n    animation: glitch-skew 1s infinite alternate;\n}\n\n.glitch::before,\n.glitch::after {\n    content: attr(data-text);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    color: white;\n    overflow: hidden;\n}\n\n.glitch::before {\n    left: 2px;\n    text-shadow: -2px 0 red;\n    clip: rect(24px, 9999px, 90px, 0);\n    animation: glitch-clip 2s infinite alternate-reverse;\n}\n\n.glitch::after {\n    left: -2px;\n    text-shadow: 2px 0 blue;\n    clip: rect(85px, 9999px, 140px, 0);\n    animation: glitch-clip 1.5s infinite alternate-reverse;\n}\n\n@keyframes glitch-skew {\n    0%   { transform: skew(0deg); }\n    20%  { transform: skew(2deg); }\n    40%  { transform: skew(-2deg); }\n    60%  { transform: skew(1deg); }\n    80%  { transform: skew(-1deg); }\n    100% { transform: skew(0deg); }\n}\n\n@keyframes glitch-clip {\n    0%   { clip: rect(0px,9999px,40px,0); }\n    10%  { clip: rect(20px,9999px,100px,0); }\n    20%  { clip: rect(40px,9999px,60px,0); }\n    30%  { clip: rect(80px,9999px,140px,0); }\n    40%  { clip: rect(50px,9999px,100px,0); }\n    50%  { clip: rect(100px,9999px,120px,0); }\n    60%  { clip: rect(30px,9999px,90px,0); }\n    70%  { clip: rect(70px,9999px,140px,0); }\n    80%  { clip: rect(40px,9999px,130px,0); }\n    90%  { clip: rect(90px,9999px,150px,0); }\n    100% { clip: rect(60px,9999px,110px,0); }\n}\n\n@media (max-width:768px){\n    .glitch{\n        font-size:8vw;\n    }\n}\n\n@media (max-width:480px){\n    .glitch{\n        font-size:10vw;\n    }\n}\n<\/style>\n\n<div class=\"glitch-container\">\n    <h1 class=\"glitch\" data-text=\"Live In Reality.\">\n        Live In Reality.\n    <\/h1>\n<\/div>\n\n\n\n<div style=\"height:263px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull has-parallax\" style=\"margin-top:0px;margin-bottom:0px;min-height:100vh;aspect-ratio:unset;\" id=\"contacts\"><div class=\"wp-block-cover__image-background wp-image-147 has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/uzlime1.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-90 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-7ab63551 wp-block-cover-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-design-4-copy-1024x585.png\" alt=\"\" class=\"wp-image-31\" style=\"aspect-ratio:1.7504761904761905;width:392px;height:auto\" srcset=\"https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-design-4-copy-1024x585.png 1024w, https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-design-4-copy-600x343.png 600w, https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-design-4-copy-300x171.png 300w, https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-design-4-copy-768x439.png 768w, https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-design-4-copy.png 1050w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-essential-blocks-text  root-eb-text-wh1am\"><div class=\"eb-parent-wrapper eb-parent-eb-text-wh1am \"><div class=\"eb-text-wrapper eb-text-wh1am\" data-id=\"eb-text-wh1am\"><h5 class=\"eb-text\">email: reality@glapito.com<br>PHONE NUMBER: +371 28328379<\/h5><\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":293,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1679,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/1679"}],"wp:attachment":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}