{"id":281,"date":"2026-09-16T01:53:03","date_gmt":"2026-09-15T21:53:03","guid":{"rendered":"https:\/\/thecavalla.com\/?page_id=281"},"modified":"2026-09-16T11:53:47","modified_gmt":"2026-09-16T07:53:47","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/thecavalla.com\/en\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n \r\n \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/title>\r\n <style>\r\n :root {\r\n --cavalla-primary: #7F5A58;\r\n --cavalla-soft: #EEE2D8;\r\n --cavalla-primary-dark: #634342;\r\n --cavalla-primary-light: #966f6d;\r\n --cavalla-soft-light: #F9F4F0;\r\n --text-dark: #2D2424;\r\n --text-muted: #6B5E5D;\r\n --white: #FFFFFF;\r\n --shadow-sm: 0 4px 6px -1px rgba(127, 90, 88, 0.05), 0 2px 4px -1px rgba(127, 90, 88, 0.03);\r\n --shadow-md: 0 10px 25px -5px rgba(127, 90, 88, 0.1), 0 8px 10px -6px rgba(127, 90, 88, 0.05);\r\n --shadow-lg: 0 20px 35px -10px rgba(127, 90, 88, 0.15);\r\n --radius-lg: 20px;\r\n --radius-md: 12px;\r\n --radius-sm: 8px;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Base Resets & Arabic Typography (System Fonts Only) *\/\r\n .cavalla-contact-wrapper * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: system-ui, -apple-system, \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .cavalla-contact-wrapper {\r\n background-color: var(--white);\r\n color: var(--text-dark);\r\n padding: 60px 20px;\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .cavalla-container {\r\n max-width: 1140px;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* HEADER SECTION *\/\r\n .cavalla-header {\r\n text-align: center;\r\n max-width: 650px;\r\n margin: 0 auto 50px auto;\r\n }\r\n\r\n .cavalla-tag {\r\n display: inline-block;\r\n background-color: var(--cavalla-soft);\r\n color: var(--cavalla-primary);\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n padding: 6px 18px;\r\n border-radius: 50px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .cavalla-title {\r\n font-size: 2.5rem;\r\n color: var(--cavalla-primary);\r\n font-weight: 700;\r\n line-height: 1.3;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .cavalla-subtitle {\r\n font-size: 1.05rem;\r\n color: var(--text-muted);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* MAIN GRID LAYOUT *\/\r\n .cavalla-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.3fr;\r\n gap: 40px;\r\n align-items: start;\r\n }\r\n\r\n \/* INFO CARDS SECTION *\/\r\n .cavalla-info-sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .cavalla-info-card {\r\n background: var(--cavalla-soft-light);\r\n padding: 24px;\r\n border-radius: var(--radius-md);\r\n border: 1px solid rgba(127, 90, 88, 0.12);\r\n box-shadow: var(--shadow-sm);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n transition: var(--transition);\r\n }\r\n\r\n .cavalla-info-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n border-color: var(--cavalla-soft);\r\n background: var(--white);\r\n }\r\n\r\n .cavalla-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n background-color: var(--cavalla-soft);\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n color: var(--cavalla-primary);\r\n transition: var(--transition);\r\n }\r\n\r\n .cavalla-info-card:hover .cavalla-icon-box {\r\n background-color: var(--cavalla-primary);\r\n color: var(--white);\r\n }\r\n\r\n .cavalla-icon-box svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: currentColor;\r\n }\r\n\r\n .cavalla-info-content h4 {\r\n font-size: 1.1rem;\r\n color: var(--cavalla-primary);\r\n margin-bottom: 6px;\r\n font-weight: 600;\r\n }\r\n\r\n .cavalla-info-content p, \r\n .cavalla-info-content a {\r\n font-size: 0.95rem;\r\n color: var(--text-muted);\r\n text-decoration: none;\r\n line-height: 1.6;\r\n display: block;\r\n transition: var(--transition);\r\n direction: ltr;\r\n text-align: right;\r\n }\r\n\r\n .cavalla-info-content a:hover {\r\n color: var(--cavalla-primary);\r\n }\r\n\r\n \/* SOCIAL MEDIA CONTAINER *\/\r\n .cavalla-social-box {\r\n background: var(--cavalla-soft-light);\r\n padding: 28px;\r\n border-radius: var(--radius-md);\r\n border: 1px solid rgba(127, 90, 88, 0.12);\r\n box-shadow: var(--shadow-sm);\r\n margin-top: 10px;\r\n }\r\n\r\n .cavalla-social-box h4 {\r\n font-size: 1.1rem;\r\n color: var(--cavalla-primary);\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n text-align: center;\r\n }\r\n\r\n .cavalla-social-box p {\r\n font-size: 0.9rem;\r\n color: var(--text-muted);\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .cavalla-social-links {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n }\r\n\r\n .cavalla-social-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 14px 8px;\r\n border-radius: var(--radius-md);\r\n background-color: var(--white);\r\n color: var(--cavalla-primary);\r\n text-decoration: none;\r\n transition: var(--transition);\r\n border: 1px solid rgba(127, 90, 88, 0.1);\r\n }\r\n\r\n .cavalla-social-item svg {\r\n width: 26px;\r\n height: 26px;\r\n fill: currentColor;\r\n transition: var(--transition);\r\n }\r\n\r\n .cavalla-social-item span {\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .cavalla-social-item:hover {\r\n background-color: var(--cavalla-primary);\r\n color: var(--cavalla-soft);\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .cavalla-social-item:hover svg {\r\n transform: scale(1.15);\r\n }\r\n\r\n \/* FORM SECTION *\/\r\n .cavalla-form-container {\r\n background: var(--cavalla-soft-light);\r\n padding: 40px;\r\n border-radius: var(--radius-lg);\r\n border: 1px solid rgba(127, 90, 88, 0.12);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .cavalla-form-group {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .cavalla-form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .cavalla-label {\r\n display: block;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: var(--cavalla-primary);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .cavalla-input,\r\n .cavalla-textarea,\r\n .cavalla-select {\r\n width: 100%;\r\n padding: 14px 18px;\r\n border-radius: var(--radius-sm);\r\n border: 1px solid var(--cavalla-soft);\r\n background-color: var(--white);\r\n color: var(--text-dark);\r\n font-size: 0.95rem;\r\n outline: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .cavalla-input:focus,\r\n .cavalla-textarea:focus,\r\n .cavalla-select:focus {\r\n border-color: var(--cavalla-primary);\r\n background-color: var(--white);\r\n box-shadow: 0 0 0 4px rgba(127, 90, 88, 0.15);\r\n }\r\n\r\n .cavalla-textarea {\r\n resize: vertical;\r\n min-height: 140px;\r\n }\r\n\r\n .cavalla-btn {\r\n width: 100%;\r\n background-color: var(--cavalla-primary);\r\n color: var(--white);\r\n border: none;\r\n padding: 16px 28px;\r\n border-radius: var(--radius-sm);\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n transition: var(--transition);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .cavalla-btn:hover {\r\n background-color: var(--cavalla-primary-dark);\r\n box-shadow: var(--shadow-md);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .cavalla-btn:disabled {\r\n opacity: 0.7;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .cavalla-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: currentColor;\r\n transition: var(--transition);\r\n transform: scaleX(-1); \/* Flip send icon for RTL *\/\r\n }\r\n\r\n .cavalla-btn:hover:not(:disabled) svg {\r\n transform: scaleX(-1) translateX(4px);\r\n }\r\n\r\n \/* Success & Status Alert Container *\/\r\n .cavalla-alert {\r\n display: none;\r\n padding: 14px 18px;\r\n border-radius: var(--radius-sm);\r\n font-size: 0.95rem;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n line-height: 1.5;\r\n }\r\n\r\n .cavalla-alert-success {\r\n background-color: var(--cavalla-soft);\r\n color: var(--cavalla-primary-dark);\r\n border: 1px solid var(--cavalla-primary);\r\n }\r\n\r\n .cavalla-alert-error {\r\n background-color: #FEE2E2;\r\n color: #991B1B;\r\n border: 1px solid #F87171;\r\n }\r\n\r\n \/* Spinner for Button *\/\r\n .cavalla-spinner {\r\n display: inline-block;\r\n width: 18px;\r\n height: 18px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n border-top-color: #fff;\r\n animation: cavalla-spin 0.8s linear infinite;\r\n }\r\n\r\n @keyframes cavalla-spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n \/* Responsive Breakpoints *\/\r\n @media (max-width: 900px) {\r\n .cavalla-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .cavalla-title {\r\n font-size: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 580px) {\r\n .cavalla-contact-wrapper {\r\n padding: 30px 15px;\r\n }\r\n .cavalla-form-container {\r\n padding: 25px 20px;\r\n }\r\n .cavalla-form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n .cavalla-social-links {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"cavalla-contact-wrapper\">\r\n <div class=\"cavalla-container\">\r\n \r\n <!-- Header Section -->\r\n <div class=\"cavalla-header\">\r\n <span class=\"cavalla-tag\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n <h1 class=\"cavalla-title\">\u064a\u0633\u0639\u062f\u0646\u0627 \u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627<\/h1>\r\n <p class=\"cavalla-subtitle\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0623\u0648 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f\u0629\u061f \u064a\u0645\u0643\u0646\u0643 \u0645\u0644\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0623\u0648 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a.<\/p>\r\n <\/div>\r\n\r\n <!-- Main Grid Layout -->\r\n <div class=\"cavalla-grid\">\r\n \r\n <!-- Left Column: Contact Cards & Socials -->\r\n <div class=\"cavalla-info-sidebar\">\r\n \r\n <!-- Email Card -->\r\n <div class=\"cavalla-info-card\">\r\n <div class=\"cavalla-icon-box\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"cavalla-info-content\">\r\n <h4>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h4>\r\n <a href=\"mailto:hello@example.com\">hello@example.com<\/a>\r\n <a href=\"mailto:support@example.com\">support@example.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Phone & WhatsApp Card -->\r\n <div class=\"cavalla-info-card\">\r\n <div class=\"cavalla-icon-box\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"cavalla-info-content\">\r\n <h4>\u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/h4>\r\n <a href=\"https:\/\/wsend.co\/971543030868\" target=\"_blank\">+971 54 303 0868<\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Social Media Container -->\r\n <div class=\"cavalla-social-box\">\r\n <h4>\u062a\u0627\u0628\u0639\u0646\u0627 \u0639\u0644\u0649 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h4>\r\n <p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0645\u0646\u0635\u062a\u0643 \u0627\u0644\u0645\u0641\u0636\u0644\u0629<\/p>\r\n <div class=\"cavalla-social-links\">\r\n \r\n <!-- TikTok -->\r\n <a href=\"https:\/\/www.tiktok.com\/@thecavalla?_r=1&_t=ZS-99Q9vhpOPea\" target=\"_blank\" class=\"cavalla-social-item\" title=\"\u062a\u064a\u0643 \u062a\u0648\u0643\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 1 1-5.2-1.74 2.89 2.89 0 0 1 2.31-1.14v-3.5a6.37 6.37 0 0 0-1.12.1 6.34 6.34 0 1 0 7.46 6.24V9.4A8.28 8.28 0 0 0 19.59 11V6.69z\"\/>\r\n <\/svg>\r\n <span>\u062a\u064a\u0643 \u062a\u0648\u0643<\/span>\r\n <\/a>\r\n\r\n <!-- Snapchat -->\r\n <a href=\"https:\/\/snapchat.com\/t\/P4BZ8bQZ\" target=\"_blank\" class=\"cavalla-social-item\" title=\"\u0633\u0646\u0627\u0628 \u0634\u0627\u062a\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M12.04 2c-3.71 0-6.22 2.45-6.22 5.64 0 1.25.37 2.45.74 3.4.1.25.14.4.05.54-.15.22-.64.44-1.27.67-.5.18-.84.47-.84.84 0 .54.67.92 1.48 1.18.25.08.4.23.36.46-.14.74-.47 2.22-.52 2.41-.08.35.1.5.31.5.15 0 .39-.06.77-.22 1.1-.47 2.22-.62 3.06-.62.37 0 .66.04.9.11.75.25 1.54.91 2.44.91s1.69-.66 2.44-.91c.24-.07.53-.11.9-.11.84 0 1.96.15 3.06.62.38.16.62.22.77.22.21 0 .39-.15.31-.5-.05-.19-.38-1.67-.52-2.41-.04-.23.11-.38.36-.46.81-.26 1.48-.64 1.48-1.18 0-.37-.34-.66-.84-.84-.63-.23-1.12-.45-1.27-.67-.09-.14-.05-.29.05-.54.37-.95.74-2.15.74-3.4C18.26 4.45 15.75 2 12.04 2z\"\/>\r\n <\/svg>\r\n <span>\u0633\u0646\u0627\u0628 \u0634\u0627\u062a<\/span>\r\n <\/a>\r\n\r\n <!-- WhatsApp -->\r\n <a href=\"https:\/\/wsend.co\/971543030868\" target=\"_blank\" class=\"cavalla-social-item\" title=\"\u0648\u0627\u062a\u0633\u0627\u0628\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.84 9.84 0 0 0 12.04 2zm5.78 14.15c-.24.68-1.4 1.34-1.94 1.41-.5.06-1.14.1-3.66-.9-3.21-1.28-5.27-4.52-5.43-4.73-.16-.21-1.3-1.73-1.3-3.3 0-1.57.82-2.34 1.11-2.66.29-.32.64-.4.85-.4.21 0 .43 0 .62.01.2.01.47-.08.74.56.27.64.93 2.27 1.01 2.43.08.16.13.35.03.56-.1.21-.15.34-.3.51-.15.17-.32.38-.46.51-.15.14-.3.3-.13.59.17.29.76 1.25 1.63 2.03 1.12.99 2.06 1.3 2.35 1.44.29.14.46.12.63-.07.17-.19.74-.86.94-1.16.2-.29.4-.24.67-.14.27.1 1.72.81 2.02.96.3.15.5.22.57.34.07.12.07.7-.17 1.38z\"\/>\r\n <\/svg>\r\n <span>\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <\/a>\r\n\r\n <!-- Instagram -->\r\n <a href=\"https:\/\/www.instagram.com\/thecavalla?igsh=eGs0czU3eXV2Mnpv\" target=\"_blank\" class=\"cavalla-social-item\" title=\"\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\r\n <\/svg>\r\n <span>\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Right Column: Interactive Functional Form -->\r\n <div class=\"cavalla-form-container\">\r\n \r\n <div id=\"cavalla-alert-box\" class=\"cavalla-alert\"><\/div>\r\n\r\n <form id=\"cavalla-contact-form\" onsubmit=\"handleCavallaSubmit(event)\" action=\"\">\r\n \r\n <div class=\"cavalla-form-row\">\r\n <div class=\"cavalla-form-group\">\r\n <label class=\"cavalla-label\" for=\"cavalla-name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 *<\/label>\r\n <input type=\"text\" id=\"cavalla-name\" class=\"cavalla-input\" placeholder=\"\u0645\u062d\u0645\u062f \u0639\u0644\u064a\" required>\r\n <\/div>\r\n <div class=\"cavalla-form-group\">\r\n <label class=\"cavalla-label\" for=\"cavalla-email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a *<\/label>\r\n <input type=\"email\" id=\"cavalla-email\" class=\"cavalla-input\" placeholder=\"name@example.com\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cavalla-form-row\">\r\n <div class=\"cavalla-form-group\">\r\n <label class=\"cavalla-label\" for=\"cavalla-phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\r\n <input type=\"tel\" id=\"cavalla-phone\" class=\"cavalla-input\" placeholder=\"+971 50 000 0000\">\r\n <\/div>\r\n <div class=\"cavalla-form-group\">\r\n <label class=\"cavalla-label\" for=\"cavalla-subject\">\u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 *<\/label>\r\n <select id=\"cavalla-subject\" class=\"cavalla-select\" required>\r\n <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u0636\u0648\u0639<\/option>\r\n <option value=\"general\">\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0627\u0645<\/option>\r\n <option value=\"support\">\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a<\/option>\r\n \r\n <option value=\"other\">\u0645\u0648\u0636\u0648\u0639 \u0622\u062e\u0631<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cavalla-form-group\">\r\n <label class=\"cavalla-label\" for=\"cavalla-message\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629 *<\/label>\r\n <textarea id=\"cavalla-message\" class=\"cavalla-textarea\" placeholder=\"\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u061f\" required><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"cavalla-submit-btn\" class=\"cavalla-btn\">\r\n <span id=\"cavalla-btn-text\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n <svg id=\"cavalla-btn-icon\" viewbox=\"0 0 24 24\">\r\n <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function handleCavallaSubmit(event) {\r\n event.preventDefault();\r\n \r\n const form = document.getElementById('cavalla-contact-form');\r\n const alertBox = document.getElementById('cavalla-alert-box');\r\n const submitBtn = document.getElementById('cavalla-submit-btn');\r\n const btnText = document.getElementById('cavalla-btn-text');\r\n const btnIcon = document.getElementById('cavalla-btn-icon');\r\n\r\n \/\/ Form data retrieval\r\n const formData = {\r\n name: document.getElementById('cavalla-name').value,\r\n email: document.getElementById('cavalla-email').value,\r\n phone: document.getElementById('cavalla-phone').value,\r\n subject: document.getElementById('cavalla-subject').value,\r\n message: document.getElementById('cavalla-message').value\r\n };\r\n\r\n \/\/ Loading UI Feedback State\r\n submitBtn.disabled = true;\r\n btnText.textContent = \"\u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...\";\r\n btnIcon.style.display = 'none';\r\n \r\n const spinner = document.createElement('span');\r\n spinner.className = 'cavalla-spinner';\r\n submitBtn.appendChild(spinner);\r\n\r\n \/\/ Simulate form submission (Works standalone & ready for fetch \/ Webhook API endpoints)\r\n setTimeout(() => {\r\n \/\/ Remove loading state\r\n spinner.remove();\r\n btnIcon.style.display = 'inline-block';\r\n submitBtn.disabled = false;\r\n btnText.textContent = \"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\";\r\n\r\n \/\/ Success Message\r\n alertBox.className = \"cavalla-alert cavalla-alert-success\";\r\n alertBox.innerHTML = `\u0634\u0643\u0631\u0627\u064b \u0644\u0643 \u064a\u0627 <strong>${formData.name}<\/strong>! \u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0646\u062c\u0627\u062d \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b.`;\r\n alertBox.style.display = 'block';\r\n\r\n \/\/ Clear Form inputs\r\n form.reset();\r\n\r\n \/\/ Smooth scroll to top of form to view confirmation message\r\n alertBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n\r\n \/\/ Auto hide message after 6 seconds\r\n setTimeout(() => {\r\n alertBox.style.display = 'none';\r\n }, 6000);\r\n\r\n }, 1200);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u064a\u0633\u0639\u062f\u0646\u0627 \u062a\u0648\u0627\u0635\u0644\u0643 \u0645\u0639\u0646\u0627 \u0647\u0644 \u0644\u062f\u064a\u0643 \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0623\u0648 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f\u0629\u061f \u064a\u0645\u0643\u0646\u0643 \u0645\u0644\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u062f\u0646\u0627\u0647 \u0623\u0648 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a. \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a hello@example.com support@example.com \u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 +971 54 303 0868 \u062a\u0627\u0628\u0639\u0646\u0627 \u0639\u0644\u0649 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0645\u0646\u0635\u062a\u0643 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u062a\u064a\u0643 \u062a\u0648\u0643 \u0633\u0646\u0627\u0628 \u0634\u0627\u062a \u0648\u0627\u062a\u0633\u0627\u0628 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 * […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-281","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/pages\/281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/comments?post=281"}],"version-history":[{"count":10,"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/pages\/281\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/pages\/281\/revisions\/405"}],"wp:attachment":[{"href":"https:\/\/thecavalla.com\/en\/wp-json\/wp\/v2\/media?parent=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}