Skip to content

Commit

Permalink
PHPStan Pro video on homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
@ondrejmirtes
ondrejmirtes committed May 18, 2024
1 parent 7281466 commit 642c5b4
Showing 1 changed file with 17 additions and 15 deletions.
32 changes: 17 additions & 15 deletions website/src/index.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,18 +52,15 @@ pageType: home
<div class="relative mt-12 sm:mt-16 lg:mt-24">
<div class="px-4 lg:px-0 lg:grid lg:grid-flow-row-dense lg:grid-cols-2 lg:gap-8 lg:items-center">
<div class="lg:col-start-2">
<h3 class="text-2xl font-extrabold text-gray-900 tracking-tight sm:text-3xl">Gradual integration</h3>
<p class="mt-3 text-lg text-gray-500">Thanks to <a href="/user-guide/rule-levels" class="underline hover:no-underline">rule levels</a> you don't get overwhelmed with thousands of errors on the first run.</p>
<p class="mt-3 text-lg text-gray-500">You can increase PHPStan's capabilities on your code at your own pace. It makes work feel like a game.</p>
<h3 class="text-2xl font-extrabold text-gray-900 tracking-tight sm:text-3xl">PHPStan Pro</h3>
<p class="mt-3 text-lg text-gray-500">PHPStan in a <a href="/blog/introducing-phpstan-pro" class="underline hover:no-underline">premium package with extra features</a>. Beautiful web UI instead of CLI to browse your errors, auto-refresh with continuous analysis in the background.</p>
<p class="mt-3 text-lg text-gray-500"><a href="https://account.phpstan.com/register" class="underline hover:no-underline">Subscribe today</a> and support the development of PHPStan!</p>
</div>

<div class="mt-10 -mx-4 relative lg:mt-0 lg:col-start-1 flex justify-center text-blue-400">
<div class="h-20 flex items-center text-6xl italic">Level Up!</div>
<div class="h-20 flex items-center pl-5">
<svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z" clip-rule="evenodd" />
</svg>
</div>
<div class="mt-10 -mx-4 relative lg:mt-0 lg:col-start-1 pr-8">
<video class="w-full aspect-[1652/1080] border border-gray-200 rounded-lg overflow-hidden" autoplay muted loop playsinline>
<source src="/tmp/images/phpstan-pro-browsing.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
Expand Down Expand Up @@ -112,13 +109,18 @@ pageType: home
<div class="relative mt-12 sm:mt-16 lg:mt-24">
<div class="px-4 lg:px-0 lg:grid lg:grid-flow-row-dense lg:grid-cols-2 lg:gap-8 lg:items-center">
<div class="lg:col-start-2">
<h3 class="text-2xl font-extrabold text-gray-900 tracking-tight sm:text-3xl">PHPStan Pro</h3>
<p class="mt-3 text-lg text-gray-500">PHPStan in a <a href="/blog/introducing-phpstan-pro" class="underline hover:no-underline">premium package with extra features</a>. Beautiful web UI instead of CLI to browse your errors, auto-refresh with continuous analysis in the background.</p>
<p class="mt-3 text-lg text-gray-500"><a href="https://account.phpstan.com/register" class="underline hover:no-underline">Subscribe today</a> and support the development of PHPStan!</p>
<h3 class="text-2xl font-extrabold text-gray-900 tracking-tight sm:text-3xl">Gradual integration</h3>
<p class="mt-3 text-lg text-gray-500">Thanks to <a href="/user-guide/rule-levels" class="underline hover:no-underline">rule levels</a> you don't get overwhelmed with thousands of errors on the first run.</p>
<p class="mt-3 text-lg text-gray-500">You can increase PHPStan's capabilities on your code at your own pace. It makes work feel like a game.</p>
</div>

<div class="mt-10 -mx-4 relative lg:mt-0 lg:col-start-1">
<img src="/tmp/images/phpstan-pro-delta.png" width="450" class="mb-8 rounded-lg border border-gray-300 mx-auto">
<div class="mt-10 -mx-4 relative lg:mt-0 lg:col-start-1 flex justify-center text-blue-400">
<div class="h-20 flex items-center text-6xl italic">Level Up!</div>
<div class="h-20 flex items-center pl-5">
<svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z" clip-rule="evenodd" />
</svg>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit 642c5b4

Please sign in to comment.