<template>
    <div class="mx-auto max-w-[940px] flex flex-col px-6 py-32 lg:py-48">
        <h1 class="font-inter text-[32px] leading-[32px] text-white font-bold lg:text-center lg:text-[64px] lg:leading-[64px]">
            Supercharge your PHP experience, <span class="text-green-500">in seconds.</span>
        </h1>

        <p class="text-slate-300 font-inter text-xl mt-4 lg:text-2xl lg:mt-8 lg:text-center">Built upon the official PHP images, our production-ready serversideup/php images take your Docker PHP experience to the next level. Enjoy variable-first configurations, nginx-unit variation, native CloudFlare support, and more.</p>
        
        <video loop autoplay muted playsinline class="w-full mt-8 lg:mt-16" src="https://docker-php-public-assets.serversideup.net/docker-demo.mp4">

        </video>
    </div>
</template>

<script setup>

</script>