BLACKSITE


	: 216.73.217.148
	: 172.93.223.125 / www.geeteetravels.com
	: Linux ubuntu 5.15.0-179-generic #189-Ubuntu SMP Tue May 5 18:20:56 UTC 2026 x86_64
: /home/geeteetravels/public_html/
files >> /home/geeteetravels/public_html/blogs.php
 <?php 
require_once 'admin/config.php';
require_once 'includes/blog_data.php';
$pageTitle = 'Insights & Blogs | Premium Corporate Travel Guides | Geetee Travels';
$pageDescription = 'Stay updated with the latest industry trends, corporate event planning guides, and luxury travel insights from India\'s leading chauffeur service.';
$currentPage = 'blogs';
include 'includes/header.php'; 
?>

<!-- Hero Section for Blogs -->
<section class="inner-hero-section" style="background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('images/hero_bg.jpg') center/cover; padding: 100px 0; color: #fff; text-align: center;">
    <div class="container text-center">
        <h1 style="font-size: 48px; font-weight: 800; text-transform: uppercase; margin-bottom: 10px; font-family: 'Montserrat', sans-serif;">All Blogs</h1>
        <div style="width: 80px; height: 4px; background: #c89b2b; margin: 20px auto;"></div>
        <p style="font-size: 18px; opacity: 0.9;">Explore our latest insights and industry updates</p>
    </div>
</section>

<!-- Blogs Listing Section -->
<section class="blogs-listing-section" style="padding: 80px 0; background: #f9f9fb;">
    <div class="container">
        <div class="row" style="display: flex; flex-wrap: wrap; gap: 30px 0;">
            <?php foreach ($blogs as $id => $blog): ?>
                <div class="col-md-4 col-sm-6 blog-card-wrapper" style="padding: 15px;">
                    <div class="blog-card" style="
                        background: #fff;
                        border-radius: 20px;
                        padding: 40px;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        transition: all 0.4s ease;
                        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
                        border: 1px solid #f0f0f0;
                        position: relative;
                        overflow: hidden;
                    ">
                        <!-- Decorative element -->
                        <div style="position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #004aad;"></div>
                        
                        <h3 style="
                            font-size: 20px;
                            font-weight: 700;
                            color: #283266;
                            margin-bottom: 15px;
                            line-height: 1.4;
                            min-height: 56px;
                            display: -webkit-box;
                            line-clamp: 2;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                        "><?php echo htmlspecialchars($blog['title']); ?></h3>
                        
                        <p style="
                            font-size: 15px;
                            color: #5a6573;
                            line-height: 1.6;
                            margin-bottom: 25px;
                            display: -webkit-box;
                            line-clamp: 3;
                            -webkit-line-clamp: 3;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                        "><?php echo htmlspecialchars($blog['short_desc']); ?></p>
                        
                        <div style="margin-top: auto;">
                            <a href="blog-details.php?id=<?php echo $id; ?>" class="luxury-blog-btn" style="
                                display: inline-block;
                                padding: 10px 25px;
                                background: transparent;
                                color: #c89b2b;
                                border: 2px solid #c89b2b;
                                border-radius: 50px;
                                font-weight: 700;
                                text-transform: uppercase;
                                font-size: 12px;
                                letter-spacing: 1px;
                                text-decoration: none;
                                transition: all 0.3s ease;
                                text-align: center;
                            ">
                                Read More <i class="fa fa-arrow-right" style="margin-left: 5px;"></i>
                            </a>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<style>
    .blog-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
        border-color: #004aad !important;
    }
    .luxury-blog-btn:hover {
        background: #c89b2b !important;
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(200,155,43,0.3);
    }
    
    @media (max-width: 768px) {
        .inner-hero-section h1 { font-size: 32px !important; }
        .blog-card { padding: 30px !important; }
    }
</style>

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