-
-
Notifications
You must be signed in to change notification settings - Fork 23
Expand file tree
/
Copy pathfeatures.js
More file actions
84 lines (80 loc) · 2.33 KB
/
Copy pathfeatures.js
File metadata and controls
84 lines (80 loc) · 2.33 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import { useRouter } from "next/router";
import styles from "./features.module.css";
const Feature = ({ text, icon }) => (
<div className={styles.feature}>
{icon}
<h4>{text}</h4>
</div>
);
export default () => {
const { locale } = useRouter();
return (
<div>
<div className={styles.features}>
<Feature
text="Good Documentation"
icon={
<svg
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
shapeRendering="geometricPrecision"
viewBox="0 0 24 24"
style={{ color: "currentColor" }}
>
<path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"></path>
<polyline points="14 2 14 8 20 8"></polyline>
<line x1="16" y1="13" x2="8" y2="13"></line>
<line x1="16" y1="17" x2="8" y2="17"></line>
<line x1="10" y1="9" x2="8" y2="9"></line>
</svg>
}
/>
<Feature
text="Simple & Fast"
icon={
<svg
viewBox="0 0 24 24"
width="24"
height="24"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
fill="none"
shapeRendering="geometricPrecision"
style={{ color: "currentColor" }}
>
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12 6 12 12 16 14"></polyline>
</svg>
}
/>
<Feature
text="Secure"
icon={
<svg
viewBox="0 0 24 24"
width="24"
height="24"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
fill="none"
shapeRendering="geometricPrecision"
style={{ color: "currentColor" }}
>
<path d="M9 12l2 2 4-4"></path>
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
}
/>
</div>
</div>
);
};