| Server IP : 69.72.244.102 / Your IP : 216.73.216.164 Web Server : LiteSpeed System : Linux s3434.fra1.stableserver.net 4.18.0-513.24.1.lve.2.el8.x86_64 #1 SMP Fri May 24 12:42:50 UTC 2024 x86_64 User : konzalta ( 1271) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/konzalta/murinya.konzaltant.com/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./support.js"></script>
</head>
<body>
<x-dc>
<helmet>
<title>Contact Us | Murinya Pool Maintenance, Nyali Mombasa</title>
<meta name="description" content="Contact Murinya Pool Maintenance in Nyali, Mombasa for a free quote. Call, email or fill out our form and we'll respond within 24 hours.">
<meta property="og:title" content="Contact Us | Murinya Pool Maintenance, Nyali Mombasa">
<meta property="og:description" content="Contact Murinya Pool Maintenance in Nyali, Mombasa for a free quote. Call, email or fill out our form and we'll respond within 24 hours.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style>
body { margin: 0; font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #1f6fd6; text-decoration: none; }
a:hover { color: #14508f; }
* { box-sizing: border-box; }
</style>
</helmet>
<div style="width:100%; background:#ffffff; color:#0b2545; overflow-x:hidden;">
<dc-import name="Header" active-page="contact" hint-size="100%,80px"></dc-import>
<section style="background:linear-gradient(90deg,#ffffff 0%,#eaf4fd 45%,#cfe8fb 100%); padding:64px 48px 56px; text-align:center;">
<div style="font-weight:700; font-size:13px; letter-spacing:2px; color:#1f6fd6; margin-bottom:10px;">CONTACT</div>
<h1 style="font-family:'Poppins',sans-serif; font-weight:800; font-size:44px; margin:0 0 16px; color:#0b2545;">Get In Touch</h1>
<p style="max-width:620px; margin:0 auto; font-size:16px; line-height:1.6; color:#3a4a5c;">Questions about a service, or ready to book? Reach us directly or send a quote request below.</p>
</section>
<section style="max-width:1100px; margin:72px auto 0; padding:0 48px 96px; display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px;">
<div style="display:flex; flex-direction:column; gap:20px;">
<div style="display:flex; align-items:center; gap:14px; border:1px solid #e2e8f0; border-radius:12px; padding:20px;">
<div style="width:44px; height:44px; flex:0 0 auto; border-radius:10px; background:#eaf2fd; display:flex; align-items:center; justify-content:center; color:#1f6fd6;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
</div>
<div>
<div style="font-size:12px; color:#5b6b7c; margin-bottom:2px;">Phone</div>
<div style="font-size:15px; font-weight:600; color:#0b2545;">+254 719 723 752</div>
</div>
</div>
<div style="display:flex; align-items:center; gap:14px; border:1px solid #e2e8f0; border-radius:12px; padding:20px;">
<div style="width:44px; height:44px; flex:0 0 auto; border-radius:10px; background:#eaf2fd; display:flex; align-items:center; justify-content:center; color:#1f6fd6;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="M22 6l-10 7L2 6"></path></svg>
</div>
<div>
<div style="font-size:12px; color:#5b6b7c; margin-bottom:2px;">Email</div>
<div style="font-size:15px; font-weight:600; color:#0b2545;">joe.muriuki@murinya.com</div>
</div>
</div>
<div style="display:flex; align-items:center; gap:14px; border:1px solid #e2e8f0; border-radius:12px; padding:20px;">
<div style="width:44px; height:44px; flex:0 0 auto; border-radius:10px; background:#eaf2fd; display:flex; align-items:center; justify-content:center; color:#1f6fd6;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
</div>
<div>
<div style="font-size:12px; color:#5b6b7c; margin-bottom:2px;">Location</div>
<div style="font-size:15px; font-weight:600; color:#0b2545;">Nyali, Mombasa</div>
</div>
</div>
<div style="display:flex; align-items:center; gap:14px; border:1px solid #e2e8f0; border-radius:12px; padding:20px;">
<div style="width:44px; height:44px; flex:0 0 auto; border-radius:10px; background:#eaf2fd; display:flex; align-items:center; justify-content:center; color:#1f6fd6;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"></circle><path d="M12 7v5l3 3"></path></svg>
</div>
<div>
<div style="font-size:12px; color:#5b6b7c; margin-bottom:2px;">Hours</div>
<div style="font-size:15px; font-weight:600; color:#0b2545;">Mon – Sat: 8:00am – 6:00pm</div>
</div>
</div>
</div>
<div style="background:#0b2c52; border-radius:16px; padding:40px;">
<div style="font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; letter-spacing:1px; color:#fff; margin-bottom:10px;">REQUEST A QUOTE</div>
<p style="font-size:13px; color:#c3d5ec; margin:0 0 22px; line-height:1.5;">Fill out the form and we'll get back to you within 24 hours.</p>
<form style="display:flex; flex-direction:column; gap:14px;" onSubmit="{{ onSubmitQuote }}">
<div style="display:grid; grid-template-columns:1fr 1fr; gap:14px;">
<input placeholder="Your Name" style="background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.25); border-radius:6px; padding:14px; color:#fff; font-size:14px;"></input>
<input placeholder="Phone Number" style="background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.25); border-radius:6px; padding:14px; color:#fff; font-size:14px;"></input>
</div>
<input placeholder="Email Address" style="background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.25); border-radius:6px; padding:14px; color:#fff; font-size:14px;"></input>
<input placeholder="How can we help you?" style="background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.25); border-radius:6px; padding:14px; color:#fff; font-size:14px;"></input>
<button type="submit" style="background:#1f6fd6; color:#fff; border:none; border-radius:6px; padding:16px; font-weight:700; font-size:14px; letter-spacing:0.5px; cursor:pointer;">SEND REQUEST</button>
</form>
</div>
</section>
<dc-import name="Footer" hint-size="100%,400px"></dc-import>
</div>
</x-dc>
<script type="text/x-dc" data-dc-script>
class Component extends DCLogic {
renderVals() {
return { onSubmitQuote: (e) => { e.preventDefault(); } };
}
}
</script>
</body>
</html>