From a90ebda3c2e9e19212c42cf9bed1cd9e93ede369 Mon Sep 17 00:00:00 2001
From: Joff Tiquez <jofftiquez@gmail.com>
Date: Fri, 19 Jan 2024 12:15:35 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(index.md):=20update=20feat?=
 =?UTF-8?q?ure=20section=20with=20icons=20and=20improve=20readability=20Th?=
 =?UTF-8?q?e=20feature=20section=20in=20the=20index.md=20file=20has=20been?=
 =?UTF-8?q?=20updated=20to=20include=20icons=20for=20each=20feature.=20Thi?=
 =?UTF-8?q?s=20improves=20the=20visual=20representation=20of=20the=20featu?=
 =?UTF-8?q?res=20and=20makes=20it=20easier=20to=20identify=20each=20featur?=
 =?UTF-8?q?e=20at=20a=20glance.=20Additionally,=20the=20formatting=20of=20?=
 =?UTF-8?q?the=20feature=20section=20has=20been=20improved=20for=20better?=
 =?UTF-8?q?=20readability.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.md | 37 ++++++++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 5 deletions(-)

diff --git a/index.md b/index.md
index 5302391..164f978 100644
--- a/index.md
+++ b/index.md
@@ -18,14 +18,41 @@ hero:
       link: /introduction
 
 features:
-  - title: 💰 Payment Intent
+  - icon: 💰
+    title: Payment Intent
     details: Accept payment methods from around the globe with a single secure, embeddable UI component
-  - title: 🔗 Link Authentication Element
+  - icon: 🔗
+    title: Link Authentication Element
     details: Accept a payment with Stripe Link Payment
-  - title: 💸 Pay Button Element
+  - icon: 💸
+    title: Pay Button Element
     details: Show multiple one-click payment buttons (including Apple Pay and Google Pay) to your customers at the same time
-  - title: 💳 Address Element
+  - icon: 💳
+    title: Address Element
     details: The Address Element is an embeddable UI component that autofills your customers’ billing and shipping addresses quickly and accurately
-  - title: 🧱 Advanced UI Elements
+  - icon: 🧱
+    title: Advanced UI Elements
     details: Implement more of Stripe's advanced UI Elements
 ---
+
+<!-- <style>
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+</style> -->
\ No newline at end of file