diff --git a/web/docs/about.mdx b/web/docs/about.mdx
index ec1468cf0fb..13ed94d8911 100755
--- a/web/docs/about.mdx
+++ b/web/docs/about.mdx
@@ -56,14 +56,17 @@ const frameworks = [
   { name: 'Vue', logo: VuejsLogo, href: '/docs/guides/with-vue-3' },
 ]
 
-Supabase is an open source Firebase alternative.
+Supabase is an open source Firebase alternative providing all the backend features you need to build a product.
+You can use it completely, or just the features you need.
 
-It provides all the backend services you need to build a product. You can use it completely, or just the services you require:
+[Start a project](https://app.supabase.com) with the hosted platform or learn how to [host Supabase](/docs/guides/hosting/overview) yourself.
+
+## Learn about features
 
 <div class="container" style={{ padding: 0 }}>
   <div class="row is-multiline">
     {/* Database */}
-    <div class="col col--6">
+    <div class="col col--4">
       <Link class="card" to="/docs/guides/database" style={{ height: '100%' }}>
         <div class="card__body">
           <h4>Database</h4>
@@ -72,7 +75,7 @@ It provides all the backend services you need to build a product. You can use it
       </Link>
     </div>
     {/* API */}
-    <div class="col col--6">
+    <div class="col col--4">
       <Link class="card" to="/docs/guides/api" style={{ height: '100%' }}>
         <div class="card__body">
           <h4>Auto-generated APIs</h4>
@@ -81,16 +84,16 @@ It provides all the backend services you need to build a product. You can use it
       </Link>
     </div>
     {/* Functions */}
-    <div class="col col--6">
+    <div class="col col--4">
       <Link class="card" to="/docs/guides/functions" style={{ height: '100%' }}>
         <div class="card__body">
           <h4>Edge Functions</h4>
-          <p>Server-side Typescript functions, distributed globally.</p>
+          <p>Server-side functions, distributed globally.</p>
         </div>
       </Link>
     </div>
     {/* Auth */}
-    <div class="col col--6">
+    <div class="col col--4">
       <Link class="card" to="/docs/guides/auth" style={{ height: '100%' }}>
         <div class="card__body">
           <h4>Auth</h4>
@@ -99,7 +102,7 @@ It provides all the backend services you need to build a product. You can use it
       </Link>
     </div>
     {/* Storage */}
-    <div class="col col--6">
+    <div class="col col--4">
       <Link class="card" to="/docs/guides/storage" style={{ height: '100%' }}>
         <div class="card__body">
           <h4>File Storage</h4>
@@ -108,7 +111,7 @@ It provides all the backend services you need to build a product. You can use it
       </Link>
     </div>
     {/* Observability */}
-    <div class="col col--6">
+    <div class="col col--4">
       <Link class="card" to="/docs/guides/platform/logs" style={{ height: '100%' }}>
         <div class="card__body">
           <h4>Observability</h4>
@@ -120,9 +123,7 @@ It provides all the backend services you need to build a product. You can use it
   </div>
 </div>
 
-## Getting started
-
-Visit [app.supabase.com](https://app.supabase.com) to get started with the hosted platform or visit the [self-hosting](/docs/guides/hosting/overview) docs to learn how to host Supabase yourself.
+## Start with a framework
 
 Supabase is just Postgres, which makes it compatible with a large number of tools and frameworks.