import { Box, Container, Heading, SimpleGrid, Tag, Text } from '@chakra-ui/react'; import { GlobalHeader } from '../components/global-header'; import { Footer } from '../components/footer'; import { OpensourceBanner } from '../components/opensource-banner'; import { DimmedMore } from '../components/dimmed-more'; import { LinksListItem } from '../components/links-list-item'; import { VideoIcon } from '../components/icons/video-icon'; import { LinksList } from '../components/links-list'; import { HomeRoadmapItem } from '../components/roadmap/home-roadmap-item'; import { getFeaturedRoadmaps, RoadmapType } from '../lib/roadmap'; import { getAllGuides, GuideType } from '../lib/guide'; import { getAllVideos, VideoType } from '../lib/video'; import Helmet from '../components/helmet'; import { PageWrapper } from '../components/page-wrapper'; import { FeaturedRoadmapsList } from '../components/home/featured-roadmaps-list'; type HomeProps = { roadmaps: RoadmapType[]; guides: GuideType[]; videos: VideoType[]; }; export default function Home(props: HomeProps) { const { roadmaps, guides, videos } = props; return ( Hey there! 👋 roadmap.sh {' '} is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings. roadmap.type === 'role')} title={'Role Based' } /> roadmap.type === 'tool')} title={'Tool Based' } /> Video Explanations {videos.map((video) => ( } /> ))} Guides {guides.map((guide) => ( ))}