From bf2c90e07ece97a5efa7b6146814d3e11f0883b8 Mon Sep 17 00:00:00 2001
From: tw0517tw <tw0517tw@gmail.com>
Date: Thu, 15 Jul 2021 11:25:14 +0800
Subject: [PATCH] fix: User title and alt

---
 website/src/pages/index.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index a03ddcd1..f0f7bd36 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -52,7 +52,7 @@ import styles from './styles.module.css';
 
 const users = [
   {
-    title: <>Creator</>,
+    title: 'Creator',
     imageUrl: 'img/creator.svg',
     url: 'https://yoctol.ai/creator/',
     description: (
@@ -63,13 +63,13 @@ const users = [
     ),
   },
   {
-    title: <>Seeker</>,
+    title: 'Seeker',
     imageUrl: 'img/seeker.svg',
     url: 'https://yoctol.ai/seeker/',
     description: <>Grow your ads performances on Facebook by 200%.</>,
   },
   {
-    title: <>YOCTOL.AI</>,
+    title: 'YOCTOL.AI',
     imageUrl: 'img/yoctol-ai.svg',
     url: 'https://yoctol.ai/',
     description: (
@@ -103,7 +103,12 @@ function User({ imageUrl, url, title, description }) {
     <div className={classnames('col col--4', styles.feature)}>
       {imgUrl && (
         <div className="text--center">
-          <img className={styles.featureImage} src={imgUrl} alt={title} />
+          <img
+            className={styles.featureImage}
+            title={title}
+            alt={title}
+            src={imgUrl}
+          />
         </div>
       )}
       <h3 className={classnames('text--center', styles.featureTitle)}>