\r\n 
\r\n 
\r\n
\r\n )\r\n}\r\n\r\nexport default Home;","import HumaaansWireframe from '../Images/Humaaans Wireframe.png';\r\nimport '../Styles/login.modules.css';\r\n\r\ninterface Props {\r\n backToHomeHandler: () => void;\r\n}\r\n\r\nfunction LogIn({backToHomeHandler}: Props) {\r\n return (\r\n Website.com
\r\n Welcome To Our Computer Networking World!
\r\n\r\n This is the website that helps you understand everything of computer networking through games\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default LogIn;","import HappyBunchChat from '../Images/Happy Bunch Chat.png';\r\nimport user_4_fill from '../Images/user_4_fill.png';\r\nimport '../Styles/ContactUs.modules.css';\r\nimport '../Styles/Navigation.css';\r\n\r\ninterface Props {\r\n aboutUsHandler: () => void;\r\n contactHandler: () => void;\r\n FAQHandler: () => void;\r\n}\r\n\r\nfunction ContactUs({aboutUsHandler, contactHandler, FAQHandler}: Props) {\r\n return (\r\n \r\n 
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Welcome to\r\n
\r\n\r\n \r\n website\r\n
\r\n \r\n
\r\n \r\n Account Log in\r\n
\r\n\r\n \r\n If you are already a member you can login with your email address and password.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Don't have an account? Sign up here\r\n
\r\n \r\n \r\n \r\n 
\r\n
\r\n )\r\n}\r\n\r\nexport default ContactUs;","import '../Styles/AboutUs.modules.css';\r\nimport user_4_fill from '../Images/user_4_fill.png';\r\nimport '../Styles/Navigation.css';\r\nimport money_verse from '../Images/Moneyverse Crypto Galaxy.png';\r\nimport palz_plant from '../Images/Palz Plant Green Leaves.png';\r\nimport palz_plant2 from '../Images/Palz Plant 2.png';\r\nimport placeholder from '../Images/Rectangle 343.png';\r\ninterface Props {\r\n aboutUsHandler: () => void;\r\n contactHandler: () => void;\r\n FAQHandler: () => void;\r\n}\r\n\r\nfunction AboutUs({aboutUsHandler, contactHandler, FAQHandler}: Props) {\r\n return ( \r\n Website.com
\r\n Contact Us
\r\n \r\n LET'S CONNECT! We're here to help and would love to hear from you! Whether you have questions, comments, suggestions, or just want to chat, you can reach out to us via the contact form on this page.\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default AboutUs;","import React, { useState } from 'react';\r\nimport user_4_fill from '../Images/user_4_fill.png';\r\nimport '../Styles/FAQ.modules.css';\r\nimport home_office from '../Images/Stuck at Home Home Office.png';\r\nimport '../Styles/Navigation.css';\r\n\r\ninterface Props {\r\n aboutUsHandler: () => void;\r\n contactHandler: () => void;\r\n FAQHandler: () => void;\r\n}\r\n\r\ninterface FAQ {\r\n question: string;\r\n answer: string;\r\n}\r\n\r\nfunction ContactUs({aboutUsHandler, contactHandler, FAQHandler}: Props) {\r\n\r\n const faqData: FAQ[] = [\r\n { question: 'Where can I watch the courses?', answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.' },\r\n { question: 'Lorem ipsum dolor sit amet?', answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.' },\r\n { question: 'Lorem ipsum dolor sit amet?', answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.' }\r\n ];\r\n\r\n const [questionStates, setQuestionStates] = useState\r\n \r\n \r\n 
\r\n 
\r\n 
\r\n
\r\n Website.com
\r\n About Us
\r\n \r\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n
\r\n \r\n
\r\n Meet Out Team Members
\r\n \r\n 
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n 
\r\n
\r\n )\r\n}\r\n\r\nexport default ContactUs;","import React, { createContext, useState, useContext, useEffect, ReactNode } from 'react';\r\n\r\ninterface DarkModeContextType {\r\n darkMode: boolean;\r\n toggleDarkMode: () => void;\r\n}\r\n\r\nconst DarkModeContext = createContextWebsite.com
\r\n Frequently Asked Questions
\r\n \r\n\r\n {faqData.map((faq, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n toggleQuestion(index)} \r\n style={{ cursor: 'pointer', display: 'flex', justifyContent: 'space-between' }}\r\n >\r\n
\r\n {expandedQuestions.includes(index) && (\r\n {faq.question}
\r\n {questionStates[index] ? '\\\\/' : '>'}
\r\n \r\n {faq.answer}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default BlueNavBar;","////////////////////////////////////////////////////////////////////////////////\n//#region Types and Constants\n////////////////////////////////////////////////////////////////////////////////\n\n/**\n * Actions represent the type of change to a location value.\n */\nexport enum Action {\n /**\n * A POP indicates a change to an arbitrary index in the history stack, such\n * as a back or forward navigation. It does not describe the direction of the\n * navigation, only that the current index changed.\n *\n * Note: This is the default action for newly created history objects.\n */\n Pop = \"POP\",\n\n /**\n * A PUSH indicates a new entry being added to the history stack, such as when\n * a link is clicked and a new page loads. When this happens, all subsequent\n * entries in the stack are lost.\n */\n Push = \"PUSH\",\n\n /**\n * A REPLACE indicates the entry at the current index in the history stack\n * being replaced by a new one.\n */\n Replace = \"REPLACE\",\n}\n\n/**\n * The pathname, search, and hash values of a URL.\n */\nexport interface Path {\n /**\n * A URL pathname, beginning with a /.\n */\n pathname: string;\n\n /**\n * A URL search string, beginning with a ?.\n */\n search: string;\n\n /**\n * A URL fragment identifier, beginning with a #.\n */\n hash: string;\n}\n\n// TODO: (v7) Change the Location generic default from `any` to `unknown` and\n// remove Remix `useLocation` wrapper.\n\n/**\n * An entry in a history stack. A location contains information about the\n * URL path, as well as possibly some arbitrary state and a key.\n */\nexport interface Location\r\n
\r\n Website.com
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n