{"id":892,"date":"2020-08-16T10:28:21","date_gmt":"2020-08-16T10:28:21","guid":{"rendered":"http:\/\/ninzio.com\/byron\/?page_id=892"},"modified":"2026-06-20T09:36:34","modified_gmt":"2026-06-20T09:36:34","slug":"home-main","status":"publish","type":"page","link":"https:\/\/rei.cliquestudiosgh.com\/?page_id=892","title":{"rendered":"Home Main"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<\/span>\n\n\t\t\t\t\t
\n\t\t\t\t\t\t\"\"\n\t\t\t\t \t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \t<\/i>\n\t\t\t\t\t\t\t \t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t <\/div>\n\n\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t \t
We represent the future of the construction<\/div>\n\t \n\t \t

Safety, quality and sustainability<\/h2>\n\t \n\t \n\t \t
At Byron, we have helped customers complete more than 5,000 projects in 160 countries on all continents that have created jobs, grown economies, improved the resiliency of the world's infrastructure, increased access to resources and vital services and made the world a safer place.\u00a0<\/div>\n\t \t <\/div>\n\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t
\n\t\t
\n\t\t\t \t\t\t \t<\/i>\n\t\t\t \t\t\t\t \t\t <\/div> \n\n\t\t
\n\t\t Construction Technology\t\t <\/div>\n\t\t <\/div>\n\t <\/div>\n\n\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t
\n\t\t
\n\t\t\t \t\t\t \t<\/i>\n\t\t\t \t\t\t\t \t\t <\/div> \n\n\t\t
\n\t\t Heavy Engineering\t\t <\/div>\n\t\t <\/div>\n\t <\/div>\n\n\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t
\n\t\t
\n\t\t\t \t\t\t \t<\/i>\n\t\t\t \t\t\t\t \t\t <\/div> \n\n\t\t
\n\t\t Hydrocarbon Engineering\t\t <\/div>\n\t\t <\/div>\n\t <\/div>\n\n\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t
\n\t\t
\n\t\t\t \t\t\t \t<\/i>\n\t\t\t \t\t\t\t \t\t <\/div> \n\n\t\t
\n\t\t Metallurgical & Material \t\t <\/div>\n\t\t <\/div>\n\t <\/div>\n\n\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t
\n\t\t
\n\t\t\t \t\t\t \t<\/i>\n\t\t\t \t\t\t\t \t\t <\/div> \n\n\t\t
\n\t\t Electrical & Automation\t\t <\/div>\n\t\t <\/div>\n\t <\/div>\n\n\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t
\n\t\t
\n\t\t\t \t\t\t \t<\/i>\n\t\t\t \t\t\t\t \t\t <\/div> \n\n\t\t
\n\t\t Mining Machinery\t\t <\/div>\n\t\t <\/div>\n\t <\/div>\n\n\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n \n Our Services<\/span>\n <\/a>\n\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nDate Planner<\/title>\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\nbody {\r\n font-family: 'Inter', sans-serif;\r\n background: #fdf9f9;\r\n}\r\n\r\n.display-font {\r\n font-family: 'Playfair Display', serif;\r\n}\r\n\r\n.heart {\r\n position: absolute;\r\n color: rgba(220,38,38,.12);\r\n animation: float 10s linear infinite;\r\n}\r\n\r\n@keyframes float {\r\n from {\r\n transform: translateY(100vh);\r\n }\r\n to {\r\n transform: translateY(-100px);\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Floating Hearts -->\r\n<div class=\"fixed inset-0 overflow-hidden pointer-events-none\">\r\n <div class=\"heart text-3xl left-[10%]\">\u2665<\/div>\r\n <div class=\"heart text-4xl left-[30%] animation-delay-[2s]\">\u2665<\/div>\r\n <div class=\"heart text-2xl left-[60%]\">\u2665<\/div>\r\n <div class=\"heart text-5xl left-[80%]\">\u2665<\/div>\r\n<\/div>\r\n\r\n<div class=\"min-h-screen flex items-center justify-center px-4 py-12\">\r\n\r\n <div class=\"w-full max-w-md\">\r\n\r\n <!-- Hero -->\r\n <div class=\"text-center mb-10\">\r\n\r\n <div class=\"w-16 h-16 rounded-full bg-red-100 mx-auto flex items-center justify-center mb-6\">\r\n \u2764\ufe0f\r\n <\/div>\r\n\r\n <h1 class=\"display-font text-5xl font-semibold\">\r\n Hey Beautiful\r\n <\/h1>\r\n\r\n <p class=\"mt-4 text-gray-500\">\r\n I've got something special planned for us.\r\n <br>\r\n But first, tell me a little about your vibe today.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- Form -->\r\n <form id=\"dateForm\"\r\n class=\"bg-white rounded-3xl border p-8 shadow-sm space-y-5\">\r\n\r\n <div>\r\n <label class=\"block mb-2 text-sm font-medium\">\r\n Your Name\r\n <\/label>\r\n\r\n <input\r\n type=\"text\"\r\n id=\"name\"\r\n class=\"w-full border rounded-xl px-4 h-12\"\r\n placeholder=\"How do I best address you?\"\r\n required\r\n >\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block mb-2 text-sm font-medium\">\r\n Passcode\r\n <\/label>\r\n\r\n <input\r\n type=\"password\"\r\n id=\"passcode\"\r\n class=\"w-full border rounded-xl px-4 h-12\"\r\n placeholder=\"Secret passcode\"\r\n required\r\n >\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block mb-2 text-sm font-medium\">\r\n How are you feeling today?\r\n <\/label>\r\n\r\n <select id=\"mood\"\r\n class=\"w-full border rounded-xl px-4 h-12\"\r\n required>\r\n\r\n <option value=\"\">Choose mood<\/option>\r\n <option>Happy & Excited<\/option>\r\n <option>Relaxed & Chill<\/option>\r\n <option>Adventurous<\/option>\r\n <option>Romantic & Dreamy<\/option>\r\n\r\n <\/select>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block mb-2 text-sm font-medium\">\r\n Are you in for a date?\r\n <\/label>\r\n\r\n <select id=\"outfit_vibe\"\r\n class=\"w-full border rounded-xl px-4 h-12\"\r\n required>\r\n\r\n <option value=\"\">Choose one<\/option>\r\n <option>Yes, I'm so in!<\/option>\r\n <option>Of course, silly!<\/option>\r\n <option>You better not be joking<\/option>\r\n <option>I thought you'd never ask<\/option>\r\n\r\n <\/select>\r\n <\/div>\r\n\r\n <button\r\n type=\"submit\"\r\n class=\"w-full h-12 rounded-xl bg-red-600 text-white hover:bg-red-700 transition\">\r\n\r\n Now let's plan our date \u2764\ufe0f\r\n\r\n <\/button>\r\n\r\n <\/form>\r\n\r\n <!-- Result -->\r\n <div id=\"result\" class=\"hidden mt-6 bg-white p-6 rounded-2xl border\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById('dateForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n const data = {\r\n name: document.getElementById('name').value,\r\n passcode: document.getElementById('passcode').value,\r\n mood: document.getElementById('mood').value,\r\n outfit_vibe: document.getElementById('outfit_vibe').value\r\n };\r\n\r\n const result = document.getElementById('result');\r\n\r\n result.innerHTML = `\r\n <h2 class=\"text-2xl font-bold mb-3\">\r\n Hello ${data.name} \ud83d\udc95\r\n <\/h2>\r\n\r\n <p><strong>Mood:<\/strong> ${data.mood}<\/p>\r\n <p><strong>Answer:<\/strong> ${data.outfit_vibe}<\/p>\r\n\r\n <p class=\"mt-4 text-red-600\">\r\n Ready to plan your date!\r\n <\/p>\r\n `;\r\n\r\n result.classList.remove('hidden');\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We represent the future of the construction Safety, quality and sustainability At Byron, we have helped customers complete more than 5,000 projects in 160 countries on all continents that have created jobs, grown economies, improved the resiliency of the world’s infrastructure, increased access to resources and vital<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-892","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rei.cliquestudiosgh.com\/index.php?rest_route=\/wp\/v2\/pages\/892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rei.cliquestudiosgh.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rei.cliquestudiosgh.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rei.cliquestudiosgh.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rei.cliquestudiosgh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=892"}],"version-history":[{"count":4,"href":"https:\/\/rei.cliquestudiosgh.com\/index.php?rest_route=\/wp\/v2\/pages\/892\/revisions"}],"predecessor-version":[{"id":2141,"href":"https:\/\/rei.cliquestudiosgh.com\/index.php?rest_route=\/wp\/v2\/pages\/892\/revisions\/2141"}],"wp:attachment":[{"href":"https:\/\/rei.cliquestudiosgh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}