diff --git a/nx-dev/nx-dev/pages/challenge.tsx b/nx-dev/nx-dev/pages/challenge.tsx
deleted file mode 100644
index bd406510d1..0000000000
--- a/nx-dev/nx-dev/pages/challenge.tsx
+++ /dev/null
@@ -1,277 +0,0 @@
-import {
- FlipCard,
- FlipCardBack,
- FlipCardBackYoutube,
- Footer,
- Header,
- Modal,
- ModalHeader,
- SectionHeading,
- YouTube,
-} from '@nx/nx-dev/ui-common';
-import { NextSeo } from 'next-seo';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import { ReactNode, useEffect, useState } from 'react';
-
-interface NewYearTip {
- day: number;
- cardBack: ReactNode;
- modalHeader: ReactNode;
- modalContent: ReactNode;
-}
-
-const tips: NewYearTip[] = [
- {
- day: 1,
- cardBack: (
-
- ),
- modalHeader:
January 1st, 2024
,
- modalContent: (
- <>
-
- What is Nx?
-
-
-
-
- Here is some text about what Nx is
-
- Read more in our{' '}
-
- Intro to Nx
-
-
- >
- ),
- },
- {
- day: 2,
- cardBack: (
-
- ),
- modalHeader: January 2nd, 2024
,
- modalContent: (
- <>
-
- Which Style of Workspace is Right for You?
-
-
-
-
- Here is some text about ways to use Nx
-
- Read more in our{' '}
-
- Types of Repos Guide
-
-
- >
- ),
- },
- {
- day: 3,
- cardBack: (
-
- ),
- modalHeader: January 3rd, 2024
,
- modalContent: ,
- },
- {
- day: 4,
- cardBack: (
-
- Add Nx to an Existing Project
-
- ),
- modalHeader: January 4th, 2024
,
- modalContent: ,
- },
- {
- day: 5,
- cardBack: (
-
- ),
- modalHeader: January 5th, 2024
,
- modalContent: ,
- },
- {
- day: 8,
- cardBack: (
-
- Explore Example Repos
-
- ),
- modalHeader: January 8th, 2024
,
- modalContent: ,
- },
- {
- day: 9,
- cardBack: (
-
- Let's Build a CLI
-
- ),
- modalHeader: January 9th, 2024
,
- modalContent: ,
- },
- {
- day: 10,
- cardBack: (
-
- Optimizing Your CI/CD
-
- ),
- modalHeader: January 10th, 2024
,
- modalContent: ,
- },
- {
- day: 11,
- cardBack: (
-
- ),
- modalHeader: January 11th, 2024
,
- modalContent: ,
- },
- {
- day: 12,
- cardBack: (
-
- ),
- modalHeader: January 12th, 2024
,
- modalContent: ,
- },
-];
-
-export default function NewYear(): JSX.Element {
- const currentDay =
- new Date().getFullYear() === 2023 ? new Date().getDate() : 0;
- const router = useRouter();
- const [cards, setCards] = useState({});
- const [currentModal, setCurrentModal] = useState(0);
-
- useEffect(() => {
- const cards = JSON.parse(localStorage.getItem('cards') || '{}');
- if (cards) {
- setCards(cards);
- }
- }, []);
- useEffect(() => {
- localStorage.setItem('cards', JSON.stringify(cards));
- }, [cards]);
- const onFlip = (text, isFlipped) => {
- setCards({ ...cards, [text]: isFlipped });
- };
- function getIsFlippable(day: number) {
- return currentDay >= day;
- }
-
- return (
- <>
-
-
-
-
-
-
-
- Nx New Year Challenge
-
-
- Each day, during the first two weeks of January, a new card will
- be unlocked for you to flip.
-
-
-
- {tips.map((tip) => (
- setCurrentModal(tip.day)}
- >
- {tip.cardBack}
-
- ))}
-
-
-
-
- {tips.map((tip) => (
-
setCurrentModal(0)}
- >
- setCurrentModal(0)}>
- {tip.modalHeader}
-
- {tip.modalContent}
-
- ))}
-
-
-
- >
- );
-}