import { Box, Button, Container, Flex, Heading, Input, Text } 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 Helmet from '../components/helmet'; import { NewAlertBanner } from '../components/roadmap/new-alert-banner'; import { BellIcon, EmailIcon } from '@chakra-ui/icons'; import { SIGNUP_EMAIL_INPUT_NAME, SIGNUP_FORM_ACTION } from './signup'; import React from 'react'; import { upcomingRoadmaps } from '../components/home/featured-roadmaps-list'; import { TeamsBanner } from '../components/teams-banner'; export function getParameterByName(name: string, url: string = (typeof window !== 'undefined' ? window : {} as any)?.location?.href) { name = name.replace(/[\[\]]/g, '\\$&'); let regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); let results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } export default function Upcoming() { const roadmapId = getParameterByName('id'); const foundRoadmap = upcomingRoadmaps.find(roadmap => roadmap.id === roadmapId) || {} as any; const title = foundRoadmap?.title || 'Upcoming Roadmap'; const description = foundRoadmap.description || 'Roadmap is not yet ready. Subscribe yourself below to get notified.'; return ( } title={title} subtitle={description} /> Upcoming Roadmap Please check back later or subscribe below.