<?php /* Template Name: Homepage Template */ get_header(); 
    include get_template_directory() . '/inc/menus/menu.php'; 
?>
	<main role="main">
	    <section class="header">
	 <?php
        include get_template_directory() . '/inc/slides/carousel-slides.php';
        ?>
        </section><!-- Header Section !-->
		<section>
		    <div class="content-area" data-aos="fade-up">
		        <?php if (have_posts()): while (have_posts()) : the_post(); ?>
			<!-- article -->
			<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>
				<?php the_content(); ?>
				
				<?php edit_post_link(); ?>
			</article>
			<!-- /article -->
		<?php endwhile; ?>
		<?php else: ?>
			<!-- article -->
			<article>
				<h2><?php _e( 'Sorry, nothing to display.', 'kipya' ); ?></h2>
			</article>
			<!-- /article -->
		<?php endif; ?>
		    </div>
		</section>
		<section class="uganda-popular-safaris">
		    <div class="container">
		        <div class="row">
		            <div class="col-lg-12 text-center mb-5" data-aos="fade-up">
		                <h2 class="section-title">Uganda Popular Safaris</h2>
		                <p class="section-subtitle">Discover the best of Uganda's wildlife and adventure experiences</p>
		            </div>
		        </div>
		        
		        <div class="row">
		            <!-- Safari Card 1: Gorilla Trekking -->
		            <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="100">
		                <div class="safari-card">
		                    <div class="safari-image">
		                        <img src="<?php echo get_template_directory_uri(); ?>/images/gorilla-trekking.jpg" alt="Gorilla Trekking Safari" class="img-fluid">
		                        <div class="safari-overlay">
		                            <div class="safari-details">
		                                <h4>Gorilla Trekking Safari</h4>
		                                <p>Experience close encounters with mountain gorillas in Bwindi Impenetrable Forest. This once-in-a-lifetime adventure includes guided trekking, professional guides, and permits.</p>
		                                <div class="safari-features">
		                                    <span>• 3-4 Days Duration</span>
		                                    <span>• Bwindi National Park</span>
		                                    <span>• Gorilla Permits Included</span>
		                                    <span>• Professional Guides</span>
		                                </div>
		                                <div class="safari-price">From $1,200</div>
		                            </div>
		                        </div>
		                    </div>
		                    <div class="safari-title">
		                        <h5>Gorilla Trekking Safari</h5>
		                    </div>
		                </div>
		            </div>
		            
		            <!-- Safari Card 2: Big 5 Wildlife Safari -->
		            <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="200">
		                <div class="safari-card">
		                    <div class="safari-image">
		                        <img src="<?php echo get_template_directory_uri(); ?>/images/big-five-safari.jpg" alt="Big 5 Wildlife Safari" class="img-fluid">
		                        <div class="safari-overlay">
		                            <div class="safari-details">
		                                <h4>Big 5 Wildlife Safari</h4>
		                                <p>Encounter the Big 5 animals in Queen Elizabeth National Park. Experience game drives, boat cruises, and incredible wildlife photography opportunities.</p>
		                                <div class="safari-features">
		                                    <span>• 5-7 Days Duration</span>
		                                    <span>• Queen Elizabeth NP</span>
		                                    <span>• Game Drives & Boat Cruise</span>
		                                    <span>• Tree Climbing Lions</span>
		                                </div>
		                                <div class="safari-price">From $800</div>
		                            </div>
		                        </div>
		                    </div>
		                    <div class="safari-title">
		                        <h5>Big 5 Wildlife Safari</h5>
		                    </div>
		                </div>
		            </div>
		            
		            <!-- Safari Card 3: Chimpanzee Tracking -->
		            <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="300">
		                <div class="safari-card">
		                    <div class="safari-image">
		                        <img src="<?php echo get_template_directory_uri(); ?>/images/chimpanzee-tracking.jpg" alt="Chimpanzee Tracking Safari" class="img-fluid">
		                        <div class="safari-overlay">
		                            <div class="safari-details">
		                                <h4>Chimpanzee Tracking Safari</h4>
		                                <p>Track chimpanzees in Kibale National Park, home to the highest concentration of primates in East Africa. Perfect for primate enthusiasts.</p>
		                                <div class="safari-features">
		                                    <span>• 2-3 Days Duration</span>
		                                    <span>• Kibale National Park</span>
		                                    <span>• 13 Primate Species</span>
		                                    <span>• Forest Walks Included</span>
		                                </div>
		                                <div class="safari-price">From $600</div>
		                            </div>
		                        </div>
		                    </div>
		                    <div class="safari-title">
		                        <h5>Chimpanzee Tracking Safari</h5>
		                    </div>
		                </div>
		            </div>
		            
		            <!-- Safari Card 4: Murchison Falls Safari -->
		            <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="400">
		                <div class="safari-card">
		                    <div class="safari-image">
		                        <img src="<?php echo get_template_directory_uri(); ?>/images/murchison-falls.jpg" alt="Murchison Falls Safari" class="img-fluid">
		                        <div class="safari-overlay">
		                            <div class="safari-details">
		                                <h4>Murchison Falls Safari</h4>
		                                <p>Visit Uganda's largest national park featuring the spectacular Murchison Falls, game drives, and boat safaris on the Nile River.</p>
		                                <div class="safari-features">
		                                    <span>• 3-4 Days Duration</span>
		                                    <span>• Murchison Falls NP</span>
		                                    <span>• Nile River Cruise</span>
		                                    <span>• Falls Viewing</span>
		                                </div>
		                                <div class="safari-price">From $750</div>
		                            </div>
		                        </div>
		                    </div>
		                    <div class="safari-title">
		                        <h5>Murchison Falls Safari</h5>
		                    </div>
		                </div>
		            </div>
		            
		            <!-- Safari Card 5: Kidepo Valley Safari -->
		            <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="500">
		                <div class="safari-card">
		                    <div class="safari-image">
		                        <img src="<?php echo get_template_directory_uri(); ?>/images/kidepo-valley.jpg" alt="Kidepo Valley Safari" class="img-fluid">
		                        <div class="safari-overlay">
		                            <div class="safari-details">
		                                <h4>Kidepo Valley Safari</h4>
		                                <p>Explore Africa's most undiscovered big-game savannah in this raw and rugged national park in northern Uganda with stunning landscapes.</p>
		                                <div class="safari-features">
		                                    <span>• 4-5 Days Duration</span>
		                                    <span>• Kidepo Valley NP</span>
		                                    <span>• Remote Wilderness</span>
		                                    <span>• Cultural Encounters</span>
		                                </div>
		                                <div class="safari-price">From $950</div>
		                            </div>
		                        </div>
		                    </div>
		                    <div class="safari-title">
		                        <h5>Kidepo Valley Safari</h5>
		                    </div>
		                </div>
		            </div>
		            
		            <!-- Safari Card 6: Lake Mburo Horseback Safari -->
		            <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="600">
		                <div class="safari-card">
		                    <div class="safari-image">
		                        <img src="<?php echo get_template_directory_uri(); ?>/images/lake-mburo-horseback.jpg" alt="Lake Mburo Horseback Safari" class="img-fluid">
		                        <div class="safari-overlay">
		                            <div class="safari-details">
		                                <h4>Lake Mburo Horseback Safari</h4>
		                                <p>Unique horseback safari experience where you can canter with herds and ride alongside giraffes and buffalo in this beautiful park.</p>
		                                <div class="safari-features">
		                                    <span>• 2-3 Days Duration</span>
		                                    <span>• Lake Mburo NP</span>
		                                    <span>• Horseback Riding</span>
		                                    <span>• Walking Safaris</span>
		                                </div>
		                                <div class="safari-price">From $550</div>
		                            </div>
		                        </div>
		                    </div>
		                    <div class="safari-title">
		                        <h5>Lake Mburo Horseback Safari</h5>
		                    </div>
		                </div>
		            </div>
		            
		            <!-- Safari Card 7: Semuliki Primate Safari -->
		            <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="700">
		                <div class="safari-card">
		                    <div class="safari-image">
		                        <img src="<?php echo get_template_directory_uri(); ?>/images/semuliki-primates.jpg" alt="Semuliki Primate Safari" class="img-fluid">
		                        <div class="safari-overlay">
		                            <div class="safari-details">
		                                <h4>Semuliki Primate Safari</h4>
		                                <p>Discover walking chimpanzees and other primates in Semuliki National Park, a rainforest realm with unique Congo Basin species.</p>
		                                <div class="safari-features">
		                                    <span>• 2-3 Days Duration</span>
		                                    <span>• Semuliki National Park</span>
		                                    <span>• Hot Springs Visit</span>
		                                    <span>• Rare Bird Species</span>
		                                </div>
		                                <div class="safari-price">From $650</div>
		                            </div>
		                        </div>
		                    </div>
		                    <div class="safari-title">
		                        <h5>Semuliki Primate Safari</h5>
		                    </div>
		                </div>
		            </div>
		            
		            <!-- Safari Card 8: Combined Gorilla & Wildlife Safari -->
		            <div class="col-lg-3 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="800">
		                <div class="safari-card">
		                    <div class="safari-image">
		                        <img src="<?php echo get_template_directory_uri(); ?>/images/combined-safari.jpg" alt="Combined Gorilla & Wildlife Safari" class="img-fluid">
		                        <div class="safari-overlay">
		                            <div class="safari-details">
		                                <h4>Combined Gorilla & Wildlife Safari</h4>
		                                <p>The ultimate Uganda experience combining gorilla trekking with wildlife safaris, offering the best of both adventures in one package.</p>
		                                <div class="safari-features">
		                                    <span>• 7-10 Days Duration</span>
		                                    <span>• Multiple Parks</span>
		                                    <span>• Gorillas & Big 5</span>
		                                    <span>• Complete Experience</span>
		                                </div>
		                                <div class="safari-price">From $1,800</div>
		                            </div>
		                        </div>
		                    </div>
		                    <div class="safari-title">
		                        <h5>Combined Gorilla & Wildlife Safari</h5>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</section>
		
		
		
		<style>
		.uganda-popular-safaris {
		    padding: 80px 0;
		    background-color: #f8f9fa;
		}

		.section-title {
		    font-size: 2.5rem;
		    font-weight: bold;
		    color: #2c3e50;
		    margin-bottom: 1rem;
		}

		.section-subtitle {
		    font-size: 1.2rem;
		    color: #6c757d;
		    margin-bottom: 3rem;
		}

		.safari-card {
		    position: relative;
		    border-radius: 15px;
		    overflow: hidden;
		    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
		    transition: transform 0.3s ease, box-shadow 0.3s ease;
		    background: #fff;
		    height: 280px;
		}

		.safari-card:hover {
		    transform: translateY(-10px);
		    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
		}

		.safari-image {
		    position: relative;
		    height: 220px;
		    overflow: hidden;
		}

		.safari-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		    transition: transform 0.3s ease;
		}

		.safari-card:hover .safari-image img {
		    transform: scale(1.1);
		}

		.safari-overlay {
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    background: linear-gradient(135deg, rgba(94, 196, 1, 0.95), rgba(45, 55, 72, 0.95));
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    opacity: 0;
		    transition: opacity 0.3s ease;
		    padding: 20px;
		}

		.safari-card:hover .safari-overlay {
		    opacity: 1;
		}

		.safari-details {
		    text-align: center;
		    color: white;
		}

		.safari-details h4 {
		    font-size: 1.4rem;
		    font-weight: bold;
		    margin-bottom: 1rem;
		    color: #fff;
		}

		.safari-details p {
		    font-size: 0.95rem;
		    line-height: 1.5;
		    margin-bottom: 1rem;
		    color: #f8f9fa;
		}

		.safari-features {
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		    margin-bottom: 1rem;
		}

		.safari-features span {
		    font-size: 0.85rem;
		    margin: 2px 0;
		    color: #e9ecef;
		}

		.safari-price {
		    font-size: 1.2rem;
		    font-weight: bold;
		    color: #fff;
		    background: rgba(255,255,255,0.2);
		    padding: 5px 15px;
		    border-radius: 20px;
		    display: inline-block;
		}

		.safari-title {
		    padding: 15px 20px;
		    background: #fff;
		}

		.safari-title h5 {
		    font-size: 1.1rem;
		    font-weight: 600;
		    color: #2c3e50;
		    margin: 0;
		    text-align: center;
		}

		@media (max-width: 768px) {
		    .safari-card {
		        margin-bottom: 30px;
		    }
		    
		    .section-title {
		        font-size: 2rem;
		    }
		    
		    .safari-details h4 {
		        font-size: 1.2rem;
		    }
		    
		    .safari-details p {
		        font-size: 0.9rem;
		    }
		}
		</style>
		<!-- /section -->
 </main>
<?php get_footer(); ?>