From 31de8d803a21ee66b887349a67faf75c0d29eea6 Mon Sep 17 00:00:00 2001
From: Alexandra Carrillo <12214231+alexandratran@users.noreply.github.com>
Date: Tue, 23 Jul 2024 14:36:34 -0700
Subject: [PATCH] Update homepage cards (#1444)

* Update homepage cards

* Power -> Build and scale
---
 services/index.md              |  4 ++--
 src/components/Card.tsx        |  2 +-
 src/components/CardSection.tsx | 20 +++++---------------
 3 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/services/index.md b/services/index.md
index f81c3f13ce..5c6c9f4541 100644
--- a/services/index.md
+++ b/services/index.md
@@ -7,13 +7,13 @@ import CodeTerminal from '@site/src/components/CodeTerminal/CodeTerminal.jsx';
 import SectionAPIs from '@site/src/components/Sections/SectionAPIs.jsx';
 import SectionNetworks from '@site/src/components/Sections/SectionNetworks.jsx';
 
-# Power your dapp using services
+# Build and scale your dapp using services
 
 MetaMask, in partnership with [Infura](https://www.infura.io/), offers a comprehensive set of
 services to facilitate dapp and Snap development.
 This includes JSON-RPC APIs for easy access to key networks and REST APIs aimed at automating and
 optimizing essential development tasks.
-These services streamline development workflows to help developers build robust and successful
+These services streamline development workflows to help developers build and scale robust
 dapps and Snaps.
 
 ## Features
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 456f0f796b..2a94945cb2 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -11,7 +11,7 @@ export type CardItem = {
 
 export default function Card({ title, link, description }: CardItem) {
   return (
-    <div className="col col--6 margin-bottom--lg">
+    <div className="col col--4 margin-bottom--lg">
       <Link className={clsx(styles.root, "card")} href={link}>
         <div className="card__header">
           <h3>{title}</h3>
diff --git a/src/components/CardSection.tsx b/src/components/CardSection.tsx
index 179a6edfbe..a0ca8d78cb 100644
--- a/src/components/CardSection.tsx
+++ b/src/components/CardSection.tsx
@@ -3,7 +3,7 @@ import Card, { type CardItem } from "@site/src/components/Card";
 
 const CardList: CardItem[] = [
   {
-    title: "Wallet",
+    title: "📱 Integrate your dapp with the MetaMask wallet",
     link: "/wallet",
     description: (
       <>
@@ -13,7 +13,7 @@ const CardList: CardItem[] = [
     ),
   },
   {
-    title: "Snaps",
+    title: "🛠️ Extend the functionality of MetaMask using Snaps",
     link: "/snaps",
     description: (
       <>
@@ -23,22 +23,12 @@ const CardList: CardItem[] = [
     ),
   },
   {
-    title: "Services",
+    title: "📐 Build and scale your dapp using services",
     link: "/services",
     description: (
       <>
-        Power your dapp or Snap using services provided by MetaMask and Infura.
-        This includes APIs aimed at optimizing essential development tasks.
-      </>
-    ),
-  },
-  {
-    title: "Infura dashboard",
-    link: "/developer-tools/dashboard",
-    description: (
-      <>
-        Use the Infura dashboard as a central hub for managing your Infura API
-        keys, monitoring usage, and accessing account and billing information.
+        Build and scale your dapp or Snap using services provided by MetaMask and Infura.
+        This includes APIs that optimize essential development tasks.
       </>
     ),
   },