Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

31 lines
1.0 KiB

import Link from 'next/link';
import { FeaturedContentWrap } from './style';
import roadmaps from 'data/roadmaps';
import RoadmapBlock from 'components/roadmap-block';
const FeaturedRoadmaps = () => (
<FeaturedContentWrap className="featured-content-wrap">
<div className="container">
<div className="featured-head">
<h3>Featured Content</h3>
<p className="border-through featured-separator">
<span>
List of roadmaps mostly visited by the community&nbsp;
<Link href='/roadmaps'>
<a className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Roadmaps &rarr;</a>
</Link>
</span>
</p>
</div>
<div className="swim-lane row">
{ roadmaps
.filter(({ featured }) => featured)
.map(roadmap => (
<RoadmapBlock roadmap={ roadmap } key={ roadmap.url } />
)) }
</div>
</div>
</FeaturedContentWrap>
);
export default FeaturedRoadmaps;