Sindbad~EG File Manager
<?php
require_once 'config/config.php';
require_once 'classes/PageContent.php';
$pageTitle = "About 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 ?: []);
// Get page content
$pageContent = new PageContent();
$content = $pageContent->getPageContent('about');
?>
<!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%);
}
.stat-card {
transition: transform 0.3s ease;
}
.stat-card:hover {
transform: scale(1.05);
}
</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, #9333EA 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"><?php echo htmlspecialchars($content['hero']['title'] ?? 'About Our System'); ?></h1>
<p class="text-xl md:text-2xl text-white/90"><?php echo htmlspecialchars($content['hero']['subtitle'] ?? 'Empowering churches with modern technology'); ?></p>
</div>
</section>
<!-- About Content -->
<section class="py-20">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto">
<!-- Mission Statement -->
<div class="text-center mb-16">
<h2 class="text-4xl font-bold text-gray-800 mb-6"><?php echo htmlspecialchars($content['mission']['title'] ?? 'Our Mission'); ?></h2>
<p class="text-xl text-gray-600 leading-relaxed">
<?php echo nl2br(htmlspecialchars($content['mission']['description'] ?? 'Our Church Membership Management System is designed to help religious organizations efficiently manage their communities.')); ?>
</p>
</div>
<!-- Statistics -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
<div class="stat-card text-center p-8 rounded-2xl shadow-lg" style="background: linear-gradient(135deg, rgba(30, 64, 175, 0.1) 0%, rgba(147, 51, 234, 0.1) 100%);">
<div class="text-5xl font-bold mb-2" style="background: linear-gradient(135deg, #1E40AF 0%, #9333EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
<?php echo htmlspecialchars($content['statistics']['stat1_number'] ?? '500+'); ?>
</div>
<div class="text-gray-700 font-semibold"><?php echo htmlspecialchars($content['statistics']['stat1_label'] ?? 'Active Members'); ?></div>
</div>
<div class="stat-card text-center p-8 rounded-2xl shadow-lg" style="background: linear-gradient(135deg, rgba(249, 115, 22, 0.1) 0%, rgba(251, 191, 36, 0.1) 100%);">
<div class="text-5xl font-bold mb-2" style="background: linear-gradient(135deg, #F97316 0%, #FBBF24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
<?php echo htmlspecialchars($content['statistics']['stat2_number'] ?? '50+'); ?>
</div>
<div class="text-gray-700 font-semibold"><?php echo htmlspecialchars($content['statistics']['stat2_label'] ?? 'Events Managed'); ?></div>
</div>
<div class="stat-card text-center p-8 rounded-2xl shadow-lg" style="background: linear-gradient(135deg, rgba(147, 51, 234, 0.1) 0%, rgba(249, 115, 22, 0.1) 100%);">
<div class="text-5xl font-bold mb-2" style="background: linear-gradient(135deg, #9333EA 0%, #F97316 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
<?php echo htmlspecialchars($content['statistics']['stat3_number'] ?? '24/7'); ?>
</div>
<div class="text-gray-700 font-semibold"><?php echo htmlspecialchars($content['statistics']['stat3_label'] ?? 'System Availability'); ?></div>
</div>
</div>
<!-- Features Grid -->
<div class="bg-white rounded-2xl p-10 shadow-xl mb-16">
<h3 class="text-3xl font-bold text-gray-800 mb-8 text-center">Why Choose Us?</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="flex items-start space-x-4">
<div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0" style="background: linear-gradient(135deg, #1E40AF 0%, #9333EA 100%);">
<i class="fas fa-check text-white text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold text-gray-800 mb-2"><?php echo htmlspecialchars($content['features']['feature1_title'] ?? 'Easy to Use'); ?></h4>
<p class="text-gray-600"><?php echo htmlspecialchars($content['features']['feature1_description'] ?? 'Intuitive interface designed for users of all technical levels'); ?></p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0" style="background: linear-gradient(135deg, #F97316 0%, #FBBF24 100%);">
<i class="fas fa-bolt text-white text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold text-gray-800 mb-2"><?php echo htmlspecialchars($content['features']['feature2_title'] ?? 'Fast Performance'); ?></h4>
<p class="text-gray-600"><?php echo htmlspecialchars($content['features']['feature2_description'] ?? 'Optimized for speed with quick load times'); ?></p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0" style="background: linear-gradient(135deg, #9333EA 0%, #F97316 100%);">
<i class="fas fa-lock text-white text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold text-gray-800 mb-2"><?php echo htmlspecialchars($content['features']['feature3_title'] ?? 'Secure'); ?></h4>
<p class="text-gray-600"><?php echo htmlspecialchars($content['features']['feature3_description'] ?? 'Bank-level security'); ?></p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0" style="background: linear-gradient(135deg, #FBBF24 0%, #9333EA 100%);">
<i class="fas fa-headset text-white text-xl"></i>
</div>
<div>
<h4 class="text-xl font-bold text-gray-800 mb-2"><?php echo htmlspecialchars($content['features']['feature4_title'] ?? 'Support'); ?></h4>
<p class="text-gray-600"><?php echo htmlspecialchars($content['features']['feature4_description'] ?? 'Dedicated support team'); ?></p>
</div>
</div>
</div>
</div>
<!-- Technology Stack -->
<div class="text-center">
<h3 class="text-3xl font-bold text-gray-800 mb-8">Built With Modern Technology</h3>
<div class="flex flex-wrap justify-center gap-6">
<span class="px-6 py-3 rounded-full bg-blue-100 text-blue-700 font-semibold">PHP 8+</span>
<span class="px-6 py-3 rounded-full bg-orange-100 text-orange-700 font-semibold">MySQL</span>
<span class="px-6 py-3 rounded-full bg-purple-100 text-purple-700 font-semibold">Tailwind CSS</span>
<span class="px-6 py-3 rounded-full bg-yellow-100 text-yellow-700 font-semibold">JavaScript</span>
<span class="px-6 py-3 rounded-full bg-blue-100 text-blue-700 font-semibold">REST API</span>
</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