feat: create following pages

README.md

@@ -118,7 +118,7 @@ Recent Contributions:
 
 ### Platform, Build, and Deployment Status
 
-The general platform status for all our applications is available at [`status.freecodecamp.org`](https://react-launchpad.vercel.app). The build and deployment status for the code is available in [our DevOps Guide](https://react-launchpad.vercel.app/devops).
+The general platform status for all our applications is available at [`https://react-launchpad.vercel.app/status`](https://react-launchpad.vercel.app). The build and deployment status for the code is available in [our DevOps Guide](https://react-launchpad.vercel.app/devops).
 
 ### License
 

src/components/development.tsx

@@ -0,0 +1,19 @@
+export function Development(): JSX.Element {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100">
+      <div className="max-w-md py-8 px-6 bg-white shadow-lg rounded-lg">
+        <h2 className="text-3xl font-bold mb-6 text-center">Contribute View</h2>
+        <p className="text-gray-700 text-center mb-8">
+          This page is currently under development. Stay tuned!
+        </p>
+        <div className="flex justify-center">
+          <img
+            className="w-64 h-64 object-cover object-center rounded-full"
+            src="/images/under_construction.svg"
+            alt="Under Construction"
+          />
+        </div>
+      </div>
+    </div>
+  );
+}

src/components/index.ts

@@ -1 +1,2 @@
 export { Button } from './ui/button/button';
+export { Development } from './development';

src/routes/index.tsx

@@ -8,6 +8,9 @@ const AboutView = lazy(() => import('views/about.view'));
 const ServicesView = lazy(() => import('views/services.view'));
 const HomeView = lazy(() => import('views/home.view'));
 const ServiesView = lazy(() => import('views/services.view'));
+const LicenseView = lazy(() => import('views/license.view'));
+const ContributeView = lazy(() => import('views/contribute.view'));
+const StatusView = lazy(() => import('views/status.view'));
 
 export const router = createBrowserRouter([
   {
@@ -23,6 +26,18 @@ export const router = createBrowserRouter([
         path: 'faq',
         element: <FaqView />,
       },
+      {
+        path: 'contribute',
+        element: <ContributeView />,
+      },
+      {
+        path: 'status',
+        element: <StatusView />,
+      },
+      {
+        path: 'license',
+        element: <LicenseView />,
+      },
       {
         path: 'services',
         element: <ServicesView />,

src/views/about.view.tsx

@@ -1,5 +1,7 @@
+import { Development } from 'components';
+
 function AboutView() {
-  return <div>AboutView</div>;
+  return <Development />;
 }
 
 export default AboutView;

src/views/contact.view.tsx

@@ -1,5 +1,7 @@
+import { Development } from 'components';
+
 function ContactView() {
-  return <div>ContactView</div>;
+  return <Development />;
 }
 
 export default ContactView;

src/views/contribute.view.tsx

@@ -0,0 +1,5 @@
+import { Development } from 'components';
+
+export default function Contributeview(): JSX.Element {
+  return <Development />;
+}

src/views/faq.view.tsx

@@ -1,5 +1,7 @@
+import { Development } from 'components';
+
 function FaqView() {
-  return <div>FaqView</div>;
+  return <Development />;
 }
 
 export default FaqView;

src/views/home.view.tsx

@@ -1,7 +1,7 @@
-import { HomeDomains } from 'domains';
+import { Development } from 'components';
 
 function HomeView() {
-  return <HomeDomains />;
+  return <Development />;
 }
 
 export default HomeView;

src/views/index.ts

@@ -3,3 +3,6 @@ export { default as IphoneView } from './faq.view';
 export { default as AboutView } from './about.view';
 export { default as IpadView } from './contact.view';
 export { default as ServicesView } from './services.view';
+export { default as LicenseView } from './license.view';
+export { default as StatusView } from './status.view';
+export { default as ContributeView } from './contribute.view';

src/views/license.view.tsx

@@ -0,0 +1,5 @@
+import { Development } from 'components';
+
+export default function Licenseview(): JSX.Element {
+  return <Development />;
+}

src/views/services.view.tsx

@@ -1,5 +1,7 @@
+import { Development } from 'components';
+
 function ServicesView() {
-  return <div>ServicesView</div>;
+  return <Development />;
 }
 
 export default ServicesView;

src/views/status.view.tsx

@@ -0,0 +1,7 @@
+import { Development } from 'components';
+
+function StatusView() {
+  return <Development />;
+}
+
+export default StatusView;