Update FAQs for the new seasons (#28)

Co-authored-by: Carlos Sánchez <[email protected]>

Author: ChangoMan

packages/nextjs/app/faqs/page.tsx

@@ -4,47 +4,101 @@ const faqs = [
   {
     id: 1,
     question: "What is Solidity Invaders?",
-    answer:
-      "Solidity Invaders is a Capture the Flag (CTF) game that teaches you how to write secure smart contracts in Solidity. The game was originally created by BuidlGuild for Devcon 7 in Bangkok, Thailand. The original website can be viewed at ",
-    link: "https://ctf-devcon.buidlguidl.com",
+    answer: (
+      <>
+        Solidity Invaders is a Capture the Flag (CTF) game that teaches you how to write secure smart contracts in
+        Solidity. The game was originally created by BuidlGuild for Devcon 7 in Bangkok, Thailand. The original website
+        can be viewed at{" "}
+        <a
+          className="text-primary link break-all lg:break-normal"
+          href="https://ctf-devcon.buidlguidl.com"
+          target="_blank"
+        >
+          https://ctf-devcon.buidlguidl.com
+        </a>
+      </>
+    ),
   },
   {
     id: 2,
     question: "How should I complete the challenges?",
-    answer:
-      "Advanced players may use any means necessary to progress through the challenges. We recommend that beginners use this Scaffold ETH extension that contains everything you need to play the game and test your solutions locally:",
-    link: "https://github.com/buidlguidl/ctf.buidlguidl.com/tree/extension",
+    answer: (
+      <>
+        Advanced players may use any means necessary to progress through the challenges. We recommend that beginners use
+        this{" "}
+        <a
+          className="text-primary link break-all lg:break-normal"
+          href="https://github.com/buidlguidl/ctf.buidlguidl.com/tree/extension"
+          target="_blank"
+        >
+          Scaffold ETH extension
+        </a>{" "}
+        that contains everything you need to play the game and test your solutions locally.
+      </>
+    ),
   },
   {
     id: 3,
+    question: "What are the Seasons?",
+    answer: (
+      <>
+        Solidity Invaders is organized into seasons, each featuring a new set of challenges. Season 1 (Bangkok) includes
+        the 12 challenges from{" "}
+        <a
+          className="text-primary link break-all lg:break-normal"
+          href="https://ctf-devcon.buidlguidl.com/"
+          target="_blank"
+        >
+          Devcon SEA
+        </a>
+        . Season 2 (Buenos Aires) includes the 12 challenges played at{" "}
+        <a
+          className="text-primary link break-all lg:break-normal"
+          href="https://ctf-argentina.buidlguidl.com/"
+          target="_blank"
+        >
+          Devconnect ARG
+        </a>
+        .
+      </>
+    ),
+  },
+  {
+    id: 4,
     question: "What are the flags?",
     answer:
       "Upon capturing a flag, you will mint a SVG NFT that represents the flag you captured. There are 12 flags in total, each corresponding to a different challenge.",
   },
   {
-    id: 4,
+    id: 5,
     question: "What chain/network is this game on?",
     answer:
       "The challenges are deployed on Optimism mainnet. You will need to use real ETH on Optimism in order to complete the challenges. But you can always play locally!",
   },
   {
-    id: 5,
+    id: 6,
     question: "How are points tracked?",
     answer:
       "You will also receive points for each flag you capture. Each flag must be minted to the same Ethereum address for the points to be counted properly.",
   },
   {
-    id: 6,
+    id: 7,
     question: "How can I track my progress?",
     answer:
       "Check your progress by visiting `/profile/{YourRegisteredAddress}`. You may also connect your registered Ethereum address to this website and view your progress by clicking on 'My Flags'.",
   },
   {
-    id: 7,
+    id: 8,
     question: "Is there a leaderboard?",
-    answer:
-      "There isn't a leaderboard for this version of the game. Instead, there is a Stats page which can be found at",
-    link: "/stats",
+    answer: (
+      <>
+        There isn&apos;t a leaderboard for this version of the game. Instead, there is a Stats page which can be found
+        at{" "}
+        <a className="text-primary link break-all lg:break-normal" href="/stats" target="_blank">
+          /stats
+        </a>
+      </>
+    ),
   },
 ];
 
@@ -64,14 +118,7 @@ export default function FaqsPage() {
           {faqs.map(faq => (
             <div key={faq.id}>
               <dt className="text-base/7 font-bold text-white">{faq.question}</dt>
-              <dd className="mt-2 text-base/7 text-gray-200">
-                {faq.answer}{" "}
-                {faq.link && (
-                  <a className="text-primary link break-all lg:break-normal" href={faq.link} target="_blank">
-                    {faq.link}
-                  </a>
-                )}
-              </dd>
+              <dd className="mt-2 text-base/7 text-gray-200">{faq.answer}</dd>
             </div>
           ))}
         </dl>