@extends('frontend::layouts.master')

@section('content')
    <section class="pt-24 md:pt-32 pb-10 lg:pb-16 relative overflow-hidden">
        <div class="container mx-auto px-4">
            <!-- Breadcrumb -->
            <nav class="mb-8 flex overflow-x-auto whitespace-nowrap" aria-label="Breadcrumb">
                <ol class="inline-flex items-center space-x-1 md:space-x-3 min-w-0">
                    <li class="inline-flex items-center flex-shrink-0">
                        <a href="/" class="text-gray-400 hover:text-purple-400 transition-colors">
                            Home
                        </a>
                    </li>
                    <li class="flex-shrink-0">
                        <div class="flex items-center">
                            <span class="mx-2 text-gray-400">/</span>
                            <a href="/blog" class="text-gray-400 hover:text-purple-400 transition-colors">
                                Blog
                            </a>
                        </div>
                    </li>
                    <li aria-current="page" class="min-w-0">
                        <div class="flex items-center">
                            <span class="mx-2 text-gray-400">/</span>
                            <span class="text-purple-400 truncate">Top Gaming Trends in 2024</span>
                        </div>
                    </li>
                </ol>
            </nav>

            <!-- Blog Content -->
            <article class="max-w-4xl mx-auto">
                <div class="text-xl text-gray-400 mb-4">March 15, 2024</div>

                <h1
                    class="text-4xl md:text-5xl font-bold bg-gradient-to-r from-purple-400 to-pink-600 bg-clip-text text-transparent mb-8">
                    Top Gaming Trends in 2024
                </h1>

                <div class="mb-8">
                    <img src="https://images.unsplash.com/photo-1542751371-adc38448a05e" alt="Blog Header"
                        class="w-full h-[400px] object-cover rounded-2xl">
                </div>

                <div class="prose prose-invert max-w-none">
                    <p class="text-gray-300 leading-relaxed mb-6">
                        As we delve into 2024, the gaming industry continues to push boundaries and redefine entertainment. From groundbreaking technologies to innovative gameplay mechanics, this year promises to be a landmark period for gamers worldwide. Let's explore the transformative trends that are shaping the future of gaming.
                    </p>

                    <h2 class="text-2xl font-bold text-white mt-8 mb-4">1. Virtual Reality Revolution</h2>
                    <p class="text-gray-300 leading-relaxed mb-6">
                        Virtual Reality (VR) has transcended its initial limitations to become a mainstream gaming platform. The latest VR headsets offer unprecedented visual fidelity, with 4K resolution per eye and a 120Hz refresh rate. Major developers are now creating AAA titles specifically for VR, incorporating advanced haptic feedback and motion tracking systems.
                    </p>
                    <p class="text-gray-300 leading-relaxed mb-6">
                        Social VR experiences are particularly gaining traction, allowing players to interact in virtual spaces with unprecedented realism. From virtual concerts to multiplayer gaming arenas, the possibilities are endless.
                    </p>

                    <h2 class="text-2xl font-bold text-white mt-8 mb-4">2. Cloud Gaming Evolution</h2>
                    <p class="text-gray-300 leading-relaxed mb-6">
                        Cloud gaming services have matured significantly, offering near-console quality gaming on virtually any device. With 5G networks becoming more prevalent, latency issues are becoming a thing of the past. Major platforms now support 4K gaming at 60fps, with some even pushing towards 8K streaming capabilities.
                    </p>

                    <blockquote class="border-l-4 border-purple-500 pl-4 my-8">
                        <p class="text-gray-300 italic">
                            "The convergence of cloud technology and gaming is creating a future where high-quality gaming experiences are accessible to everyone, regardless of their hardware limitations."
                        </p>
                    </blockquote>

                    <h2 class="text-2xl font-bold text-white mt-8 mb-4">3. AI-Powered Gaming Experiences</h2>
                    <p class="text-gray-300 leading-relaxed mb-6">
                        Artificial Intelligence has revolutionized gaming in 2024. NPCs now exhibit sophisticated behavioral patterns, learning from player interactions and adapting their responses in real-time. Procedurally generated content has reached new heights, creating unique experiences for each playthrough.
                    </p>

                    <h2 class="text-2xl font-bold text-white mt-8 mb-4">4. Cross-Platform Integration</h2>
                    <p class="text-gray-300 leading-relaxed mb-6">
                        The barriers between gaming platforms continue to dissolve. Cross-play and cross-progression have become standard features, allowing players to seamlessly transition between PC, console, and mobile devices while maintaining their progress and connecting with friends across different platforms.
                    </p>

                    <h2 class="text-2xl font-bold text-white mt-8 mb-4">5. Sustainable Gaming</h2>
                    <p class="text-gray-300 leading-relaxed mb-6">
                        Environmental consciousness has reached the gaming industry. Manufacturers are focusing on energy-efficient hardware, while developers are implementing eco-friendly practices in their game design and server infrastructure.
                    </p>

                    <div class="bg-gray-800 rounded-lg p-6 my-8">
                        <h3 class="text-xl font-bold text-white mb-4">Key Statistics</h3>
                        <ul class="list-disc list-inside text-gray-300 space-y-2">
                            <li>Over 70% of gamers have tried VR gaming</li>
                            <li>Cloud gaming subscriptions up by 150% from 2023</li>
                            <li>AI implementation in games increased by 200%</li>
                            <li>85% of new releases support cross-platform play</li>
                        </ul>
                    </div>

                    <p class="text-gray-300 leading-relaxed mt-8">
                        As we look towards the future, these trends indicate that gaming will continue to evolve as a primary form of entertainment and social interaction. The integration of cutting-edge technology with creative storytelling promises an exciting future for gamers everywhere.
                    </p>
                </div>
            </article>
        </div>
    </section>
@endsection