{"id":34010,"date":"2025-05-26T21:56:27","date_gmt":"2025-05-26T21:56:27","guid":{"rendered":"https:\/\/www.ashrafshafi.com\/?page_id=34010"},"modified":"2025-05-26T21:59:42","modified_gmt":"2025-05-26T21:59:42","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.ashrafshafi.com\/?page_id=34010","title":{"rendered":"contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34010\" class=\"elementor elementor-34010\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9e00dc e-flex e-con-boxed e-con e-parent\" data-id=\"c9e00dc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-404ac0c elementor-widget elementor-widget-html\" data-id=\"404ac0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .asgt-contact-wrap {\r\n    background: linear-gradient(to right, #f8f5f2, #efe9e1);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 80px 20px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 40px;\r\n    justify-content: center;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .asgt-contact-box {\r\n    flex: 1 1 420px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    backdrop-filter: blur(10px);\r\n    padding: 40px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.08);\r\n    position: relative;\r\n    overflow: hidden;\r\n    max-width: 500px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .asgt-contact-box::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -75%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(255, 255, 255, 0.05),\r\n      rgba(255, 255, 255, 0.25),\r\n      rgba(255, 255, 255, 0.05)\r\n    );\r\n    transform: skewX(-20deg);\r\n    animation: shimmer 6s infinite;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .asgt-contact-box * {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  @keyframes shimmer {\r\n    0% { left: -75%; }\r\n    100% { left: 125%; }\r\n  }\r\n\r\n  .asgt-contact-box h2 {\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    color: #3e261a;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .asgt-contact-info a {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n    font-size: 15px;\r\n    color: #3e261a;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .asgt-contact-info a:hover {\r\n    color: #a45f2b;\r\n  }\r\n\r\n  .asgt-contact-info svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #3e261a;\r\n  }\r\n\r\n  .asgt-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n  }\r\n\r\n  .asgt-form input,\r\n  .asgt-form textarea {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border: none;\r\n    padding: 14px 18px;\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    font-family: inherit;\r\n    color: #333;\r\n    transition: box-shadow 0.3s;\r\n  }\r\n\r\n  .asgt-form input:focus,\r\n  .asgt-form textarea:focus {\r\n    outline: none;\r\n    box-shadow: 0 0 0 2px #c2b1a1;\r\n  }\r\n\r\n  .asgt-form textarea {\r\n    resize: vertical;\r\n    min-height: 120px;\r\n  }\r\n\r\n  .asgt-form button {\r\n    background: #3e261a;\r\n    color: #fff;\r\n    padding: 12px 28px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    border: none;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .asgt-form button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -60%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      120deg,\r\n      rgba(255, 255, 255, 0.08),\r\n      rgba(255, 255, 255, 0.4),\r\n      rgba(255, 255, 255, 0.08)\r\n    );\r\n    transform: skewX(-20deg);\r\n    animation: shimmerBtn 4s infinite;\r\n    z-index: 1;\r\n  }\r\n\r\n  .asgt-form button span {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  @keyframes shimmerBtn {\r\n    0% { left: -60%; }\r\n    100% { left: 130%; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .asgt-contact-wrap {\r\n      flex-direction: column;\r\n      padding: 50px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"asgt-contact-wrap\">\r\n\r\n  <!-- Contact Info -->\r\n  <div class=\"asgt-contact-box\">\r\n    <h2>Let's Talk<\/h2>\r\n    <div class=\"asgt-contact-info\">\r\n      <a href=\"tel:+971521286702\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79a15.91 15.91 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.21 11.36 11.36 0 003.55.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.36 11.36 0 00.57 3.55 1 1 0 01-.21 1.11z\"\/><\/svg>\r\n        +971 52 128 6702\r\n      <\/a>\r\n      <a href=\"mailto:contact@ashrafshafi.com\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M20 4H4a2 2 0 00-2 2v1.18l10 6.2 10-6.2V6a2 2 0 00-2-2zm0 4.54l-8.4 5.2a1 1 0 01-1.2 0L4 8.54V18a2 2 0 002 2h12a2 2 0 002-2z\"\/><\/svg>\r\n        contact@ashrafshafi.com\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Contact Form -->\r\n  <div class=\"asgt-contact-box\">\r\n    <h2>Send a Message<\/h2>\r\n    <form class=\"asgt-form\" method=\"post\" action=\"mailto:contact@ashrafshafi.com\" enctype=\"text\/plain\">\r\n      <input type=\"text\" name=\"Name\" placeholder=\"Your Name\" required>\r\n      <input type=\"email\" name=\"Email\" placeholder=\"Your Email\" required>\r\n      <textarea name=\"Message\" placeholder=\"Your Message\" required><\/textarea>\r\n      <button type=\"submit\"><span>Send Message<\/span><\/button>\r\n    <\/form>\r\n  <\/div>\r\n\r\n<\/section>\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>Let&#8217;s Talk +971 52 128 6702 contact@ashrafshafi.com Send a Message Send Message<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-34010","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/pages\/34010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34010"}],"version-history":[{"count":5,"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/pages\/34010\/revisions"}],"predecessor-version":[{"id":34015,"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=\/wp\/v2\/pages\/34010\/revisions\/34015"}],"wp:attachment":[{"href":"https:\/\/www.ashrafshafi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}