BLACKSITE


	: 216.73.216.140
	: 199.188.200.160 / jeddahhousingltd.com
	: Linux server383.web-hosting.com 4.18.0-553.83.1.lve.el8.x86_64 #1 SMP Wed Nov 12 10:04:12 UTC 2025 x86_64
: /home/jeddveug/public_html/
files >> /home/jeddveug/public_html/contact.php
 <?php
$page_title = 'Contact Us';
$meta_description = 'Contact Jeddah Housing Ltd. for inquiries about residential and commercial plots in Jeddah City, Gazipur. Call +880 1626-757577 or visit our office.';
require_once 'config/db.php';

$success = false;
$errors = [];

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = trim(($_POST['first_name'] ?? '') . ' ' . ($_POST['last_name'] ?? ''));
    $phone = trim($_POST['phone'] ?? '');
    $email = trim($_POST['email'] ?? '');
    $address = trim($_POST['address'] ?? '');
    $message = trim($_POST['message'] ?? '');

    if (!$name || $name === ' ') $errors[] = 'Full name is required.';
    if (!$phone) $errors[] = 'Phone number is required.';
    if (!$address) $errors[] = 'Address is required.';
    if (!$message) $errors[] = 'Message is required.';

    if (empty($errors)) {
        $stmt = $pdo->prepare("INSERT INTO messages (name, phone, email, address, message, type) VALUES (?,?,?,?,?,?)");
        $stmt->execute([$name, $phone, $email, $address, $message, 'contact']);
        
        // If came from home page, redirect back
        $redirect = $_POST['redirect'] ?? '';
        if ($redirect) {
            header('Location: ' . $redirect . '?sent=1');
            exit;
        }
        $success = true;
    }
}

require_once 'includes/header.php';
?>

<!-- Page Header -->
<div class="hero-gradient pt-24 pb-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <p class="text-gold-400 font-semibold text-sm tracking-widest uppercase mb-3">Get In Touch</p>
        <h1 class="text-3xl md:text-4xl font-bold text-white mb-4">Contact Us</h1>
        <p class="text-primary-200 max-w-xl mx-auto">Have questions? Contact us for more information about Jeddah City or any of our services.</p>
    </div>
</div>

<section class="py-16 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            <!-- Contact Info Cards -->
            <div class="space-y-5">
                <div class="bg-white rounded-2xl p-6 shadow-sm card-hover">
                    <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center mb-4">
                        <i class="fas fa-phone text-primary-700 text-lg"></i>
                    </div>
                    <h3 class="font-semibold text-gray-800 mb-2">Call Us</h3>
                    <a href="tel:+8801626757577" class="block text-gray-500 hover:text-primary-700 text-sm transition-colors">+880 1626-757577</a>
                    <a href="tel:+8801626757585" class="block text-gray-500 hover:text-primary-700 text-sm transition-colors">+880 1626-757585</a>
                </div>
                <div class="bg-white rounded-2xl p-6 shadow-sm card-hover">
                    <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center mb-4">
                        <i class="fas fa-envelope text-primary-700 text-lg"></i>
                    </div>
                    <h3 class="font-semibold text-gray-800 mb-2">Email Us</h3>
                    <a href="mailto:info@jeddahhousing.com" class="block text-gray-500 hover:text-primary-700 text-sm transition-colors">info@jeddahhousing.com</a>
                    <a href="mailto:info.jeddahcity@gmail.com" class="block text-gray-500 hover:text-primary-700 text-sm transition-colors">info.jeddahcity@gmail.com</a>
                </div>
                <div class="bg-white rounded-2xl p-6 shadow-sm card-hover">
                    <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center mb-4">
                        <i class="fas fa-map-marker-alt text-primary-700 text-lg"></i>
                    </div>
                    <h3 class="font-semibold text-gray-800 mb-2">Visit Us</h3>
                    <p class="text-gray-500 text-sm">Razzak Plaza (2nd Floor) <br>
                                Wabda Intersection, Mawna Crossroads, Sreepur, Gazipur.</p>
                </div>
            </div>

            <!-- Contact Form -->
            <div class="lg:col-span-2">
                <div class="bg-white rounded-2xl shadow-sm p-8">
                    <h2 class="text-2xl font-bold text-gray-800 mb-2">Send Us a Message</h2>
                    <p class="text-gray-500 text-sm mb-6">Fill in the form and we'll get back to you as soon as possible.</p>

                    <?php if ($success): ?>
                    <div class="bg-green-100 text-green-700 px-6 py-4 rounded-xl mb-6 text-center font-medium">
                        ✅ Thank you! Your message has been sent successfully. We'll get back to you soon.
                    </div>
                    <?php endif; ?>

                    <?php if (!empty($errors)): ?>
                    <div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-xl mb-5 text-sm">
                        <?php foreach ($errors as $err): ?><p>• <?= htmlspecialchars($err) ?></p><?php endforeach; ?>
                    </div>
                    <?php endif; ?>

                    <form method="POST" class="space-y-5">
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">First Name <span class="text-red-500">*</span></label>
                                <input type="text" name="first_name" required class="w-full px-4 py-3 border border-gray-200 rounded-xl text-sm focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 transition-all" placeholder="Your first name">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Last Name</label>
                                <input type="text" name="last_name" class="w-full px-4 py-3 border border-gray-200 rounded-xl text-sm focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 transition-all" placeholder="Your last name">
                            </div>
                        </div>
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Phone Number <span class="text-red-500">*</span></label>
                                <input type="tel" name="phone" required class="w-full px-4 py-3 border border-gray-200 rounded-xl text-sm focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 transition-all" placeholder="Your phone number">
                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
                                <input type="email" name="email" class="w-full px-4 py-3 border border-gray-200 rounded-xl text-sm focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 transition-all" placeholder="Your email address">
                            </div>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Address <span class="text-red-500">*</span></label>
                            <input type="text" name="address" required class="w-full px-4 py-3 border border-gray-200 rounded-xl text-sm focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 transition-all" placeholder="Your address">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Message <span class="text-red-500">*</span></label>
                            <textarea name="message" rows="5" required class="w-full px-4 py-3 border border-gray-200 rounded-xl text-sm focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 transition-all" placeholder="Write your message here..."></textarea>
                        </div>
                        <button type="submit" class="w-full bg-gold-400 hover:bg-gold-500 text-primary-900 py-3.5 rounded-xl font-semibold transition-all hover:shadow-lg text-sm">
                            <i class="fas fa-paper-plane mr-2"></i> Send Message
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<?php require_once 'includes/footer.php'; ?>