Add OxygenToolbox to home page

src/components/Project.tsx

@@ -1,11 +0,0 @@
-import React from 'react'
-
-const Project: React.FC = () => {
-    return (
-        <>
-            <h1>App</h1>
-        </>
-    )
-}
-
-export default Project

src/components/home/OxygenToolbox.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import FitCenter from '@/components/common/FitCenter.tsx'
+
+const OxygenToolbox: React.FC = () => {
+    return (
+        <>
+            <FitCenter vertical>
+                <div>
+                    <div style={{ fontSize: '4.5em', fontWeight: 'bold' }}>Oxygen Toolbox</div>
+                    <div style={{ fontSize: '1.4em', textAlign: 'end' }}>is coming soon...</div>
+                </div>
+            </FitCenter>
+        </>
+    )
+}
+
+export default OxygenToolbox

src/components/home/index.tsx

@@ -3,6 +3,7 @@ import FitFullScreen from '@/components/common/FitFullScreen'
 import FitCenter from '@/components/common/FitCenter'
 import { MainFrameworkContext } from '@/pages/MainFramework'
 import Slogan from '@/components/home/Slogan'
+import OxygenToolbox from '@/components/home/OxygenToolbox'
 
 const Home: React.FC = () => {
     const {
@@ -129,7 +130,7 @@ const Home: React.FC = () => {
             ref: fitFullScreenRef,
             children: <Slogan onClickScrollDown={handleScrollDown} />
         },
-        { children: <FitCenter>2</FitCenter> },
+        { children: <OxygenToolbox /> },
         { children: <FitCenter>3</FitCenter> }
     ]