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/blog-details.php
 <?php 
require_once 'admin/config.php';
require_once 'includes/blog_data.php';

$id = isset($_GET['id']) ? (int)$_GET['id'] : 1;
// Simple Fallback to first blog if ID is invalid
$blog = isset($blogs[$id]) ? $blogs[$id] : $blogs[1];

$pageDescription = $blog['short_desc'];
$currentPage = 'blogs';
include 'includes/header.php'; 
?>

<!-- Article Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "<?php echo htmlspecialchars($blog['title']); ?>",
  "description": "<?php echo htmlspecialchars($blog['short_desc']); ?>",
  "author": {
    "@type": "Organization",
    "name": "Geetee Travels"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Geetee Travels",
    "logo": {
      "@type": "ImageObject",
      "url": "https://geeteetravels.com/images/New_Logo.svg"
    }
  },
  "url": "https://geeteetravels.com/blog-details.php?id=<?php echo $id; ?>",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://geeteetravels.com/blog-details.php?id=<?php echo $id; ?>"
  }
}
</script>

<!-- Blog Title Section -->
<section class="blog-detail-hero" style="background: #283266; padding: 120px 0 80px 0; color: #fff; text-align: left; position: relative;">
    <div class="container text-center">
        <!-- Badge -->
        <span style="
            display: inline-block;
            background: #c89b2b;
            color: #fff;
            padding: 5px 15px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
        ">Insights & Blogs</span>
        
        <h1 style="
            font-size: clamp(32px, 5vw, 48px);
            font-weight: 800;
            line-height:1.2;
            margin-bottom: 30px;
            color: #fff;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        "><?php echo htmlspecialchars($blog['title']); ?></h1>
        
        <div style="width: 80px; height: 6px; background: #c89b2b; margin: 0 auto 30px auto; border-radius: 3px;"></div>
    </div>
</section>

<!-- Blog Content Section -->
<section class="blog-content-section" style="padding: 80px 0; background: #ffffff;">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <article class="blog-article-body" style="
                    font-size: 18px;
                    line-height: 1.8;
                    color: #444;
                    font-family: 'Inter', 'Poppins', sans-serif;
                ">
                    <div class="blog-dynamic-content">
                        <?php echo $blog['content']; ?>
                    </div>
                </article>
                
                <!-- Share Section (Subtle) -->
                <div class="share-box" style="
                    margin-top: 60px;
                    padding: 30px;
                    background: #f8fafc;
                    border-radius: 15px;
                    text-align: center;
                    border: 1px solid #e2e8f0;
                ">
                    <p style="font-weight: 700; color: #283266; margin-bottom: 15px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px;">Liked this article? Share it</p>
                    <div class="social-icons" style="display: flex; justify-content: center; gap: 15px;">
                        <a href="#" style="background: #283266; color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%;"><i class="fa fa-facebook"></i></a>
                        <a href="#" style="background: #004aad; color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%;"><i class="fa fa-twitter"></i></a>
                        <a href="#" style="background: #0077b5; color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%;"><i class="fa fa-linkedin"></i></a>
                    </div>
                </div>

                <!-- Back to All Blogs -->
                <div class="back-link" style="margin-top: 40px; text-align: center;">
                    <a href="blogs.php" style="
                        display: inline-flex;
                        align-items: center;
                        color: #c89b2b;
                        font-weight: 700;
                        text-decoration: none;
                        font-size: 16px;
                    ">
                        <i class="fa fa-arrow-left" style="margin-right: 10px;"></i> Back to All Blogs
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Custom Content Styling -->
<style>
    .blog-dynamic-content h3 {
        font-size: 28px;
        font-weight: 700;
        color: #283266;
        margin: 40px 0 20px 0;
        position: relative;
        padding-bottom: 10px;
    }
    .blog-dynamic-content h3::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 4px;
        background: #c89b2b;
        border-radius: 2px;
    }
    .blog-dynamic-content p {
        margin-bottom: 25px;
        color: #555;
    }
    .blog-dynamic-content ul {
        margin-bottom: 30px;
        padding-left: 20px;
    }
    .blog-dynamic-content ul li {
        margin-bottom: 15px;
        list-style-type: none;
        position: relative;
        padding-left: 25px;
    }
    .blog-dynamic-content ul li::before {
        content: '\f111';
        font-family: 'FontAwesome';
        font-size: 8px;
        color: #c89b2b;
        position: absolute;
        left: 0;
        top: 10px;
    }
    .blog-dynamic-content strong {
        color: #283266;
    }
    
    /* Highlight Conclusion */
    .blog-dynamic-content p:last-child {
        background: #f0f4f8;
        padding: 30px;
        border-left: 5px solid #c89b2b;
        font-style: italic;
        border-radius: 0 10px 10px 0;
        color: #283266;
        font-weight: 500;
        margin-top: 40px;
    }
    
    @media (max-width: 768px) {
        .blog-detail-hero { padding: 100px 15px 60px 15px !important; }
        .blog-dynamic-content h3 { font-size: 24px !important; }
        .blog-article-body { font-size: 16px !important; }
    }
</style>

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