import { Box, Container, SimpleGrid } from '@chakra-ui/react'; import { GlobalHeader } from '../components/global-header'; import { OpensourceBanner } from '../components/opensource-banner'; import { Footer } from '../components/footer'; import { PageHeader } from '../components/page-header'; import { RoadmapGridItem } from '../components/roadmap/roadmap-grid-item'; import { getAllRoadmaps, RoadmapType } from '../lib/roadmap'; import Helmet from '../components/helmet'; import { NewAlertBanner } from '../components/roadmap/new-alert-banner'; import { TeamsBanner } from '../components/teams-banner'; type RoadmapsProps = { roadmaps: RoadmapType[]; }; export default function Roadmaps(props: RoadmapsProps) { const { roadmaps } = props; return ( } title={'Developer Roadmaps'} subtitle={'Step by step guides and paths to learn different tools or technologies'} /> {roadmaps.map((roadmap, counter) => ( ))}