<?php
function breco_safaris_shortcode() {
    ob_start(); ?>
    
    <div class="breco-container" style="max-width:1200px;margin:0 auto;padding:40px 20px;">
        <!-- Three Column Section -->
        <div class="breco-features" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px;">
            <div class="breco-feature" style="background:#f8f9fa;padding:30px;border-radius:8px;text-align:center;">
                <h3 style="color:#2c5530;font-size:24px;margin-bottom:15px;">Expert Local Guides</h3>
                <p style="color:#666;line-height:1.6;">Our Tanzanian-born guides have 15+ years experience tracking wildlife and sharing cultural insights you won't find in guidebooks.</p>
            </div>
            <div class="breco-feature" style="background:#f8f9fa;padding:30px;border-radius:8px;text-align:center;">
                <h3 style="color:#2c5530;font-size:24px;margin-bottom:15px;">Sustainable Tourism</h3>
                <p style="color:#666;line-height:1.6;">We invest 10% of profits back into local communities and use eco-friendly lodges to preserve Africa's natural beauty for generations.</p>
            </div>
            <div class="breco-feature" style="background:#f8f9fa;padding:30px;border-radius:8px;text-align:center;">
                <h3 style="color:#2c5530;font-size:24px;margin-bottom:15px;">Luxury Camping Experience</h3>
                <p style="color:#666;line-height:1.6;">Sleep under the African stars in our premium safari tents featuring comfortable beds, en-suite bathrooms, and gourmet bush dining.</p>
            </div>
        </div>

        <!-- Famous Quote Section -->
        <div class="breco-quote" style="background:#2c5530;color:white;padding:50px;text-align:center;margin-bottom:60px;border-radius:8px;">
            <blockquote style="font-size:28px;font-style:italic;margin:0;line-height:1.4;">
                "The only man I envy is the man who has not yet been to Africa - for he has so much to look forward to."
            </blockquote>
            <p style="font-size:18px;margin-top:20px;opacity:0.9;">- Richard Mullin</p>
        </div>

        <!-- Parallax Relaxer Section -->
        <div class="breco-parallax" style="background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('https://images.unsplash.com/photo-1516426122078-c23e76319801?ixlib=rb-4.0.3') center/cover fixed;min-height:400px;display:flex;align-items:center;justify-content:center;border-radius:8px;">
            <div class="parallax-content" style="text-align:center;color:white;padding:40px;max-width:600px;">
                <h2 style="font-size:36px;margin-bottom:20px;">Find Your Safari Soul</h2>
                <p style="font-size:18px;line-height:1.6;margin-bottom:30px;">Let the rhythm of Africa slow your heartbeat. Watch the sunset over the Serengeti and feel the world melt away as nature's greatest show unfolds before you.</p>
                <a href="#" style="background:#e8b954;color:#2c5530;padding:15px 30px;text-decoration:none;border-radius:5px;font-weight:bold;font-size:16px;transition:background 0.3s;" onmouseover="this.style.background='#d4a845'" onmouseout="this.style.background='#e8b954'">Begin Your Journey</a>
            </div>
        </div>
    </div>

    <?php
    return ob_get_clean();
}
add_shortcode('breco_safaris', 'breco_safaris_shortcode');
?>