chore: homepage update

docs/pages/index.md

@@ -22,15 +22,17 @@ description: >
                 Services, and more.
             </h2>
             <p>
-                Resonance is designed from the ground up to facilitate 
-                interoperability and messaging between services in your 
-                infrastructure and beyond. It provides AI capabilities
-                through llama.cpp and integration with Open Source foundational
-                LLMs.
+                Resonance is designed to build IO-intensive web applications 
+                from the ground up, making the development and maintenance as 
+                predictable and easy as possible.            
             </p>
             <p>
-                Takes full advantage of asynchronous PHP. Built on top of 
-                Swoole.
+                It provides AI capabilities through llama.cpp and integration 
+                with Open Source foundational LLMs, which makes it a great fit 
+                for building conversational applications and copilots.
+            </p>
+            <p>
+                Takes full advantage of asynchronous PHP.
             </p>
             <a 
                 class="homepage__cta"

resources/css/docs-page-homepage.css

@@ -55,9 +55,7 @@
 }
 
 .homepage-drivers__item {
-  background-color: white;
   border: 1px solid var(--color-border);
-  color: var(--color-body-font);
   display: flex;
   flex-direction: column;
   padding: 40px 20px 20px 20px;
@@ -68,14 +66,18 @@
 
 .homepage-drivers__item.homepage-drivers__item--amphp {
   --drivers-bg-image: url(../images/amphp.webp);
+
+  .homepage-drivers__item__background {
+    width: 450px;
+  }
 }
 
 .homepage-drivers__item.homepage-drivers__item--openswoole {
   --drivers-bg-image: url(../images/openswoole.png);
 }
 
 .homepage-drivers__item.homepage-drivers__item--other {
-  --drivers-bg-image: url(../icons/plug-circle-plus-000000.svg);
+  --drivers-bg-image: url(../icons/plug-circle-plus-333333.svg);
 }
 
 .homepage-drivers__item.homepage-drivers__item--swoole {
@@ -87,7 +89,7 @@
   background-position: center;
   background-repeat: no-repeat;
   height: 140px;
-  width: 460px;
+  width: 350px;
 }
 
 .homepage-drivers__item__name {