/
home
/
u839856410
/
domains
/
frajuuconnect.online
/
public_html
/
Upload File
HOME
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- SEO Title & Meta Description --> <title>Contact us | FRAJUU CONNECT</title> <meta name="description" content="Get in touch with real estate agents on FRAJUU CONNECT. Ask questions, request property details, or send your inquiries directly to agents."> <meta name="keywords" content="FRAJUU CONNECT contact, real estate agent contact, property inquiry, house for sale, house for rent"> <meta name="author" content="FRAJUU CONNECT"> <!-- Canonical URL --> <link rel="canonical" href="https://www.frajuuconnect.online/contact.php"> <!-- Open Graph / Social Share --> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.frajuuconnect.online/contact.php"> <meta property="og:title" content="Contact an Agent | FRAJUU CONNECT"> <meta property="og:description" content="Reach out to our real estate agents and inquire about properties for sale or rent."> <meta property="og:image" content="https://www.frajuuconnect.online/images/FrajuuConnect-logo.png"> <!-- Optional preview image --> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://www.frajuuconnect.online/contact.php"> <meta name="twitter:title" content="Contact an Agent | FRAJUU CONNECT"> <meta name="twitter:description" content="Reach out to our real estate agents and inquire about properties for sale or rent."> <meta name="twitter:image" content="https://www.frajuuconnect.online/images/hero-bg.jpg"> <!-- Favicon --> <link rel="icon" href="https://www.frajuuconnect.online/images/favicon.png" type="image/png"> <!-- CSS / Libraries --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body> <!-- ✅ Navigation Bar --> <nav class="navbar navbar-expand-lg navbar-dark shadow-sm"> <div class="container"> <a class="navbar-brand fw-bold" href="index.php"><img src="images/Frajuu-connect-logo.png" alt="Frajuu Logo" srcset=""></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> <li class="nav-item"><a class="nav-link active" href="index.php">Home</a></li> <li class="nav-item"><a class="nav-link" href="house-for-sale-listing.php">Buy</a></li> <li class="nav-item"><a class="nav-link" href="houses-for-rent-listing.php">Rent</a></li> <li class="nav-item"><a class="nav-link" href="plots-for-sale-listing.php">Plots</a></li> <li class="nav-item"><a class="nav-link" href="rooms-for-rent-listing.php">Rooms</a></li> <li class="nav-item"><a class="nav-link" href="contact.php">Contact</a></li> <!-- Sera Zetu --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#rentals" id="rent-link" role="button" data-bs-toggle="dropdown"> Msaada/Sera </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="jinsi-tunavyofanya-kazi.html" id="houses-rent-link">Jinsi Tunavyofanya kazi</a></li> <li><a class="dropdown-item" href="terms-and-conditions.html" id="apartments-rent-link">Masharti ya Matumizi</a></li> <li><a class="dropdown-item" href="privacy-policy.html" id="short-term-link">Sera ya Faragha</a></li> </ul> </li> </ul> </div> </div> </nav> <div class="contact-container my-5"> <h2 class="mb-4 text-center">Wasiliana Nasi</h2> <?php $success_msg = ''; $error_msg = ''; if ($_SERVER['REQUEST_METHOD'] === 'POST') { $name = trim($_POST['name'] ?? ''); $email = trim($_POST['email'] ?? ''); $phone = trim($_POST['phone'] ?? ''); $message = trim($_POST['message'] ?? ''); $method = $_POST['method'] ?? 'email'; // email or whatsapp if (!$name || !$email || !$message) { $error_msg = "Tafadhali jaza masimu yote muhimu."; } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) { $error_msg = "Tafadhali andika barua pepe halali."; } else { if ($method === 'email') { // Send email $to = "info@frajuuconnect.online"; $subject = "Ujumbe kutoka: $name"; $body = "Jina: $name\nEmail: $email\nSimu: $phone\n\nUjumbe:\n$message"; $headers = "From: $email"; if (mail($to, $subject, $body, $headers)) { $success_msg = "Ujumbe wako umetumwa kwa mafanikio kupitia barua pepe!"; } else { $error_msg = "Tatizo lilitokea kutuma ujumbe kwa barua pepe. Tafadhali jaribu tena."; } } elseif ($method === 'whatsapp') { // WhatsApp redirect $whatsapp_number = '0675621343'; $wa_message = urlencode("Jina: $name\nEmail: $email\nSimu: $phone\nUjumbe: $message"); $wa_link = "https://wa.me/$whatsapp_number?text=$wa_message"; header("Location: $wa_link"); exit; } } } ?> <!-- Display messages --> <?php if($success_msg): ?> <div class="alert alert-success"><?php echo $success_msg; ?></div> <?php elseif($error_msg): ?> <div class="alert alert-danger"><?php echo $error_msg; ?></div> <?php endif; ?> <form method="post" class="card p-4 shadow-sm"> <div class="mb-3"> <label class="form-label">Jina Lako *</label> <input type="text" name="name" class="form-control" required> </div> <div class="mb-3"> <label class="form-label">Barua Pepe *</label> <input type="email" name="email" class="form-control" required> </div> <div class="mb-3"> <label class="form-label">Simu</label> <input type="text" name="phone" class="form-control"> </div> <div class="mb-3"> <label class="form-label">Ujumbe *</label> <textarea name="message" class="form-control" rows="5" required></textarea> </div> <div class="mb-3"> <label class="form-label">Tuma Kwa *</label> <select name="method" class="form-select" required> <option value="email" selected>Barua Pepe</option> <option value="whatsapp">WhatsApp</option> </select> </div> <button type="submit" class="btn btn-primary w-100">Tuma Ujumbe</button> </form> </div> <!-- ✅ Footer --> <footer class="bg-dark text-white py-4"> <div class="container text-center"> <!-- Contact Info --> <div class="col-md-4 col-lg-4 col-xl-4 mx-auto mt-3"> <h5 class="text-uppercase mb-4 font-weight-bold" style="color: #0b9b2c;">CONTACT US</h5> <p><i class="fas fa-envelope me-3"></i> info@frajuuconnect.online</p> <p><i class="fas fa-phone me-3"></i> +255 675 621 343</p> </div> <p>Follow us: <a href="#" class="text-white ms-2">Facebook</a> | <a href="#" class="text-white ms-2">Tiktok</a> | <a href="#" class="text-white ms-2">Instagram</a> </p> </div> <!-- Copyright --> <div class="row text-center mt-4"> <div class="col"> <!-- Privacy Policy Link --> <a href="privacy-policy.html" class="btn btn-sm btn-outline-light mt-2">Sera ya Faragha</a> <a href="jinsi-tunavyofanya-kazi.html" class="btn btn-sm btn-outline-light mt-2">Jinsi Tunavyofanya kazi</a> <a href="terms-and-conditions.html" class="btn btn-sm btn-outline-light mt-2">Masharti na Matumizi</a> <br> <br> <p>© <?php echo date("Y"); ?> FRAJUU CONNECT. All rights reserved.</p> </div> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script> document.getElementById('whatsappForm').addEventListener('submit', function(e) { e.preventDefault(); const name = encodeURIComponent(document.getElementById('wa_name').value); const email = encodeURIComponent(document.getElementById('wa_email').value); const phone = encodeURIComponent(document.getElementById('wa_phone').value); const message = encodeURIComponent(document.getElementById('wa_message').value); if(!name || !email || !message){ alert("Tafadhali jaza masimu yote muhimu."); return; } const waNumber = "0675621343"; const waMessage = `Jina: ${name}%0AEmail: ${email}%0ASimu: ${phone}%0AUjumbe: ${message}`; const waURL = `https://wa.me/${waNumber}?text=${waMessage}`; window.open(waURL, "_blank"); }); </script> <script> // Bootstrap form validation (() => { 'use strict'; const form = document.querySelector('#contactForm'); form.addEventListener('submit', e => { if (!form.checkValidity()) { e.preventDefault(); e.stopPropagation(); } form.classList.add('was-validated'); }, false); })(); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"> </body> </html>
