| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <template>
- <section class="mx-auto max-w-[940px] flex flex-col px-6 py-8 lg:py-16">
- <h2 class="font-inter text-white font-bold text-[28px] leading-[28px] text-center mb-16 lg:text-5xl lg:leading-[48px]">
- These images <span class="text-pink-500">give a lot more</span> than other PHP Docker Images.
- </h2>
- <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/rocket-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">Production-ready</span>
- <span class="font-inter text-slate-300 text-base">Built to be performant and secure to exist on the wild web.</span>
- </div>
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/heart-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">Native Health Checks</span>
- <span class="font-inter text-slate-300 text-base">Be 100% confident your application is actually running.</span>
- </div>
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/lightning-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">High Performance</span>
- <span class="font-inter text-slate-300 text-base">Get the easiest experience for fine tuning performance.</span>
- </div>
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/stars-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">Customizable & Flexible</span>
- <span class="font-inter text-slate-300 text-base">Environment variables make customizations a breeze.</span>
- </div>
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/cloudflare-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">Native CloudFlare Support</span>
- <span class="font-inter text-slate-300 text-base">Get real IP addresses from visitors from trusted proxies.</span>
- </div>
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/php-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">Based on official PHP</span>
- <span class="font-inter text-slate-300 text-base">Upgrade from the official PHP docker images with confidence.</span>
- </div>
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/nginx-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">NGINX Unit</span>
- <span class="font-inter text-slate-300 text-base">Ditch FPM for a modern way of running PHP. Designed for containers from the ground up.</span>
- </div>
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/logging-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">Unified Logging</span>
- <span class="font-inter text-slate-300 text-base">All logs are directed to STDOUT & STDERR for centralized output.</span>
- </div>
- <div class="p-4 bg-gray-900 rounded-lg flex flex-col">
- <img src="/images/icons/heartbeat-square.svg" class="w-11 h-11 mb-2"/>
- <span class="font-inter text-lg text-slate-50 font-bold mb-2">FPM + S6 Overlay</span>
- <span class="font-inter text-slate-300 text-base">Our FPM-Apache & FPM-NGINX images use this intelligent init system.</span>
- </div>
- </div>
- </section>
- </template>
|
