{"id":43578,"date":"2024-11-06T17:45:16","date_gmt":"2024-11-06T15:45:16","guid":{"rendered":"https:\/\/lavacaloca.projectv.gr\/?page_id=43578"},"modified":"2024-12-03T22:15:22","modified_gmt":"2024-12-03T20:15:22","slug":"lavacaloca-home","status":"publish","type":"page","link":"https:\/\/lavacaloca.projectv.gr\/el\/lavacaloca-home\/","title":{"rendered":"Lavacaloca Home"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1730986178521 vc_row-no-padding wd-rs-672cc0bcacee3 wd-section-stretch-content-no-pd\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-md vc_hidden-sm vc_hidden-xs wd-bg-center-center wd-rs-672cc0b8c2b36\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div style=\"padding:56.25% 0 0 0; position:relative;\">\n    <!-- Video Player -->\n    <video \n        src=\"https:\/\/lavacaloca.gr\/wp-content\/uploads\/2024\/11\/video-front.mp4\" \n        muted autoplay loop playsinline\n style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; cursor: pointer;\" \n        title=\"Video aw24|25 front page c\"\n        id=\"videoPlayer\">\n    <\/video>\n\n    <div style=\"position: absolute; top: 45%; left: 75%; transform: translate(-50%, -50%); display: flex; gap: 20px; z-index: 10; opacity: 0; animation: fadeIn 1s ease-in-out forwards; animation-delay: 3s;\">\n        <a href=\"https:\/\/lavacaloca.gr\/product-tag\/aw-24-25\/\"  \n           style=\"background-color: rgba(204, 204, 204, 0.35); color: #000; padding: 6px 12px; border: 0px solid #000; border-radius: 20px; text-decoration: none; font-size: 12px; font-weight: bold;\">\n            aw 24|25\n        <\/a>\n        <a href=\"https:\/\/lavacaloca.gr\/stockists\/\"\n           style=\"background-color: rgba(204, 204, 204, 0.35); color: #000; padding: 6px 12px; border: 0px solid #000; border-radius: 20px; text-decoration: none; font-size: 12px; font-weight: bold;\">\n            stockists\n        <\/a>\n        <a href=\"https:\/\/lavacaloca.gr\/projects\/\"\n           style=\"background-color: rgba(204, 204, 204, 0.35); color: #000; padding: 6px 12px; border: 0px solid #000; border-radius: 20px; text-decoration: none; font-size: 12px; font-weight: bold;\">\n            projects\n        <\/a>\n        <a href=\"https:\/\/lavacaloca.gr\/product-category\/offers\/\"\n           style=\"background-color: rgba(204, 204, 204, 0.35); color: #000; padding: 6px 12px; border: 0px solid #000; border-radius: 20px; text-decoration: none; font-size: 12px; font-weight: bold;\">\n            offers\n        <\/a>    \n    <\/div>\n<\/div>\n\n<!-- JavaScript -->\n<script>\n    document.getElementById('videoPlayer').addEventListener('click', function() {\n    \/\/ \u0395\u03bb\u03ad\u03b3\u03c7\u03b5\u03b9 \u03b1\u03bd \u03b7 \u03bf\u03b8\u03cc\u03bd\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ae (\u03ae \u03b1\u03c0\u03cc mobile \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1 \u03cc\u03c0\u03c9\u03c2 Instagram)\n    if (window.innerWidth <= 1024) {\n        window.location.href = 'https:\/\/lavacaloca.gr\/product-tag\/aw-24-25\/';\n    }\n});\n<\/script>\n\n<!-- CSS \u03b3\u03b9\u03b1 \u03c4\u03bf fade-in \u03b5\u03c6\u03ad -->\n<style>\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n video {\n        display: block;\n        width: 100%;\n        height: 100%;\n        max-width: 100%;\n        object-fit: cover;\n        cursor: pointer; \/* \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03cc\u03c4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 clickable *\/\n    }\n<\/style>\n\n<script>\n    \/\/ \u0395\u03bb\u03ad\u03b3\u03c7\u03b5\u03b9 \u03b1\u03bd \u03c4\u03bf URL \u03c0\u03b5\u03c1\u03b9\u03ad\u03c7\u03b5\u03b9 \"#mobile\"\n    if (window.location.hash === \"#mobile\") {\n        \/\/ \u03a0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c4\u03b5\u03b9 \u03c4\u03b7\u03bd \u03ba\u03bb\u03ac\u03c3\u03b7 \"mobile-video\" \u03c3\u03c4\u03bf video section \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf \u03c6\u03bf\u03c1\u03c4\u03ce\u03c3\u03b5\u03b9 \u03b3\u03b9\u03b1 mobile\n        document.getElementById('videoSection').classList.remove('desktop-video');\n        document.getElementById('videoSection').classList.add('mobile-video');\n    }\n<\/script>\n\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_row-no-padding wd-rs-67472bf7a7be0 wd-section-stretch-content-no-pd\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg wd-rs-672cc04fd2626\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Multiple Videos<\/title>\n    <style>\n        \/* CSS fade-in animation *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        \/* Style button *\/\n        .button-container {\n            position: absolute; \n            top: 45%; \n            left: 80%; \n            transform: translate(-50%, -50%); \n            display: flex; \n            gap: 20px; \n            z-index: 10; \n            opacity: 0; \n            animation: fadeIn 1s ease-in-out forwards; \n            animation-delay: 1s;\n        }\n\n        \/* Container video *\/\n        .video-section {\n            position: relative;\n            width: 100vw;\n            height: 100vh;\n            overflow: hidden;\n        }\n\n        video {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100vw;\n            height: 100vh;\n            object-fit: cover;\n            cursor: pointer; \/* \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03cc\u03c4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 clickable *\/\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u0392\u03af\u03bd\u03c4\u03b5\u03bf 1 -->\n    <div class=\"video-section\">\n        <a href=\"https:\/\/lavacaloca.gr\/product-tag\/aw-24-25\/\" class=\"video-container\">\n            <video autoplay muted loop playsinline title=\"Video 1\">\n                <source src=\"https:\/\/lavacaloca.gr\/wp-content\/uploads\/2024\/11\/video-1.mp4\" type=\"video\/mp4\">\n            <\/video>\n        <\/a>\n        <div class=\"button-container\">\n            <a href=\"https:\/\/lavacaloca.gr\/product-tag\/aw-24-25\/\" style=\"background-color: rgba(204, 204, 204, 0.35); color: #000; padding: 6px 12px; border: 0px solid #000; border-radius: 19px; text-decoration: none; font-size: 12px; font-weight: bold;\">aw 24|25<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- \u0392\u03af\u03bd\u03c4\u03b5\u03bf 2 -->\n    <div class=\"video-section\">\n        <a href=\"https:\/\/lavacaloca.gr\/stockists\/\" class=\"video-container\">\n            <video autoplay muted loop playsinline title=\"Video 2\">\n                <source src=\"https:\/\/lavacaloca.gr\/wp-content\/uploads\/2024\/11\/Video-2.mp4\" type=\"video\/mp4\">\n            <\/video>\n        <\/a>\n        <div class=\"button-container\">\n            <a href=\"https:\/\/lavacaloca.gr\/stockists\/\" style=\"background-color: rgba(204, 204, 204, 0.35); color: #000; padding: 6px 12px; border: 0px solid #000; border-radius: 20px; text-decoration: none; font-size: 12px; font-weight: bold;\">stockists<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- \u0392\u03af\u03bd\u03c4\u03b5\u03bf 3 -->\n    <div class=\"video-section\">\n        <a href=\"https:\/\/lavacaloca.gr\/projects\/\" class=\"video-container\">\n            <video autoplay muted loop playsinline title=\"Video 3\">\n                <source src=\"https:\/\/lavacaloca.gr\/wp-content\/uploads\/2024\/11\/video-3.mp4\" type=\"video\/mp4\">\n            <\/video>\n        <\/a>\n        <div class=\"button-container\">\n            <a href=\"https:\/\/lavacaloca.gr\/projects\/\" style=\"background-color: rgba(204, 204, 204, 0.35); color: #000; padding: 6px 12px; border: 0px solid #000; border-radius: 20px; text-decoration: none; font-size: 12px; font-weight: bold;\">projects<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- \u0392\u03af\u03bd\u03c4\u03b5\u03bf 4 -->\n    <div class=\"video-section\">\n        <a href=\"https:\/\/lavacaloca.gr\/product-category\/offers\/\" class=\"video-container\">\n            <video autoplay muted loop playsinline title=\"Video 4\">\n                <source src=\"https:\/\/lavacaloca.gr\/wp-content\/uploads\/2024\/11\/video-4.mp4\" type=\"video\/mp4\">\n            <\/video>\n        <\/a>\n        <div class=\"button-container\">\n            <a href=\"https:\/\/lavacaloca.gr\/product-category\/offers\/\" style=\"background-color: rgba(204, 204, 204, 0.35); color: #000; padding: 6px 12px; border: 0px solid #000; border-radius: 20px; text-decoration: none; font-size: 12px; font-weight: bold;\">offers<\/a>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<style>\n#mobile_video-home{\nwidth: 100%;\n}\n<\/style>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"aw 24|25 stockists projects offers Multiple Videos aw 24|25 stockists projects offers","protected":false},"author":574,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-43578","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/lavacaloca.projectv.gr\/el\/wp-json\/wp\/v2\/pages\/43578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lavacaloca.projectv.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lavacaloca.projectv.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lavacaloca.projectv.gr\/el\/wp-json\/wp\/v2\/users\/574"}],"replies":[{"embeddable":true,"href":"https:\/\/lavacaloca.projectv.gr\/el\/wp-json\/wp\/v2\/comments?post=43578"}],"version-history":[{"count":0,"href":"https:\/\/lavacaloca.projectv.gr\/el\/wp-json\/wp\/v2\/pages\/43578\/revisions"}],"wp:attachment":[{"href":"https:\/\/lavacaloca.projectv.gr\/el\/wp-json\/wp\/v2\/media?parent=43578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}