Sindbad~EG File Manager
<?php
require_once 'config/config.php';
$pageTitle = "Contact Us - " . APP_NAME;
// Get settings for theme colors
$db = Database::getInstance()->getConnection();
$stmt = $db->query("SELECT * FROM general_settings ORDER BY id DESC LIMIT 1");
$settings = $stmt->fetch();
// Default settings if none exist
$settings = array_merge([
'site_title' => 'Church Membership System',
'theme_primary_color' => '#1E40AF',
'theme_secondary_color' => '#F97316',
], $settings ?: []);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $pageTitle; ?></title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
.hero-gradient {
background: linear-gradient(135deg, #1E40AF 0%, #9333EA 50%, #F97316 100%);
}
.contact-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.25);
}
</style>
</head>
<body class="bg-gray-50">
<!-- Simple Header -->
<header class="bg-white shadow-md">
<div class="container mx-auto px-4 py-4 flex items-center justify-between">
<div class="flex items-center space-x-3">
<div class="w-10 h-10 rounded-xl flex items-center justify-center" style="background: linear-gradient(135deg, #1E40AF 0%, #F97316 100%);">
<i class="fas fa-church text-white"></i>
</div>
<span class="text-xl font-bold" style="background: linear-gradient(135deg, #1E40AF 0%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;"><?php echo htmlspecialchars($settings['site_title']); ?></span>
</div>
<a href="index.php" class="px-6 py-2 rounded-full text-white font-semibold hover:shadow-lg transition" style="background: linear-gradient(135deg, #FBBF24 0%, #F97316 100%);">
<i class="fas fa-home mr-2"></i>Back to Home
</a>
</div>
</header>
<!-- Hero Section -->
<section class="hero-gradient text-white py-20">
<div class="container mx-auto px-4 text-center">
<h1 class="text-5xl md:text-6xl font-bold mb-6">Get in Touch</h1>
<p class="text-xl md:text-2xl text-white/90">We're here to help you with any questions</p>
</div>
</section>
<!-- Contact Content -->
<section class="py-20">
<div class="container mx-auto px-4">
<div class="max-w-5xl mx-auto">
<!-- Contact Info Cards -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
<!-- Email -->
<div class="contact-card bg-white rounded-2xl p-8 text-center shadow-lg">
<div class="w-20 h-20 rounded-2xl flex items-center justify-center mx-auto mb-6" style="background: linear-gradient(135deg, #1E40AF 0%, #9333EA 100%);">
<i class="fas fa-envelope text-white text-3xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-800 mb-3">Email</h3>
<p class="text-gray-600 mb-4">Send us an email anytime</p>
<a href="mailto:support@churchsystem.com" class="text-blue-600 font-semibold hover:text-blue-700">support@churchsystem.com</a>
</div>
<!-- Phone -->
<div class="contact-card bg-white rounded-2xl p-8 text-center shadow-lg">
<div class="w-20 h-20 rounded-2xl flex items-center justify-center mx-auto mb-6" style="background: linear-gradient(135deg, #F97316 0%, #FBBF24 100%);">
<i class="fas fa-phone text-white text-3xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-800 mb-3">Phone</h3>
<p class="text-gray-600 mb-4">Call us during business hours</p>
<a href="tel:+15551234567" class="text-orange-600 font-semibold hover:text-orange-700">+1 (555) 123-4567</a>
</div>
<!-- Location -->
<div class="contact-card bg-white rounded-2xl p-8 text-center shadow-lg">
<div class="w-20 h-20 rounded-2xl flex items-center justify-center mx-auto mb-6" style="background: linear-gradient(135deg, #9333EA 0%, #F97316 100%);">
<i class="fas fa-map-marker-alt text-white text-3xl"></i>
</div>
<h3 class="text-2xl font-bold text-gray-800 mb-3">Location</h3>
<p class="text-gray-600 mb-4">Visit us at our office</p>
<p class="text-purple-600 font-semibold">123 Church Street<br>City, State 12345</p>
</div>
</div>
<!-- Contact Form -->
<div class="bg-white rounded-2xl p-10 shadow-xl">
<h2 class="text-3xl font-bold text-gray-800 mb-8 text-center">Send Us a Message</h2>
<form class="space-y-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label class="block text-sm font-semibold text-gray-700 mb-2">Full Name *</label>
<input type="text" required class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-blue-500 focus:outline-none transition" placeholder="John Doe">
</div>
<div>
<label class="block text-sm font-semibold text-gray-700 mb-2">Email *</label>
<input type="email" required class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-blue-500 focus:outline-none transition" placeholder="john@example.com">
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label class="block text-sm font-semibold text-gray-700 mb-2">Phone</label>
<input type="tel" class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-blue-500 focus:outline-none transition" placeholder="+1 (555) 123-4567">
</div>
<div>
<label class="block text-sm font-semibold text-gray-700 mb-2">Subject *</label>
<select required class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-blue-500 focus:outline-none transition">
<option value="">Select a subject</option>
<option value="general">General Inquiry</option>
<option value="support">Technical Support</option>
<option value="billing">Billing Question</option>
<option value="feedback">Feedback</option>
</select>
</div>
</div>
<div>
<label class="block text-sm font-semibold text-gray-700 mb-2">Message *</label>
<textarea required rows="6" class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-blue-500 focus:outline-none transition" placeholder="Tell us how we can help you..."></textarea>
</div>
<div class="text-center">
<button type="submit" class="px-10 py-4 rounded-full text-white text-lg font-semibold hover:shadow-2xl transition" style="background: linear-gradient(135deg, #1E40AF 0%, #F97316 100%);">
<i class="fas fa-paper-plane mr-2"></i>Send Message
</button>
</div>
</form>
</div>
<!-- Additional Info -->
<div class="mt-16 text-center">
<h3 class="text-2xl font-bold text-gray-800 mb-6">Office Hours</h3>
<div class="inline-block bg-white rounded-2xl p-8 shadow-lg">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 text-left">
<div>
<p class="text-gray-700 font-semibold mb-2">Monday - Friday</p>
<p class="text-gray-600">9:00 AM - 5:00 PM</p>
</div>
<div>
<p class="text-gray-700 font-semibold mb-2">Saturday - Sunday</p>
<p class="text-gray-600">Closed</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white py-8">
<div class="container mx-auto px-4 text-center">
<p class="text-gray-400">© <?php echo date('Y'); ?> <?php echo htmlspecialchars($settings['site_title']); ?>. All rights reserved.</p>
</div>
</footer>
<?php
// Include Chat Hub Widget (Admin Chat + AI Chatbot)
if (file_exists(__DIR__ . '/includes/chat-hub-widget.php')) {
include 'includes/chat-hub-widget.php';
}
?>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists