This repository has been archived on 2025-01-16. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
yiershi_home/src/components/HomepageFeatures/index.js
2022-05-26 16:46:50 +08:00

71 lines
2.4 KiB
JavaScript

import React from 'react';
import clsx from 'clsx';
import styles from './styles.module.css';
const FeatureList = [];
// const FeatureList = [
// {
// title: 'Translation: Voice Translator',
// Svg: 'https://is1-ssl.mzstatic.com/image/thumb/Purple112/v4/06/46/4b/06464bda-9a77-3d06-ab52-1183310100ff/AppIcon-0-0-1x_U007emarketing-0-0-0-7-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/180x180bb.png',
// description: (
// <>
// Speech Recognize:
// English、Chinese、Japanese、French、German、Espanol、Italian、
// Russian、Portuguese、Tieng Viet、Bahasa Indonesia、Thai Language、
// Bahasa Melayu、Arabic language、Hindi Language、Turk dili、Korean.
// </>
// ),
// },
// {
// title: '2048: Number Puzzle Game',
// Svg: 'https://is2-ssl.mzstatic.com/image/thumb/Purple125/v4/68/50/8e/68508e20-c28b-3c70-3f6c-946797493068/AppIcon-1x_U007emarketing-0-10-0-0-85-220.png/100x100bb.jpg',
// description: (
// <>
// More than 17 million downloads and millions of active users!
// More than 120,000 5 Star Rating!
// Join to the real 2048 puzzle experience from Androbaby!
// </>
// ),
// },
// {
// title: 'PDF Converter - Word to PDF',
// Svg: 'https://is2-ssl.mzstatic.com/image/thumb/Purple122/v4/17/3a/7f/173a7f64-52a0-71fb-e7fe-7be5ef20e93c/AppIcon-0-1x_U007emarketing-0-7-0-85-220.png/100x100bb.jpg',
// description: (
// <>
// Convert files from JPG, WORD (DOC), XLS, TXT, PPT,
// RTF, EPUB and other popular formats to PDF and back
// on your iPhone/iPad. Share converted files or save them to iCloud.
// </>
// ),
// },
// ];
function Feature({Svg, title, description}) {
return (
<div className={clsx('col col--4')}>
<div className="text--center">
{/* <Svg className={styles.featureSvg} role="img" /> */}
<img src={ Svg } />
</div>
<div className="text--center padding-horiz--md">
<h3>{title}</h3>
<p>{description}</p>
</div>
</div>
);
}
export default function HomepageFeatures() {
return (
<section className={styles.features}>
<div className="container">
<div className="row">
{FeatureList.map((props, idx) => (
<Feature key={idx} {...props} />
))}
</div>
</div>
</section>
);
}