php-flasher/docs/_includes/footer.html

<footer class="bg-gradient-to-b from-indigo-900 to-indigo-950 mt-12 pt-12 pb-8 text-white relative">
    <div class="absolute top-0 left-0 w-full overflow-hidden leading-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" class="text-slate-50 relative block w-full h-8">
            <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" fill="currentColor"></path>
        </svg>
    </div>

    <div class="container max-w-7xl mx-auto px-4 lg:px-6">
        <div class="grid grid-cols-1 md:grid-cols-3 gap-12">
            <!-- About Section -->
            <div>
                <h3 class="text-xl font-bold mb-4 flex items-center">
                    <span class="italic transform -rotate-1 inline-block">PHP<span class="text-indigo-300">Flasher</span>
                        <div class="inline-block ml-1 w-3 h-3 bg-indigo-400 rounded-full animate-pulse"></div>
                    </span>
                </h3>
                <p class="text-indigo-200 mb-4 text-sm leading-relaxed">
                    A powerful & easy-to-use package for adding flash messages to Laravel or Symfony projects.
                    Provides feedback to users, improves engagement & enhances user experience.
                </p>
                <div class="flex space-x-4 mt-6">
                    <a href="https://github.com/php-flasher/php-flasher" class="text-indigo-300 hover:text-white transition-colors p-1.5 hover:bg-indigo-800/50 rounded-full">
                        <i class="fa-brands fa-github text-xl"></i>
                    </a>
                    <a href="https://twitter.com/phpflasher" class="text-indigo-300 hover:text-white transition-colors p-1.5 hover:bg-indigo-800/50 rounded-full">
                        <i class="fa-brands fa-twitter text-xl"></i>
                    </a>
                    <a href="https://www.linkedin.com/in/younes--ennaji/" class="text-indigo-300 hover:text-white transition-colors p-1.5 hover:bg-indigo-800/50 rounded-full">
                        <i class="fa-brands fa-linkedin text-xl"></i>
                    </a>
                </div>
            </div>

            <!-- Quick Links -->
            <div>
                <h3 class="text-lg font-semibold mb-4 text-indigo-100 flex items-center">
                    <span class="w-1 h-4 bg-indigo-400 inline-block mr-2 rounded"></span>
                    Documentation
                </h3>
                <ul class="space-y-2 text-sm text-indigo-200 ml-3">
                    <li>
                        <a href="/" class="text-indigo-200 hover:text-white transition-colors flex items-center">
                            <i class="fa-solid fa-chevron-right text-xs mr-2 text-indigo-400"></i> Introduction
                        </a>
                    </li>
                    <li>
                        <a href="/laravel/" class="text-indigo-200 hover:text-white transition-colors flex items-center">
                            <i class="fa-solid fa-chevron-right text-xs mr-2 text-indigo-400"></i> Laravel Integration
                        </a>
                    </li>
                    <li>
                        <a href="/symfony/" class="text-indigo-200 hover:text-white transition-colors flex items-center">
                            <i class="fa-solid fa-chevron-right text-xs mr-2 text-indigo-400"></i> Symfony Integration
                        </a>
                    </li>
                    <li>
                        <a href="/livewire/" class="text-indigo-200 hover:text-white transition-colors flex items-center">
                            <i class="fa-solid fa-chevron-right text-xs mr-2 text-indigo-400"></i> Livewire Integration
                        </a>
                    </li>
                </ul>
            </div>

            <!-- Author -->
            <div class="text-center md:text-left">
                <h3 class="text-lg font-semibold mb-4 text-indigo-100 flex items-center md:justify-start justify-center">
                    <span class="w-1 h-4 bg-indigo-400 inline-block mr-2 rounded"></span>
                    Created By
                </h3>
                <div class="flex md:justify-start justify-center items-center">
                    <img src="/static/images/younes-ennaji.jpeg" alt="Younes ENNAJI"
                         class="h-16 w-16 rounded-full border-2 border-indigo-200 mr-4 shadow-lg">
                    <div>
                        <h4 class="font-medium">Younes ENNAJI</h4>
                        <a href="https://www.linkedin.com/in/younes--ennaji/"
                           class="text-indigo-300 hover:text-white text-sm inline-flex items-center gap-1 mt-1 transition-colors">
                            <i class="fa-brands fa-linkedin"></i> LinkedIn Profile
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-12 pt-6 border-t border-indigo-800/50 text-center text-indigo-400 text-sm">
            <p>© {{ 'now' | date: "%Y" }} PHPFlasher. Released under the MIT License.</p>
        </div>
    </div>
</footer>