31 lines
1.0 KiB
JavaScript
31 lines
1.0 KiB
JavaScript
import Link from 'next/link';
|
|
import { FeaturedContentWrap } from './style';
|
|
import roadmaps from '../../data/roadmaps';
|
|
import RoadmapBlock from '../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
|
|
<Link href='/roadmaps'>
|
|
<a className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Roadmaps →</a>
|
|
</Link>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
<div className="swim-lane row">
|
|
{ roadmaps
|
|
.filter(({ featured }) => featured)
|
|
.map(roadmap => (
|
|
<RoadmapBlock roadmap={ roadmap } key={ roadmap.slug } />
|
|
)) }
|
|
</div>
|
|
</div>
|
|
</FeaturedContentWrap>
|
|
);
|
|
|
|
export default FeaturedRoadmaps; |