fix: User title and alt

Yoctol · Jul 15, 2021 · bf2c90e · bf2c90e
1 parent 915540f
commit bf2c90e
Showing 1 changed file with 9 additions and 4 deletions.
diff --git 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)}>