index.php
<?php
define('APP_ACCESS', true);
include('Common/header-premium.php');
require_once "Common/get-page-content.php";
// Force refresh page content if coming from admin update
if (isset($_GET['refresh']) && $_GET['refresh'] == 1) {
// Clear any cached page content
if (isset($_SESSION['page_content_home'])) {
unset($_SESSION['page_content_home']);
}
}
$home_content = getPageContent($con, 'home');
?>
<!-- Main Content -->
<main id="main-content">
<!-- ========================================
1. HERO SECTION - First Impression
======================================== -->
<section class="hero-premium" style="background-image: url('<?php echo !empty($site_settings['banner_path']) ? htmlspecialchars($site_settings['banner_path']) : 'Images/campus.jpg'; ?>');">
<div class="hero-content-premium">
<h1 class="fade-in-up"><?php echo !empty($site_settings['hero_title']) ? htmlspecialchars($site_settings['hero_title']) : htmlspecialchars($site_settings['college_name']); ?></h1>
<p class="tagline fade-in-up"><?php echo !empty($site_settings['hero_subtitle']) ? htmlspecialchars($site_settings['hero_subtitle']) : htmlspecialchars($site_settings['college_tagline']); ?></p>
<div class="hero-buttons fade-in-up">
<a href="#about" class="btn-hero-primary">
<i class="fa fa-university"></i> Discover <?php echo htmlspecialchars($site_settings['college_name']); ?>
</a>
<a href="admission.php" class="btn-hero-secondary">
<i class="fa fa-pencil"></i> Apply Now
</a>
</div>
</div>
</section>
<!-- ========================================
2. AFFILIATION STRIP - Trust Building
======================================== -->
<div class="affiliation-strip-premium scroll-animate">
<div class="container-premium">
<p class="affiliation-quote">"<?php echo htmlspecialchars($site_settings['college_tagline']); ?>"</p>
<p class="affiliation-details"><?php echo !empty($site_settings['affiliation_text']) ? htmlspecialchars($site_settings['affiliation_text']) : "Our college is permanently affiliated with one of Chhattisgarh's premier universities."; ?></p>
</div>
</div>
<!-- ========================================
3. WELCOME SECTION - About & Stats
======================================== -->
<section class="section-premium section-about" id="about">
<div class="container-premium">
<div class="row g-5 align-items-stretch">
<!-- Image Column with Carousel -->
<div class="col-lg-6 about-image-col">
<div class="about-image-wrapper campus-carousel-wrapper">
<?php
// Fetch campus gallery images
$gallery_query = "SELECT image_path, video_path, title, description, media_type
FROM campus_gallery
WHERE is_active = 1
ORDER BY display_order ASC, created_at DESC
LIMIT 8";
$gallery_result = mysqli_query($con, $gallery_query);
$gallery_images = [];
if ($gallery_result && mysqli_num_rows($gallery_result) > 0) {
while ($img = mysqli_fetch_assoc($gallery_result)) {
if (empty($img['media_type']) || $img['media_type'] == 'image') {
$gallery_images[] = $img;
}
}
}
if (empty($gallery_images)) {
$gallery_images = [
['image_path' => 'Images/campus.jpg', 'title' => 'Campus Life', 'description' => 'Our Beautiful Campus']
];
}
?>
<!-- Carousel Container -->
<div class="campus-carousel">
<?php foreach ($gallery_images as $index => $image): ?>
<div class="carousel-slide <?php echo $index === 0 ? 'active' : ''; ?>"
data-slide="<?php echo $index; ?>">
<img src="<?php echo htmlspecialchars($image['image_path']); ?>"
alt="<?php echo htmlspecialchars($image['title'] ?? 'Campus Life'); ?>"
class="about-campus-image">
<?php if (!empty($image['title'])): ?>
<div class="carousel-caption">
<h4><?php echo htmlspecialchars($image['title']); ?></h4>
<?php if (!empty($image['description'])): ?>
<p><?php echo htmlspecialchars($image['description']); ?></p>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<!-- Carousel Controls -->
<?php if (count($gallery_images) > 1): ?>
<button class="carousel-control prev" onclick="changeSlide(-1)" aria-label="Previous slide">
<i class="fa fa-chevron-left"></i>
</button>
<button class="carousel-control next" onclick="changeSlide(1)" aria-label="Next slide">
<i class="fa fa-chevron-right"></i>
</button>
<!-- Carousel Indicators -->
<div class="carousel-indicators">
<?php foreach ($gallery_images as $index => $image): ?>
<button class="indicator <?php echo $index === 0 ? 'active' : ''; ?>"
onclick="goToSlide(<?php echo $index; ?>)"
aria-label="Go to slide <?php echo $index + 1; ?>"></button>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
</div>
<!-- Content Column -->
<div class="col-lg-6 about-content-col">
<div class="about-content">
<h2 class="about-title"><?php echo !empty($site_settings['welcome_title']) ? htmlspecialchars($site_settings['welcome_title']) : 'Welcome to ' . htmlspecialchars($site_settings['college_name']); ?></h2>
<p class="about-subtitle"><?php echo htmlspecialchars($site_settings['college_tagline']); ?></p>
<p class="about-description">
<?php echo !empty($site_settings['welcome_text']) ? nl2br(htmlspecialchars($site_settings['welcome_text'])) : nl2br(htmlspecialchars($site_settings['about_description'])); ?>
</p>
<!-- Stats Grid -->
<div class="stats-grid">
<div class="stat-box">
<h3 class="stat-number" data-count="<?php echo !empty($site_settings['students_count']) ? htmlspecialchars($site_settings['students_count']) : 2000; ?>">0</h3>
<p class="stat-label"><?php echo !empty($site_settings['counter_students_label']) ? htmlspecialchars($site_settings['counter_students_label']) : 'Students'; ?></p>
</div>
<div class="stat-box">
<h3 class="stat-number" data-count="<?php echo !empty($site_settings['faculty_count']) ? htmlspecialchars($site_settings['faculty_count']) : 100; ?>">0</h3>
<p class="stat-label"><?php echo !empty($site_settings['counter_faculty_label']) ? htmlspecialchars($site_settings['counter_faculty_label']) : 'Faculty Members'; ?></p>
</div>
<div class="stat-box">
<h3 class="stat-number" data-count="<?php echo !empty($site_settings['programs_count']) ? htmlspecialchars($site_settings['programs_count']) : 25; ?>">0</h3>
<p class="stat-label"><?php echo !empty($site_settings['counter_programs_label']) ? htmlspecialchars($site_settings['counter_programs_label']) : 'Programs'; ?></p>
</div>
<div class="stat-box">
<h3 class="stat-number" data-count="<?php echo !empty($site_settings['excellence_years']) ? htmlspecialchars($site_settings['excellence_years']) : 27; ?>">0</h3>
<p class="stat-label"><?php echo !empty($site_settings['counter_years_label']) ? htmlspecialchars($site_settings['counter_years_label']) : 'Years of Excellence'; ?></p>
</div>
</div>
<div class="about-cta">
<a href="about.php" class="btn-hero-primary">
<i class="fa fa-arrow-right"></i> Learn More About Us
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ========================================
4. FACULTIES SECTION - Academic Programs
======================================== -->
<section class="section-premium bg-light" id="faculties">
<div class="container-premium">
<div class="section-title scroll-animate">
<h2><?php echo !empty($site_settings['faculties_heading']) ? htmlspecialchars($site_settings['faculties_heading']) : 'Our Faculties'; ?></h2>
<p>We offer a wide range of undergraduate programs designed to empower students and shape future leaders.</p>
</div>
<div class="row g-4">
<?php
// Fetch faculties from database
$faculty_query = "SELECT * FROM faculties WHERE is_active = 1 ORDER BY display_order ASC LIMIT 4";
$faculty_result = @mysqli_query($con, $faculty_query);
if ($faculty_result && mysqli_num_rows($faculty_result) > 0) {
while ($fac = mysqli_fetch_assoc($faculty_result)) {
?>
<div class="col-lg-3 col-md-6 scroll-animate">
<div class="card-premium text-center">
<div class="card-icon" style="background: <?php echo htmlspecialchars($fac['color_gradient']); ?>;">
<i class="fa <?php echo htmlspecialchars($fac['icon']); ?>"></i>
</div>
<h4><?php echo htmlspecialchars($fac['name']); ?></h4>
<p><?php echo htmlspecialchars($fac['short_description']); ?></p>
<a href="faculties.php" class="btn-card">Learn More</a>
</div>
</div>
<?php
}
} else {
// Fallback to default faculties if database is empty
?>
<div class="col-lg-3 col-md-6 scroll-animate">
<div class="card-premium text-center">
<div class="card-icon">
<i class="fa fa-book"></i>
</div>
<h4>Faculty of Arts</h4>
<p><?php echo !empty($home_content['faculty_arts_desc']) ? htmlspecialchars($home_content['faculty_arts_desc']) : 'Exploring human culture, literature, and society through comprehensive B.A programs.'; ?></p>
<a href="faculties.php" class="btn-card">Learn More</a>
</div>
</div>
<div class="col-lg-3 col-md-6 scroll-animate">
<div class="card-premium text-center">
<div class="card-icon" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
<i class="fa fa-briefcase"></i>
</div>
<h4>Faculty of Commerce</h4>
<p><?php echo !empty($home_content['faculty_commerce_desc']) ? htmlspecialchars($home_content['faculty_commerce_desc']) : 'Building future business leaders with in-depth knowledge of trade, finance, and economics.'; ?></p>
<a href="faculties.php" class="btn-card">Learn More</a>
</div>
</div>
<div class="col-lg-3 col-md-6 scroll-animate">
<div class="card-premium text-center">
<div class="card-icon" style="background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);">
<i class="fa fa-graduation-cap"></i>
</div>
<h4>Faculty of Education</h4>
<p><?php echo !empty($home_content['faculty_education_desc']) ? htmlspecialchars($home_content['faculty_education_desc']) : 'Shaping the teachers of tomorrow with modern pedagogical skills and values.'; ?></p>
<a href="faculties.php" class="btn-card">Learn More</a>
</div>
</div>
<div class="col-lg-3 col-md-6 scroll-animate">
<div class="card-premium text-center">
<div class="card-icon" style="background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);">
<i class="fa fa-heartbeat"></i>
</div>
<h4>Physical Education</h4>
<p><?php echo !empty($home_content['faculty_sports_desc']) ? htmlspecialchars($home_content['faculty_sports_desc']) : 'Promoting fitness, sportsmanship, and holistic health through rigorous training.'; ?></p>
<a href="faculties.php" class="btn-card">Learn More</a>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
<?php include('includes/highlights-section.php'); ?>
<?php include('includes/news-section.php'); ?>
<?php include('includes/events-section.php'); ?>
<!-- ========================================
9. CALL TO ACTION - Final Conversion
======================================== -->
<section class="section-premium bg-light">
<div class="container-premium">
<div class="row justify-content-center">
<div class="col-lg-8 text-center scroll-animate">
<h2 class="mb-4" style="color: var(--primary-dark); font-weight: var(--font-bold);">Ready to Start Your Journey?</h2>
<p class="lead mb-5" style="color: var(--gray);">
Join thousands of students who have transformed their lives through quality education at Vipra College.
</p>
<div class="d-flex gap-4 justify-content-center flex-wrap">
<a href="courses.php" class="btn-hero-primary">
<i class="fa fa-book"></i> Explore Programs
</a>
<a href="admission.php" class="btn-hero-secondary" style="background: var(--white); color: var(--primary); border-color: var(--primary);">
<i class="fa fa-pencil"></i> Apply for Admission
</a>
<a href="contact.php" class="btn-hero-secondary" style="background: var(--white); color: var(--primary); border-color: var(--primary);">
<i class="fa fa-phone"></i> Contact Us
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<?php include('Common/footer-premium.php') ?>