New macOS Ventura shots

resources/views/components/feature.blade.php

@@ -7,6 +7,6 @@
             <p class="text-lg">{{ $slot }}</p>
         </div>
     </div>
-    <div class="lg:w-1/2 w-full items-center align-middle rounded-lg shadow-lg" style='background-color: #EEE; background-position: {{ $yPosition ?? 'center' }} center; background-image: url("{{ $imgSrc ?? '' }}"); background-repeat: no-repeat; background-size: cover; min-height: 250px;'>
+    <div class="lg:w-1/2 w-full items-center align-middle rounded-lg shadow-lg" style='background-color: #EEE; background-position: {{ $yPosition ?? 'center' }} center; background-image: url("{{ $imgSrc ?? '' }}"); background-repeat: no-repeat; background-size: cover; min-height: 260px;'>
     </div>
 </div>

resources/views/homepage.blade.php

@@ -61,8 +61,9 @@
     </div>
     <div class="px-4">
         <div class="flex flex-col m-auto max-w-3xl py-4 md:py-10">
-            <div class="max-w-3xl m-auto">
+            <div class="max-w-3xl m-auto" style="position: relative;">
                 <img src="{{ url('/images/phpmon.jpg') }}" alt="PHP Monitor" class="m-auto max-w-3xl max-w-full bg-gray-100 rounded-xl shadow-lg">
+                <span style="position: absolute; bottom: 20px; left: -10px;" class="bg-blue-900 text-white text-xl py-1 px-2 rounded rotate-2">Now works with macOS Ventura as well!</span>
             </div>
             <div class="max-w-2xl m-auto mt-12">
                 <p class="text-2xl leading-9 mb-6"><b>PHP Monitor</b> helps you set up and develop <span class="text-blue-800">Laravel</span> and <span class="text-blue-800">Symfony</span> projects. It's also great for <span class="text-blue-800">WordPress</span> or <span class="text-blue-800">Drupal</span> sites. In fact, it's a great companion for all kinds of projects, no matter the framework or CMS.</p>
@@ -94,30 +95,31 @@
         <x-feature feature-title="A solid foundation." img-src="/images/valet.png">
             PHP Monitor interacts with your local <b>Laravel Valet</b> installation. That means that PHP Monitor builds upon a solid and trusted foundation. If you've already got that installed, it's very easy to get started.
         </x-feature>
-        <x-feature feature-title="Information at a glance." img-src="/images/menu-bar.png" y-position="top" class="lg:flex-row-reverse">
+        <x-feature feature-title="Information at a glance." img-src="/images/menu-bar.jpg" y-position="top" class="lg:flex-row-reverse">
             PHP Monitor lives in your menu bar. From here, you can use the bulk of PHP Monitor's functionality, including the <b>global version switcher</b> as well as <b>services status</b> section.
         </x-feature>
-        <x-feature feature-title="No more hunting for config files." img-src="/images/config.png" y-position="top">
+        <x-feature feature-title="No more hunting for config files." img-src="/images/config.jpg" y-position="top">
             Sometimes you need to edit a <b>configuration file</b> or <b>toggle an extension</b>. But where are those pesky config files located again? From PHP Monitor's menu you can easily find them. Extensions can even be toggled with one click of the button!
         </x-feature>
-        <x-feature feature-title="All of your domains in a single list." img-src="/images/domains.png" y-position="top" class="lg:flex-row-reverse">
+        <x-feature feature-title="All of your domains in a single list." img-src="/images/domains.jpg" y-position="top" class="lg:flex-row-reverse">
             Do you have many projects or legacy sites? No worries, the app includes a <b>domain list</b> that you can use to get a quick overview of all domains and proxies you have set up, as well as their PHP version, what type of project they are, and more.
         </x-feature>
-        <x-feature feature-title="Quickly link a new domain or proxy." img-src="/images/link-folder.png" y-position="top">
+        <x-feature feature-title="Quickly link a new domain or proxy." img-src="/images/link-folder.jpg" y-position="top">
             You can easily <b>link or proxy</b> a folder: you can even easily customize the name of the domain and secure this new domain by simply checking a box. This will make these projects accessible as *.test domains on your system.
         </x-feature>
-        <x-feature feature-title="A different PHP version per domain." img-src="/images/isolation.png" y-position="bottom" class="lg:flex-row-reverse">
+        <x-feature feature-title="A different PHP version per domain." img-src="/images/isolation.jpg" y-position="bottom" class="lg:flex-row-reverse">
             In addition to offering a global version switcher (which switches the PHP version for all of your projects), this app also includes support for Valet's <b>site isolation</b> feature. This allows you to use a specific version of PHP with a specific domain, all while retaining the globally linked PHP version.
         </x-feature>
-        <x-feature feature-title="Determine compatibility." img-src="/images/phpinfo.png" y-position="top">
+        <x-feature feature-title="Determine compatibility." img-src="/images/phpinfo.jpg" y-position="top">
             PHP Monitor will help you figure out if your sites are <b>compatible</b> with the <b>currently linked version of PHP</b>. You will receive suggestions when site isolation may be of use.
         </x-feature>
-        <x-feature feature-title="A tiny footprint." img-src="/images/sysres.png" y-position="top" class="lg:flex-row-reverse">
-            Laravel Valet is a lightweight solution that is much leaner than Docker, and PHP Monitor as a companion tool uses equally few system resources. It is light on RAM and its CPU usage is negligible.
-        </x-feature>
+
         <div class="flex lg:flex-row flex-col m-auto max-w-5xl py-4 md:py-8 gap-x-10">
+            <x-single-feature feature-title="A tiny footprint.">
+                Laravel Valet is a lightweight solution that is much leaner than Docker, and PHP Monitor as a companion tool uses equally few system resources. It is light on RAM and its CPU usage is negligible.
+            </x-single-feature>
             <x-single-feature feature-title="Privacy conscious.">
-                No tracking. No bullshit. Nothing to worry about. The only outbound connection PHP Monitor makes is a check (that you can disable!) to see if a newer version is available. If you encounter a bug or crash, please get in touch—I'd be happy to help you out.
+                No tracking. No bullshit. Nothing to worry about. The only outbound connection PHP Monitor makes is a check to see if a newer version is available, and you can disable it.
             </x-single-feature>
             <x-single-feature feature-title="No nagging for donations.">
                 PHP Monitor will only ask you to donate <em>once</em>, and should never ask you again... unless you install a fresh copy of the app on a new computer, of course. If you can, please do consider sending me some money!