import { Box, Container, Heading, Link, SimpleGrid, Text } from '@chakra-ui/react'; import { GlobalHeader } from '../components/global-header'; import { Footer } from '../components/footer'; import { UpdatesBanner } from '../components/updates-banner'; import { OpensourceBanner } from '../components/opensource-banner'; import { DimmedMore } from '../components/dimmed-more'; import { LinksListItem } from '../components/links-list-item'; import { VideoIcon } from '../icons/video-icon'; import { LinksList } from '../components/links-list'; import { HomeRoadmapItem } from './roadmaps/components/home-roadmap-item'; import { getFeaturedRoadmaps, RoadmapType } from '../lib/roadmap'; import { getAllGuides, GuideType } from '../lib/guide'; import { getAllVideos, VideoType } from '../lib/video'; 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. We also have a YouTube channel which we hope you are going to love. {roadmaps.map((roadmap: RoadmapType, counter: number) => ( ))} Visual Guides {guides.map(guide => ( ))} Video Explanations {videos.map(video => ( } /> ))}