Alfan Almemamry – Stone & Marble<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: linear-gradient(135deg, #0d0c22, #2d1b33);\n color: #f0f0f0;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n overflow-x: hidden;\n }\n \n .marble-card {\n width: 100%;\n max-width: 450px;\n background: linear-gradient(145deg, #1a1429, #2a1b3d);\n border-radius: 25px;\n box-shadow: \n 0 20px 50px rgba(0, 0, 0, 0.6),\n 0 0 0 2px rgba(120, 80, 200, 0.3),\n 0 0 20px rgba(120, 80, 200, 0.2);\n overflow: hidden;\n position: relative;\n z-index: 2;\n transform-style: preserve-3d;\n perspective: 1000px;\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n border: 1px solid rgba(120, 80, 200, 0.2);\n }\n \n .marble-card:hover {\n transform: translateY(-15px);\n box-shadow: \n 0 30px 70px rgba(0, 0, 0, 0.8),\n 0 0 0 3px rgba(140, 100, 220, 0.4),\n 0 0 30px rgba(140, 100, 220, 0.3);\n }\n \n .marble-pattern {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n radial-gradient(circle at 10% 20%, rgba(120, 80, 200, 0.1) 0%, transparent 20%),\n radial-gradient(circle at 90% 80%, rgba(90, 60, 180, 0.1) 0%, transparent 20%),\n linear-gradient(135deg, transparent 40%, rgba(160, 120, 220, 0.1) 40%, rgba(160, 120, 220, 0.1) 60%, transparent 60%);\n z-index: -1;\n }\n \n .card-header {\n background: linear-gradient(90deg, #2a1b3d, #3a2b4d);\n color: #fff;\n padding: 30px 25px 15px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid #a076f9;\n }\n \n .card-header::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n linear-gradient(45deg, transparent 40%, rgba(160, 118, 249, 0.1) 40%, rgba(160, 118, 249, 0.1) 60%, transparent 60%),\n linear-gradient(-45deg, transparent 40%, rgba(160, 118, 249, 0.1) 40%, rgba(160, 118, 249, 0.1) 60%, transparent 60%);\n z-index: -1;\n }\n \n .company-name {\n font-size: 1.8rem;\n font-weight: 800;\n letter-spacing: 1px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);\n color: #ffffff;\n background: linear-gradient(to right, #a076f9, #d8b9ff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-top: 15px;\n }\n \n .logo-container {\n display: flex;\n justify-content: center;\n margin-bottom: 10px;\n }\n \n .company-logo {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);\n border: 3px solid rgba(255, 255, 255, 0.2);\n background-color: #f0f0f0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .company-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 10px;\n }\n \n .contact-section {\n padding: 20px 25px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .save-contact-btn {\n display: block;\n width: 100%;\n padding: 16px;\n background: linear-gradient(90deg, #7b4cdf, #a076f9);\n color: white;\n text-align: center;\n font-weight: 600;\n font-size: 1.1rem;\n border: none;\n border-radius: 15px;\n margin-bottom: 20px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(123, 76, 223, 0.4);\n position: relative;\n overflow: hidden;\n }\n \n .save-contact-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(123, 76, 223, 0.6);\n }\n \n .save-contact-btn:active {\n transform: translateY(1px);\n }\n \n .save-contact-btn i {\n margin-right: 8px;\n }\n \n .save-contact-btn::after {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -60%;\n width: 40px;\n height: 200%;\n background: rgba(255, 255, 255, 0.2);\n transform: rotate(25deg);\n transition: all 0.6s;\n }\n \n .save-contact-btn:hover::after {\n left: 120%;\n }\n \n .contact-list {\n list-style: none;\n margin-bottom: 20px;\n width: 100%;\n }\n \n .contact-item {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n background: rgba(45, 35, 66, 0.7);\n padding: 8px 12px;\n border-radius: 12px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n border-left: 3px solid #a076f9;\n }\n \n .contact-item:hover {\n transform: translateX(5px);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\n background: rgba(55, 45, 76, 0.8);\n }\n \n .contact-icon {\n width: 42px;\n height: 42px;\n background: linear-gradient(135deg, #7b4cdf, #5a37b5);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 15px;\n color: white;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .contact-details {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n \n .contact-link {\n display: flex;\n align-items: center;\n color: #d8b9ff;\n text-decoration: none;\n font-size: 0.95rem;\n transition: color 0.3s;\n justify-content: flex-start;\n }\n \n .contact-link:hover {\n color: #ffffff;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 15px;\n margin-top: 10px;\n margin-bottom: 20px;\n width: 100%;\n }\n \n .social-link {\n width: 65px;\n height: 65px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #5a37b5, #7b4cdf);\n border-radius: 50%;\n text-decoration: none;\n color: white;\n font-size: 28px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n position: relative;\n overflow: hidden;\n }\n \n .social-link i {\n width: 90%;\n height: 90%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .social-link:hover {\n transform: translateY(-5px) scale(1.1);\n box-shadow: 0 8px 15px rgba(123, 76, 223, 0.5);\n }\n \n .social-link::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent 50%, rgba(255, 255, 255, 0.3) 50%);\n transform: rotate(45deg);\n transition: transform 0.5s;\n }\n \n .social-link:hover::before {\n transform: rotate(45deg) translateX(100%);\n }\n \n .map-link {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 14px;\n background: linear-gradient(90deg, #5a37b5, #7b4cdf);\n color: white;\n text-decoration: none;\n font-weight: 500;\n border-radius: 12px;\n margin-top: 20px;\n transition: all 0.3s;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n }\n \n .map-link:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 15px rgba(123, 76, 223, 0.5);\n }\n \n .map-link::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.6s;\n }\n \n .map-link:hover::after {\n left: 100%;\n }\n \n .card-footer {\n background: #2a1b3d;\n color: #d8b9ff;\n padding: 20px;\n text-align: center;\n font-size: 0.9rem;\n border-top: 2px solid #a076f9;\n }\n \n .footer-sub {\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: #b9a0e9;\n }\n \n .floating-stones {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: -1;\n }\n \n .stone {\n position: absolute;\n background: rgba(160, 118, 249, 0.1);\n border-radius: 50%;\n box-shadow: inset 0 0 10px rgba(123, 76, 223, 0.3);\n animation: float 15s infinite linear;\n border: 1px solid rgba(160, 118, 249, 0.2);\n }\n \n .stone:nth-child(1) {\n width: 60px;\n height: 60px;\n top: 10%;\n left: 10%;\n animation-delay: 0s;\n }\n \n .stone:nth-child(2) {\n width: 40px;\n height: 40px;\n top: 20%;\n right: 15%;\n animation-delay: -3s;\n }\n \n .stone:nth-child(3) {\n width: 70px;\n height: 70px;\n bottom: 25%;\n left: 15%;\n animation-delay: -6s;\n }\n \n .stone:nth-child(4) {\n width: 50px;\n height: 50px;\n bottom: 15%;\n right: 20%;\n animation-delay: -9s;\n }\n \n @keyframes float {\n 0% {\n transform: translateY(0) rotate(0deg);\n }\n 50% {\n transform: translateY(-20px) rotate(180deg);\n }\n 100% {\n transform: translateY(0) rotate(360deg);\n }\n }\n \n \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0646\u064a\u0648\u0646 *\/\n .neon-border {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 25px;\n box-shadow: \n 0 0 10px rgba(160, 118, 249, 0.3),\n 0 0 20px rgba(160, 118, 249, 0.2),\n 0 0 30px rgba(160, 118, 249, 0.1);\n z-index: -1;\n animation: neon-pulse 3s infinite alternate;\n }\n \n @keyframes neon-pulse {\n 0% {\n opacity: 0.6;\n }\n 100% {\n opacity: 1;\n }\n }\n \n .contact-name {\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 5px;\n text-align: left;\n font-size: 1rem;\n }\n \n .contact-number {\n color: #d8b9ff;\n text-align: left;\n font-size: 1.2rem;\n font-weight: 600;\n }\n \n .website-email-link {\n display: block;\n color: #d8b9ff;\n text-decoration: none;\n font-size: 0.95rem;\n transition: color 0.3s;\n margin-bottom: 5px;\n text-align: left;\n }\n \n .website-email-link:hover {\n color: #ffffff;\n }\n \n .map-text {\n font-size: 1rem;\n color: white;\n margin: 0 20px;\n padding: 5px 0;\n }\n \n .map-icon {\n font-size: 1.5rem;\n margin: 0 10px;\n }\n \n \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0644\u0644\u0647\u0648\u0627\u062a\u0641 *\/\n @media (max-width: 480px) {\n .marble-card {\n max-width: 95%;\n width: 95%;\n }\n \n .company-name {\n font-size: 1.6rem;\n }\n \n .company-logo {\n width: 100px;\n height: 100px;\n }\n \n .contact-item {\n padding: 10px;\n }\n \n .contact-number {\n font-size: 1.1rem;\n }\n \n .social-link {\n width: 55px;\n height: 55px;\n font-size: 24px;\n }\n }\n \n @media (max-width: 360px) {\n .contact-number {\n font-size: 1rem;\n }\n \n .social-link {\n width: 50px;\n height: 50px;\n font-size: 22px;\n }\n \n .map-text {\n font-size: 0.9rem;\n margin: 0 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"floating-stones\">\n <div class=\"stone\"><\/div>\n <div class=\"stone\"><\/div>\n <div class=\"stone\"><\/div>\n <div class=\"stone\"><\/div>\n <\/div>\n \n \n <div class=\"marble-card\">\n \n <div class=\"marble-pattern\"><\/div>\n \n \n <div class=\"neon-border\"><\/div>\n \n \n <div class=\"card-header\">\n <div class=\"logo-container\">\n <div class=\"company-logo\">\n <img decoding=\"async\" src=\"https:\/\/alfanalmeamary.com\/wp-content\/uploads\/2025\/08\/899.png\" alt=\"Alfan Almemamry Logo\">\n <\/div>\n <\/div>\n <h1 class=\"company-name\">Alfan Almemamry<\/h1>\n <div class=\"company-tagline\">STONE & MARBLE TRADING<\/div>\n <\/div>\n \n \n <div class=\"contact-section\">\n \n <button class=\"save-contact-btn\" id=\"saveContactBtn\">\n <i class=\"fas fa-address-book\"><\/i> Save Contact\n <\/button>\n \n \n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/19cGstayfK\" class=\"social-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/x.com\/@alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow\">\n <i class=\"fab fa-twitter\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/www.instagram.com\/alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/t.me\/alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow\">\n <i class=\"fab fa-telegram\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/www.tiktok.com\/@alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fab fa-tiktok\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/www.youtube.com\/@alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fab fa-youtube\"><\/i>\n <\/a>\n <\/div>\n \n \n <ul class=\"contact-list\">\n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <div class=\"contact-name\">Bahaa<\/div>\n <a href=\"https:\/\/wa.me\/971503796038\" class=\"contact-link\" rel=\"nofollow noopener\" target=\"_blank\">\n <span class=\"contact-number\">+971 50 379 6038<\/span>\n <\/a>\n <\/div>\n <\/li>\n \n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <div class=\"contact-name\">Saleh<\/div>\n <a href=\"https:\/\/wa.me\/971502001049\" class=\"contact-link\" rel=\"nofollow noopener\" target=\"_blank\">\n <span class=\"contact-number\">+971 50 200 1049<\/span>\n <\/a>\n <\/div>\n <\/li>\n \n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <div class=\"contact-name\">Amer<\/div>\n <a href=\"https:\/\/wa.me\/971559791255\" class=\"contact-link\" rel=\"nofollow noopener\" target=\"_blank\">\n <span class=\"contact-number\">+971 55 979 1255<\/span>\n <\/a>\n <\/div>\n <\/li>\n \n \n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <a href=\"https:\/\/www.alfanalmeamary.com\" target=\"_blank\" class=\"website-email-link\">\n www.alfanalmeamary.com\n <\/a>\n <\/div>\n <\/li>\n \n \n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <a href=\"mailto:info@alfanalmeamary.com\" class=\"website-email-link\">\n info@alfanalmeamary.com\n <\/a>\n <\/div>\n <\/li>\n <\/ul>\n \n \n <a href=\"https:\/\/maps.app.goo.gl\/byjdorD8ESEyfXpcA\" class=\"map-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fas fa-map-marker-alt map-icon\"><\/i>\n <span class=\"map-text\">Al Sajaah, Sharjah United Arab Emirate<\/span>\n <\/a>\n <\/div>\n \n \n <div class=\"card-footer\">\n <div class=\"footer-sub\">STONE & MARBLE TRADING LLC<\/div>\n <\/div>\n <\/div>\n \n <script>\n \/\/ \u0648\u0638\u064a\u0641\u0629 \u062c\u062f\u064a\u062f\u0629 \u0644\u062d\u0641\u0638 \u062c\u0647\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062a\u0641\n document.getElementById('saveContactBtn').addEventListener('click', function() {\n try {\n \/\/ \u0625\u0646\u0634\u0627\u0621 \u062c\u0647\u0629 \u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u062d\u062f\u0629 \u0644\u0644\u0634\u0631\u0643\u0629\n const contact = {\n name: \"Alfan Almemamry Stone & Marble Trading\",\n number: \"+971503796038\",\n website: \"www.alfanalmeamary.com\",\n email: \"info@alfanalmeamary.com\"\n };\n \n \/\/ \u0625\u0646\u0634\u0627\u0621 VCF (vCard) \u0644\u0644\u0634\u0631\u0643\u0629\n let vcfContent = `BEGIN:VCARD\\nVERSION:3.0\\n`;\n vcfContent += `FN:${contact.name}\\n`;\n vcfContent += `TEL;TYPE=WORK,VOICE:${contact.number}\\n`;\n vcfContent += `EMAIL:${contact.email}\\n`;\n vcfContent += `URL:${contact.website}\\n`;\n vcfContent += `END:VCARD\\n`;\n \n \/\/ \u0625\u0646\u0634\u0627\u0621 \u0645\u0644\u0641 \u0644\u0644\u062a\u0646\u0632\u064a\u0644\n const blob = new Blob([vcfContent], { type: 'text\/vcard' });\n const url = URL.createObjectURL(blob);\n \n const a = document.createElement('a');\n a.href = url;\n a.download = 'alfan_contact.vcf';\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n \n \/\/ \u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0646\u062c\u0627\u062d\n const btn = this;\n const originalText = btn.innerHTML;\n \n btn.innerHTML = '<i class=\"fas fa-check\"><\/i> Contact Saved!';\n btn.style.background = 'linear-gradient(90deg, #25D366, #128C7E)';\n \n setTimeout(() => {\n btn.innerHTML = originalText;\n btn.style.background = 'linear-gradient(90deg, #7b4cdf, #a076f9)';\n }, 2000);\n } catch (error) {\n alert(\"An error occurred while saving the contact: \" + error.message);\n }\n });\n\n \/\/ \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u0644\u0628\u0637\u0627\u0642\u0629\n document.addEventListener('DOMContentLoaded', function() {\n const card = document.querySelector('.marble-card');\n \n card.addEventListener('mousemove', function(e) {\n const cardRect = card.getBoundingClientRect();\n const centerX = cardRect.left + cardRect.width \/ 2;\n const centerY = cardRect.top + cardRect.height \/ 2;\n \n const mouseX = e.clientX - centerX;\n const mouseY = e.clientY - centerY;\n \n const rotateY = (mouseX \/ cardRect.width) * 10;\n const rotateX = -(mouseY \/ cardRect.height) * 10;\n \n card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-15px)`;\n });\n \n card.addEventListener('mouseleave', function() {\n card.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) translateY(0)';\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Alfan Almemamry – Stone & Marble Alfan Almemamry STONE & MARBLE TRADING Save Contact Bahaa +971 50 379 6038 Saleh +971 50 200 1049 Amer +971 55 979 1255 www.alfanalmeamary.com info@alfanalmeamary.com Al Sajaah, Sharjah United Arab Emirate STONE & MARBLE TRADING LLC<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"layerslider-blank","meta":{"_acf_changed":false,"iawp_total_views":65,"footnotes":""},"class_list":["post-15059","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/pages\/15059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/comments?post=15059"}],"version-history":[{"count":0,"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/pages\/15059\/revisions"}],"wp:attachment":[{"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/media?parent=15059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15059,"date":"2025-08-06T17:40:55","date_gmt":"2025-08-06T17:40:55","guid":{"rendered":"https:\/\/alfanalmeamary.com\/?page_id=15059"},"modified":"2025-08-06T20:31:55","modified_gmt":"2025-08-06T20:31:55","slug":"contact","status":"publish","type":"page","link":"https:\/\/alfanalmeamary.com\/ar\/contact\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Alfan Almemamry – Stone & Marble<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Tajawal', sans-serif;\n background: linear-gradient(135deg, #0d0c22, #2d1b33);\n color: #f0f0f0;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n overflow-x: hidden;\n }\n \n .marble-card {\n width: 100%;\n max-width: 450px;\n background: linear-gradient(145deg, #1a1429, #2a1b3d);\n border-radius: 25px;\n box-shadow: \n 0 20px 50px rgba(0, 0, 0, 0.6),\n 0 0 0 2px rgba(120, 80, 200, 0.3),\n 0 0 20px rgba(120, 80, 200, 0.2);\n overflow: hidden;\n position: relative;\n z-index: 2;\n transform-style: preserve-3d;\n perspective: 1000px;\n transition: transform 0.5s ease, box-shadow 0.5s ease;\n border: 1px solid rgba(120, 80, 200, 0.2);\n }\n \n .marble-card:hover {\n transform: translateY(-15px);\n box-shadow: \n 0 30px 70px rgba(0, 0, 0, 0.8),\n 0 0 0 3px rgba(140, 100, 220, 0.4),\n 0 0 30px rgba(140, 100, 220, 0.3);\n }\n \n .marble-pattern {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n radial-gradient(circle at 10% 20%, rgba(120, 80, 200, 0.1) 0%, transparent 20%),\n radial-gradient(circle at 90% 80%, rgba(90, 60, 180, 0.1) 0%, transparent 20%),\n linear-gradient(135deg, transparent 40%, rgba(160, 120, 220, 0.1) 40%, rgba(160, 120, 220, 0.1) 60%, transparent 60%);\n z-index: -1;\n }\n \n .card-header {\n background: linear-gradient(90deg, #2a1b3d, #3a2b4d);\n color: #fff;\n padding: 30px 25px 15px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border-bottom: 3px solid #a076f9;\n }\n \n .card-header::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n linear-gradient(45deg, transparent 40%, rgba(160, 118, 249, 0.1) 40%, rgba(160, 118, 249, 0.1) 60%, transparent 60%),\n linear-gradient(-45deg, transparent 40%, rgba(160, 118, 249, 0.1) 40%, rgba(160, 118, 249, 0.1) 60%, transparent 60%);\n z-index: -1;\n }\n \n .company-name {\n font-size: 1.8rem;\n font-weight: 800;\n letter-spacing: 1px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);\n color: #ffffff;\n background: linear-gradient(to right, #a076f9, #d8b9ff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-top: 15px;\n }\n \n .logo-container {\n display: flex;\n justify-content: center;\n margin-bottom: 10px;\n }\n \n .company-logo {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);\n border: 3px solid rgba(255, 255, 255, 0.2);\n background-color: #f0f0f0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .company-logo img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 10px;\n }\n \n .contact-section {\n padding: 20px 25px 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .save-contact-btn {\n display: block;\n width: 100%;\n padding: 16px;\n background: linear-gradient(90deg, #7b4cdf, #a076f9);\n color: white;\n text-align: center;\n font-weight: 600;\n font-size: 1.1rem;\n border: none;\n border-radius: 15px;\n margin-bottom: 20px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(123, 76, 223, 0.4);\n position: relative;\n overflow: hidden;\n }\n \n .save-contact-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(123, 76, 223, 0.6);\n }\n \n .save-contact-btn:active {\n transform: translateY(1px);\n }\n \n .save-contact-btn i {\n margin-right: 8px;\n }\n \n .save-contact-btn::after {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -60%;\n width: 40px;\n height: 200%;\n background: rgba(255, 255, 255, 0.2);\n transform: rotate(25deg);\n transition: all 0.6s;\n }\n \n .save-contact-btn:hover::after {\n left: 120%;\n }\n \n .contact-list {\n list-style: none;\n margin-bottom: 20px;\n width: 100%;\n }\n \n .contact-item {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n background: rgba(45, 35, 66, 0.7);\n padding: 8px 12px;\n border-radius: 12px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n border-left: 3px solid #a076f9;\n }\n \n .contact-item:hover {\n transform: translateX(5px);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\n background: rgba(55, 45, 76, 0.8);\n }\n \n .contact-icon {\n width: 42px;\n height: 42px;\n background: linear-gradient(135deg, #7b4cdf, #5a37b5);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 15px;\n color: white;\n font-size: 18px;\n flex-shrink: 0;\n }\n \n .contact-details {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n \n .contact-link {\n display: flex;\n align-items: center;\n color: #d8b9ff;\n text-decoration: none;\n font-size: 0.95rem;\n transition: color 0.3s;\n justify-content: flex-start;\n }\n \n .contact-link:hover {\n color: #ffffff;\n }\n \n .social-links {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 15px;\n margin-top: 10px;\n margin-bottom: 20px;\n width: 100%;\n }\n \n .social-link {\n width: 65px;\n height: 65px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #5a37b5, #7b4cdf);\n border-radius: 50%;\n text-decoration: none;\n color: white;\n font-size: 28px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n position: relative;\n overflow: hidden;\n }\n \n .social-link i {\n width: 90%;\n height: 90%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .social-link:hover {\n transform: translateY(-5px) scale(1.1);\n box-shadow: 0 8px 15px rgba(123, 76, 223, 0.5);\n }\n \n .social-link::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, transparent 50%, rgba(255, 255, 255, 0.3) 50%);\n transform: rotate(45deg);\n transition: transform 0.5s;\n }\n \n .social-link:hover::before {\n transform: rotate(45deg) translateX(100%);\n }\n \n .map-link {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 14px;\n background: linear-gradient(90deg, #5a37b5, #7b4cdf);\n color: white;\n text-decoration: none;\n font-weight: 500;\n border-radius: 12px;\n margin-top: 20px;\n transition: all 0.3s;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n position: relative;\n overflow: hidden;\n width: 100%;\n }\n \n .map-link:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 15px rgba(123, 76, 223, 0.5);\n }\n \n .map-link::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.6s;\n }\n \n .map-link:hover::after {\n left: 100%;\n }\n \n .card-footer {\n background: #2a1b3d;\n color: #d8b9ff;\n padding: 20px;\n text-align: center;\n font-size: 0.9rem;\n border-top: 2px solid #a076f9;\n }\n \n .footer-sub {\n font-size: 0.9rem;\n letter-spacing: 1px;\n color: #b9a0e9;\n }\n \n .floating-stones {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: -1;\n }\n \n .stone {\n position: absolute;\n background: rgba(160, 118, 249, 0.1);\n border-radius: 50%;\n box-shadow: inset 0 0 10px rgba(123, 76, 223, 0.3);\n animation: float 15s infinite linear;\n border: 1px solid rgba(160, 118, 249, 0.2);\n }\n \n .stone:nth-child(1) {\n width: 60px;\n height: 60px;\n top: 10%;\n left: 10%;\n animation-delay: 0s;\n }\n \n .stone:nth-child(2) {\n width: 40px;\n height: 40px;\n top: 20%;\n right: 15%;\n animation-delay: -3s;\n }\n \n .stone:nth-child(3) {\n width: 70px;\n height: 70px;\n bottom: 25%;\n left: 15%;\n animation-delay: -6s;\n }\n \n .stone:nth-child(4) {\n width: 50px;\n height: 50px;\n bottom: 15%;\n right: 20%;\n animation-delay: -9s;\n }\n \n @keyframes float {\n 0% {\n transform: translateY(0) rotate(0deg);\n }\n 50% {\n transform: translateY(-20px) rotate(180deg);\n }\n 100% {\n transform: translateY(0) rotate(360deg);\n }\n }\n \n \/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0646\u064a\u0648\u0646 *\/\n .neon-border {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 25px;\n box-shadow: \n 0 0 10px rgba(160, 118, 249, 0.3),\n 0 0 20px rgba(160, 118, 249, 0.2),\n 0 0 30px rgba(160, 118, 249, 0.1);\n z-index: -1;\n animation: neon-pulse 3s infinite alternate;\n }\n \n @keyframes neon-pulse {\n 0% {\n opacity: 0.6;\n }\n 100% {\n opacity: 1;\n }\n }\n \n .contact-name {\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 5px;\n text-align: left;\n font-size: 1rem;\n }\n \n .contact-number {\n color: #d8b9ff;\n text-align: left;\n font-size: 1.2rem;\n font-weight: 600;\n }\n \n .website-email-link {\n display: block;\n color: #d8b9ff;\n text-decoration: none;\n font-size: 0.95rem;\n transition: color 0.3s;\n margin-bottom: 5px;\n text-align: left;\n }\n \n .website-email-link:hover {\n color: #ffffff;\n }\n \n .map-text {\n font-size: 1rem;\n color: white;\n margin: 0 20px;\n padding: 5px 0;\n }\n \n .map-icon {\n font-size: 1.5rem;\n margin: 0 10px;\n }\n \n \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0644\u0644\u0647\u0648\u0627\u062a\u0641 *\/\n @media (max-width: 480px) {\n .marble-card {\n max-width: 95%;\n width: 95%;\n }\n \n .company-name {\n font-size: 1.6rem;\n }\n \n .company-logo {\n width: 100px;\n height: 100px;\n }\n \n .contact-item {\n padding: 10px;\n }\n \n .contact-number {\n font-size: 1.1rem;\n }\n \n .social-link {\n width: 55px;\n height: 55px;\n font-size: 24px;\n }\n }\n \n @media (max-width: 360px) {\n .contact-number {\n font-size: 1rem;\n }\n \n .social-link {\n width: 50px;\n height: 50px;\n font-size: 22px;\n }\n \n .map-text {\n font-size: 0.9rem;\n margin: 0 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"floating-stones\">\n <div class=\"stone\"><\/div>\n <div class=\"stone\"><\/div>\n <div class=\"stone\"><\/div>\n <div class=\"stone\"><\/div>\n <\/div>\n \n \n <div class=\"marble-card\">\n \n <div class=\"marble-pattern\"><\/div>\n \n \n <div class=\"neon-border\"><\/div>\n \n \n <div class=\"card-header\">\n <div class=\"logo-container\">\n <div class=\"company-logo\">\n <img decoding=\"async\" src=\"https:\/\/alfanalmeamary.com\/wp-content\/uploads\/2025\/08\/899.png\" alt=\"Alfan Almemamry Logo\">\n <\/div>\n <\/div>\n <h1 class=\"company-name\">Alfan Almemamry<\/h1>\n <div class=\"company-tagline\">STONE & MARBLE TRADING<\/div>\n <\/div>\n \n \n <div class=\"contact-section\">\n \n <button class=\"save-contact-btn\" id=\"saveContactBtn\">\n <i class=\"fas fa-address-book\"><\/i> Save Contact\n <\/button>\n \n \n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/share\/19cGstayfK\" class=\"social-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/x.com\/@alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow\">\n <i class=\"fab fa-twitter\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/www.instagram.com\/alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/t.me\/alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow\">\n <i class=\"fab fa-telegram\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/www.tiktok.com\/@alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fab fa-tiktok\"><\/i>\n <\/a>\n \n <a href=\"https:\/\/www.youtube.com\/@alfanalmeamary\" class=\"social-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fab fa-youtube\"><\/i>\n <\/a>\n <\/div>\n \n \n <ul class=\"contact-list\">\n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <div class=\"contact-name\">Bahaa<\/div>\n <a href=\"https:\/\/wa.me\/971503796038\" class=\"contact-link\" rel=\"nofollow noopener\" target=\"_blank\">\n <span class=\"contact-number\">+971 50 379 6038<\/span>\n <\/a>\n <\/div>\n <\/li>\n \n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <div class=\"contact-name\">Saleh<\/div>\n <a href=\"https:\/\/wa.me\/971502001049\" class=\"contact-link\" rel=\"nofollow noopener\" target=\"_blank\">\n <span class=\"contact-number\">+971 50 200 1049<\/span>\n <\/a>\n <\/div>\n <\/li>\n \n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <div class=\"contact-name\">Amer<\/div>\n <a href=\"https:\/\/wa.me\/971559791255\" class=\"contact-link\" rel=\"nofollow noopener\" target=\"_blank\">\n <span class=\"contact-number\">+971 55 979 1255<\/span>\n <\/a>\n <\/div>\n <\/li>\n \n \n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <a href=\"https:\/\/www.alfanalmeamary.com\" target=\"_blank\" class=\"website-email-link\">\n www.alfanalmeamary.com\n <\/a>\n <\/div>\n <\/li>\n \n \n <li class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <a href=\"mailto:info@alfanalmeamary.com\" class=\"website-email-link\">\n info@alfanalmeamary.com\n <\/a>\n <\/div>\n <\/li>\n <\/ul>\n \n \n <a href=\"https:\/\/maps.app.goo.gl\/byjdorD8ESEyfXpcA\" class=\"map-link\" target=\"_blank\" rel=\"nofollow noopener\">\n <i class=\"fas fa-map-marker-alt map-icon\"><\/i>\n <span class=\"map-text\">Al Sajaah, Sharjah United Arab Emirate<\/span>\n <\/a>\n <\/div>\n \n \n <div class=\"card-footer\">\n <div class=\"footer-sub\">STONE & MARBLE TRADING LLC<\/div>\n <\/div>\n <\/div>\n \n <script>\n \/\/ \u0648\u0638\u064a\u0641\u0629 \u062c\u062f\u064a\u062f\u0629 \u0644\u062d\u0641\u0638 \u062c\u0647\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062a\u0641\n document.getElementById('saveContactBtn').addEventListener('click', function() {\n try {\n \/\/ \u0625\u0646\u0634\u0627\u0621 \u062c\u0647\u0629 \u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u062d\u062f\u0629 \u0644\u0644\u0634\u0631\u0643\u0629\n const contact = {\n name: \"Alfan Almemamry Stone & Marble Trading\",\n number: \"+971503796038\",\n website: \"www.alfanalmeamary.com\",\n email: \"info@alfanalmeamary.com\"\n };\n \n \/\/ \u0625\u0646\u0634\u0627\u0621 VCF (vCard) \u0644\u0644\u0634\u0631\u0643\u0629\n let vcfContent = `BEGIN:VCARD\\nVERSION:3.0\\n`;\n vcfContent += `FN:${contact.name}\\n`;\n vcfContent += `TEL;TYPE=WORK,VOICE:${contact.number}\\n`;\n vcfContent += `EMAIL:${contact.email}\\n`;\n vcfContent += `URL:${contact.website}\\n`;\n vcfContent += `END:VCARD\\n`;\n \n \/\/ \u0625\u0646\u0634\u0627\u0621 \u0645\u0644\u0641 \u0644\u0644\u062a\u0646\u0632\u064a\u0644\n const blob = new Blob([vcfContent], { type: 'text\/vcard' });\n const url = URL.createObjectURL(blob);\n \n const a = document.createElement('a');\n a.href = url;\n a.download = 'alfan_contact.vcf';\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n \n \/\/ \u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0646\u062c\u0627\u062d\n const btn = this;\n const originalText = btn.innerHTML;\n \n btn.innerHTML = '<i class=\"fas fa-check\"><\/i> Contact Saved!';\n btn.style.background = 'linear-gradient(90deg, #25D366, #128C7E)';\n \n setTimeout(() => {\n btn.innerHTML = originalText;\n btn.style.background = 'linear-gradient(90deg, #7b4cdf, #a076f9)';\n }, 2000);\n } catch (error) {\n alert(\"An error occurred while saving the contact: \" + error.message);\n }\n });\n\n \/\/ \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u0644\u0628\u0637\u0627\u0642\u0629\n document.addEventListener('DOMContentLoaded', function() {\n const card = document.querySelector('.marble-card');\n \n card.addEventListener('mousemove', function(e) {\n const cardRect = card.getBoundingClientRect();\n const centerX = cardRect.left + cardRect.width \/ 2;\n const centerY = cardRect.top + cardRect.height \/ 2;\n \n const mouseX = e.clientX - centerX;\n const mouseY = e.clientY - centerY;\n \n const rotateY = (mouseX \/ cardRect.width) * 10;\n const rotateX = -(mouseY \/ cardRect.height) * 10;\n \n card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-15px)`;\n });\n \n card.addEventListener('mouseleave', function() {\n card.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) translateY(0)';\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Alfan Almemamry – Stone & Marble Alfan Almemamry STONE & MARBLE TRADING Save Contact Bahaa +971 50 379 6038 Saleh +971 50 200 1049 Amer +971 55 979 1255 www.alfanalmeamary.com info@alfanalmeamary.com Al Sajaah, Sharjah United Arab Emirate STONE & MARBLE TRADING LLC<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"layerslider-blank","meta":{"_acf_changed":false,"iawp_total_views":65,"footnotes":""},"class_list":["post-15059","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/pages\/15059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/comments?post=15059"}],"version-history":[{"count":0,"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/pages\/15059\/revisions"}],"wp:attachment":[{"href":"https:\/\/alfanalmeamary.com\/ar\/wp-json\/wp\/v2\/media?parent=15059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}