<?php $__env->startSection('title', 'Diplomatic Bag and Secure Logistics'); ?>

<?php $content = app('App\Http\Controllers\FrontController'); ?>
<?php $__env->startSection('content'); ?>

<!-- Hero Section -->
<section class="relative bg-gradient-to-r from-primary-700 to-primary-800 py-24 md:py-32">
    <div class="absolute inset-0 overflow-hidden">
        <div class="absolute inset-0 bg-pattern opacity-10" style="background-image: url('data:image/svg+xml,%3Csvg width=\'60\' height=\'60\' viewBox=\'0 0 60 60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg fill=\'%23ffffff\' fill-opacity=\'0.2\'%3E%3Cpath d=\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
    </div>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="text-center">
            <h1 class="text-4xl md:text-5xl font-bold text-white mb-6 animate-slide-up">Diplomatic Bag and Secure Logistics</h1>
            <p class="text-xl text-primary-100 max-w-2xl mx-auto animate-slide-up" style="animation-delay: 0.1s">
                Over 800 years of expertise in protecting and delivering sensitive diplomatic materials worldwide
            </p>
            
            <!-- Breadcrumbs -->
            <nav class="mt-8 flex justify-center" aria-label="Breadcrumb">
                <ol class="flex items-center space-x-2 text-sm text-primary-200">
                    <li>
                        <a href="/" class="hover:text-white transition-colors">Home</a>
                    </li>
                    <li class="flex items-center">
                        <svg class="h-4 w-4 text-primary-300 mx-1" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
                        </svg>
                        <a href="services" class="hover:text-white transition-colors">Services</a>
                    </li>
                    <li class="flex items-center">
                        <svg class="h-4 w-4 text-primary-300 mx-1" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
                        </svg>
                        <span class="text-white font-medium">Diplomatic Services</span>
                    </li>
                </ol>
            </nav>
        </div>
    </div>
    
    <!-- Wave Divider -->
    <div class="absolute bottom-0 left-0 right-0">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" class="text-white fill-current">
            <path d="M0,96L80,80C160,64,320,32,480,32C640,32,800,64,960,69.3C1120,75,1280,53,1360,42.7L1440,32L1440,120L1360,120C1280,120,1120,120,960,120C800,120,640,120,480,120C320,120,160,120,80,120L0,120Z"></path>
        </svg>
    </div>
</section>

<!-- Introduction Section -->
<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
            <div class="lg:col-span-5">
                <div class="rounded-xl overflow-hidden shadow-lg">
                    <img src="temp/custom/images/diplomatic-bag-compressor.jpg" alt="Diplomatic Bag Services" class="w-full h-auto">
                </div>
            </div>
            <div class="lg:col-span-7">
                <span class="text-primary-600 font-semibold tracking-wider uppercase text-sm">Our Expertise</span>
                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mt-2 mb-6">800+ Years of Diplomatic Excellence</h2>
                <div class="prose prose-lg text-gray-600 space-y-4">
                    <p>
                        Our history incorporates more than 800 years of ensuring the Government's diplomatic
                        mail is protected. This means we are experts in ensuring mail and materials are where
                        they need to be, when they need to be there, securely and without compromise.
                    </p>
                    <p>
                        Our service is global, including to hostile environments. We operate a secure,
                        flexible and cost-effective door-to-door global service by ground and air.
                        Our diplomatic courier services, known as the <?php echo e($settings->site_name); ?> Messengers, make sure sensitive material is always kept safe throughout its
                        entire journey.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Services Features -->
