11import { ESLintReact } from "#/components/ESLintReact" ;
2-
32import { Card , Cards } from "fumadocs-ui/components/card" ;
3+ import { Gauge , SearchCheck , Sliders , Zap } from "lucide-react" ;
44import { Link } from "next-view-transitions" ;
55
66const features = [
7- [ "Modern" , "First-class support for TypeScript, React 19, and more." ] ,
8- [ "Flexible" , "Increased flexibility with more granular severity control." ] ,
9- [ "Performant" , "Built with performance in mind, optimized for large codebases." ] ,
10- [ "Comprehensive" , "Handles complex scenarios and identifies problems that other tools might miss." ] ,
7+ [ "Modern" , "First-class support for TypeScript, React 19, and more." , Zap ] ,
8+ [ "Flexible" , "Increased flexibility with more granular severity control." , Sliders ] ,
9+ [ "Performant" , "Built with performance in mind, optimized for large codebases." , Gauge ] ,
10+ [ "Comprehensive" , "Identifies problems that other tools might miss." , SearchCheck ] ,
1111] as const ;
1212
1313export default function HomePage ( ) {
@@ -16,11 +16,18 @@ export default function HomePage() {
1616 < ESLintReact />
1717 < article className = "prose max-w-none" >
1818 < p className = "text-center" >
19- A series of composable ESLint rules for React and friends.
19+ A series of future-proof ESLint rules for React and friends.
2020 </ p >
2121 < h2 > Features</ h2 >
2222 < Cards className = "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4" >
23- { features . map ( ( [ title , description ] ) => < Card description = { description } key = { title } title = { title } /> ) }
23+ { features . map ( ( [ title , description , Icon ] ) => (
24+ < Card
25+ description = { description }
26+ icon = { < Icon /> }
27+ key = { title }
28+ title = { title }
29+ />
30+ ) ) }
2431 </ Cards >
2532 < h2 > Roadmap</ h2 >
2633 < p >
0 commit comments