Thank You<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: \"Segoe UI\", Arial, sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n background: linear-gradient(135deg, #f8fafc, #e2e8f0);\r\n overflow: hidden;\r\n }\r\n .thank-you-box {\r\n text-align: center;\r\n background: #fff;\r\n padding: 50px;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.12);\r\n position: relative;\r\n z-index: 1;\r\n animation: popIn 0.6s ease-out;\r\n }\r\n .thank-you-box h1 {\r\n color: #2e7d32;\r\n margin-bottom: 12px;\r\n font-size: 2.2em;\r\n }\r\n .thank-you-box p {\r\n font-size: 1.2em;\r\n margin: 0;\r\n color: #555;\r\n }\r\n canvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n @keyframes popIn {\r\n from { transform: scale(0.8); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"thank-you-box\">\r\n <h1>Thank You!<\/h1>\r\n <p>Your submission has been received successfully and will get back to you shortly<\/p>\r\n <\/div>\r\n\r\n <canvas id=\"confetti\"><\/canvas>\r\n\r\n <script>\r\n const canvas = document.getElementById(\"confetti\");\r\n const ctx = canvas.getContext(\"2d\");\r\n canvas.width = window.innerWidth;\r\n canvas.height = window.innerHeight;\r\n\r\n let confetti = [];\r\n const colors = [\"#16a34a\",\"#2563eb\",\"#f59e0b\",\"#dc2626\",\"#7c3aed\",\"#f43f5e\"];\r\n\r\n class Confetto {\r\n constructor(x, y, burst = false) {\r\n this.x = x || Math.random() * canvas.width;\r\n this.y = y || -20;\r\n this.size = Math.random() * 8 + 6;\r\n this.color = colors[Math.floor(Math.random() * colors.length)];\r\n this.speedY = Math.random() * 3 + 2;\r\n this.speedX = Math.random() * 2 - 1;\r\n this.rotation = Math.random() * 360;\r\n this.rotationSpeed = Math.random() * 10 - 5;\r\n this.opacity = 1;\r\n this.shape = Math.floor(Math.random() * 3); \/\/ 0=square,1=circle,2=triangle\r\n this.burst = burst;\r\n }\r\n draw() {\r\n ctx.save();\r\n ctx.translate(this.x, this.y);\r\n ctx.rotate((this.rotation * Math.PI) \/ 180);\r\n ctx.globalAlpha = this.opacity;\r\n ctx.fillStyle = this.color;\r\n\r\n if (this.shape === 0) {\r\n ctx.fillRect(-this.size\/2, -this.size\/2, this.size, this.size);\r\n } else if (this.shape === 1) {\r\n ctx.beginPath();\r\n ctx.arc(0, 0, this.size\/2, 0, Math.PI * 2);\r\n ctx.fill();\r\n } else {\r\n ctx.beginPath();\r\n ctx.moveTo(0, -this.size\/2);\r\n ctx.lineTo(this.size\/2, this.size\/2);\r\n ctx.lineTo(-this.size\/2, this.size\/2);\r\n ctx.closePath();\r\n ctx.fill();\r\n }\r\n\r\n ctx.restore();\r\n }\r\n update() {\r\n this.y += this.speedY;\r\n this.x += this.speedX;\r\n this.rotation += this.rotationSpeed;\r\n if (this.burst) this.opacity -= 0.01;\r\n }\r\n }\r\n\r\n function createConfetti(count, burst = false, x, y) {\r\n for (let i = 0; i < count; i++) {\r\n confetti.push(new Confetto(x, y, burst));\r\n }\r\n }\r\n\r\n function render() {\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n confetti.forEach((c, i) => {\r\n c.update();\r\n c.draw();\r\n if (c.y > canvas.height || c.opacity <= 0) {\r\n confetti.splice(i, 1);\r\n }\r\n });\r\n requestAnimationFrame(render);\r\n }\r\n\r\n \/\/ Initial rain\r\n createConfetti(100);\r\n\r\n \/\/ Extra bursts for celebration\r\n setTimeout(() => createConfetti(80, true, canvas.width\/2, canvas.height\/2), 800);\r\n setTimeout(() => createConfetti(80, true, canvas.width\/3, canvas.height\/3), 1400);\r\n setTimeout(() => createConfetti(80, true, (canvas.width*2)\/3, canvas.height\/4), 2000);\r\n\r\n render();\r\n\r\n window.addEventListener(\"resize\", () => {\r\n canvas.width = window.innerWidth;\r\n canvas.height = window.innerHeight;\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p> Thank You! We have received your inquiry and will get back to you shortly. <\/h<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7207","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/pages\/7207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/comments?post=7207"}],"version-history":[{"count":13,"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/pages\/7207\/revisions"}],"predecessor-version":[{"id":7224,"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/pages\/7207\/revisions\/7224"}],"wp:attachment":[{"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/media?parent=7207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Thank You<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: \"Segoe UI\", Arial, sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n background: linear-gradient(135deg, #f8fafc, #e2e8f0);\r\n overflow: hidden;\r\n }\r\n .thank-you-box {\r\n text-align: center;\r\n background: #fff;\r\n padding: 50px;\r\n border-radius: 16px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.12);\r\n position: relative;\r\n z-index: 1;\r\n animation: popIn 0.6s ease-out;\r\n }\r\n .thank-you-box h1 {\r\n color: #2e7d32;\r\n margin-bottom: 12px;\r\n font-size: 2.2em;\r\n }\r\n .thank-you-box p {\r\n font-size: 1.2em;\r\n margin: 0;\r\n color: #555;\r\n }\r\n canvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n @keyframes popIn {\r\n from { transform: scale(0.8); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"thank-you-box\">\r\n <h1>Thank You!<\/h1>\r\n <p>Your submission has been received successfully and will get back to you shortly<\/p>\r\n <\/div>\r\n\r\n <canvas id=\"confetti\"><\/canvas>\r\n\r\n <script>\r\n const canvas = document.getElementById(\"confetti\");\r\n const ctx = canvas.getContext(\"2d\");\r\n canvas.width = window.innerWidth;\r\n canvas.height = window.innerHeight;\r\n\r\n let confetti = [];\r\n const colors = [\"#16a34a\",\"#2563eb\",\"#f59e0b\",\"#dc2626\",\"#7c3aed\",\"#f43f5e\"];\r\n\r\n class Confetto {\r\n constructor(x, y, burst = false) {\r\n this.x = x || Math.random() * canvas.width;\r\n this.y = y || -20;\r\n this.size = Math.random() * 8 + 6;\r\n this.color = colors[Math.floor(Math.random() * colors.length)];\r\n this.speedY = Math.random() * 3 + 2;\r\n this.speedX = Math.random() * 2 - 1;\r\n this.rotation = Math.random() * 360;\r\n this.rotationSpeed = Math.random() * 10 - 5;\r\n this.opacity = 1;\r\n this.shape = Math.floor(Math.random() * 3); \/\/ 0=square,1=circle,2=triangle\r\n this.burst = burst;\r\n }\r\n draw() {\r\n ctx.save();\r\n ctx.translate(this.x, this.y);\r\n ctx.rotate((this.rotation * Math.PI) \/ 180);\r\n ctx.globalAlpha = this.opacity;\r\n ctx.fillStyle = this.color;\r\n\r\n if (this.shape === 0) {\r\n ctx.fillRect(-this.size\/2, -this.size\/2, this.size, this.size);\r\n } else if (this.shape === 1) {\r\n ctx.beginPath();\r\n ctx.arc(0, 0, this.size\/2, 0, Math.PI * 2);\r\n ctx.fill();\r\n } else {\r\n ctx.beginPath();\r\n ctx.moveTo(0, -this.size\/2);\r\n ctx.lineTo(this.size\/2, this.size\/2);\r\n ctx.lineTo(-this.size\/2, this.size\/2);\r\n ctx.closePath();\r\n ctx.fill();\r\n }\r\n\r\n ctx.restore();\r\n }\r\n update() {\r\n this.y += this.speedY;\r\n this.x += this.speedX;\r\n this.rotation += this.rotationSpeed;\r\n if (this.burst) this.opacity -= 0.01;\r\n }\r\n }\r\n\r\n function createConfetti(count, burst = false, x, y) {\r\n for (let i = 0; i < count; i++) {\r\n confetti.push(new Confetto(x, y, burst));\r\n }\r\n }\r\n\r\n function render() {\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n confetti.forEach((c, i) => {\r\n c.update();\r\n c.draw();\r\n if (c.y > canvas.height || c.opacity <= 0) {\r\n confetti.splice(i, 1);\r\n }\r\n });\r\n requestAnimationFrame(render);\r\n }\r\n\r\n \/\/ Initial rain\r\n createConfetti(100);\r\n\r\n \/\/ Extra bursts for celebration\r\n setTimeout(() => createConfetti(80, true, canvas.width\/2, canvas.height\/2), 800);\r\n setTimeout(() => createConfetti(80, true, canvas.width\/3, canvas.height\/3), 1400);\r\n setTimeout(() => createConfetti(80, true, (canvas.width*2)\/3, canvas.height\/4), 2000);\r\n\r\n render();\r\n\r\n window.addEventListener(\"resize\", () => {\r\n canvas.width = window.innerWidth;\r\n canvas.height = window.innerHeight;\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p> Thank You! We have received your inquiry and will get back to you shortly. <\/h<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7207","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/pages\/7207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/comments?post=7207"}],"version-history":[{"count":13,"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/pages\/7207\/revisions"}],"predecessor-version":[{"id":7224,"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/pages\/7207\/revisions\/7224"}],"wp:attachment":[{"href":"https:\/\/lexanegypt.com\/ar\/wp-json\/wp\/v2\/media?parent=7207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}