<section class="py-16 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <span class="text-primary-600 font-semibold tracking-wider uppercase text-sm">What We Offer</span>
            <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mt-2 mb-4">Secure Diplomatic Services</h2>
            <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                Comprehensive secure logistics solutions for sensitive diplomatic materials and communications
            </p>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            <!-- Secure Delivery -->
            <div class="bg-white rounded-xl shadow-md p-8 transition-all duration-300 hover:shadow-xl">
                <div class="w-14 h-14 bg-primary-100 rounded-full flex items-center justify-center mb-6">
                    <i class="fas fa-shield-alt text-primary-600 text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-3">Secure Door-to-Door Delivery</h3>
                <p class="text-gray-600">
                    Global secure, flexible and cost-effective door-to-door service by ground and air to any destination, including hostile environments.
                </p>
            </div>
            
            <!-- Material Protection -->
            <div class="bg-white rounded-xl shadow-md p-8 transition-all duration-300 hover:shadow-xl">
                <div class="w-14 h-14 bg-primary-100 rounded-full flex items-center justify-center mb-6">
                    <i class="fas fa-lock text-primary-600 text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-3">Complete Material Protection</h3>
                <p class="text-gray-600">
                    Sensitive material is always kept safe throughout its entire journey with our expert <?php echo e($settings->site_name); ?> Messengers diplomatic courier service.
                </p>
            </div>
            
            <!-- Secure Disposal -->
            <div class="bg-white rounded-xl shadow-md p-8 transition-all duration-300 hover:shadow-xl">
                <div class="w-14 h-14 bg-primary-100 rounded-full flex items-center justify-center mb-6">
                    <i class="fas fa-trash-alt text-primary-600 text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-3">Secure Disposal Services</h3>
                <p class="text-gray-600">
                    We destroy or dispose of all sensitive items, ranging from paper and documents to hardware, in a secure, environmentally friendly service with full audit trail.
                </p>
            </div>
        </div>
    </div>
</section>

<!-- Detailed Content Section -->
<section class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start">
            <div class="lg:col-span-8 lg:col-start-3">
                <div class="prose prose-lg text-gray-600 text-center">
                    <p style="text-align: justify;">
                        As well as securely delivering information and materials we also manage its disposal.
                        Protecting information effectively includes making sure it is disposed of correctly
                        when it is no longer needed. We destroy or dispose of all sensitive items, ranging
                        from paper and other documents to hardware, in a secure, environmentally friendly
                        service that has a full audit trail for complete assurance.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Service Highlights -->
<section class="py-16 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
            <div class="bg-white rounded-lg p-6 shadow-sm">
                <div class="flex items-center space-x-3 mb-4">
                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center">
                        <i class="fas fa-globe text-primary-600"></i>
                    </div>
                    <h4 class="font-semibold text-gray-900">Global Coverage</h4>
                </div>
                <p class="text-sm text-gray-600">Worldwide secure delivery network</p>
            </div>
            
            <div class="bg-white rounded-lg p-6 shadow-sm">
                <div class="flex items-center space-x-3 mb-4">
                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center">
                        <i class="fas fa-user-shield text-primary-600"></i>
                    </div>
                    <h4 class="font-semibold text-gray-900">Security Cleared</h4>
                </div>
                <p class="text-sm text-gray-600">All staff security vetted</p>
            </div>
            
            <div class="bg-white rounded-lg p-6 shadow-sm">
                <div class="flex items-center space-x-3 mb-4">
                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center">
                        <i class="fas fa-clipboard-check text-primary-600"></i>
                    </div>
                    <h4 class="font-semibold text-gray-900">Full Audit Trail</h4>
                </div>
                <p class="text-sm text-gray-600">Complete tracking and documentation</p>
            </div>
            
            <div class="bg-white rounded-lg p-6 shadow-sm">
                <div class="flex items-center space-x-3 mb-4">
                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center">
                        <i class="fas fa-leaf text-primary-600"></i>
                    </div>
                    <h4 class="font-semibold text-gray-900">Environmentally Friendly</h4>
                </div>
                <p class="text-sm text-gray-600">Secure eco-friendly disposal</p>
            </div>
        </div>
    </div>
</section>

<!-- Call to Action -->
<section class="py-20 bg-gradient-to-r from-primary-600 to-primary-800 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center">
            <h2 class="text-3xl md:text-4xl font-bold mb-6">We will take care of your cargo and deliver them safe and on time.</h2>
            <p class="text-xl text-primary-100 max-w-2xl mx-auto mb-10">
                Experience premium diplomatic and secure logistics services with our dedicated team of professionals.
            </p>
            <a href="contact" class="inline-block bg-white text-primary-700 hover:bg-gray-100 px-8 py-4 rounded-lg font-medium transition-colors">
                Contact Us Now
            </a>
        </div>
    </div>
</section>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.base', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/kdcwrbdi/public_html/resources/views/home/diplomatic.blade.php ENDPATH**/ ?>