update ui

.dockerignore

@@ -0,0 +1,6 @@
+# Ignore node_modules folder
+node_modules
+
+# Ignore any directories named 'temp' or 'log'
+temp
+log

Dockerfile

@@ -0,0 +1,21 @@
+FROM node:14
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package.json and package-lock.json (if available)
+COPY package*.json ./
+
+# Install dependencies with --legacy-peer-deps flag
+RUN npm install --save-dev @babel/plugin-proposal-private-property-in-object --legacy-peer-deps
+RUN npm install --legacy-peer-deps
+
+# Copy the rest of the application code
+COPY . .
+RUN npm run build
+
+# Expose the port the app runs on
+EXPOSE 8080
+
+# Command to run the application
+CMD ["node", "server.js"]

package.json

@@ -96,5 +96,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
   }
 }

server.js

@@ -14,8 +14,8 @@ app.use((req, res, next) => {
 app.use(express.static(path.join(__dirname, 'build')));
 
 // Health check endpoint
-app.get('/health', (req, res) => {
-  res.status(200).send('OK');
+app.get('/healthcheck', (req, res) => {
+  res.status(200).send('ok');
 });
 
 // Serve the React app

src/components/LockScreen.js

@@ -1,20 +1,8 @@
 import React, { useState } from "react";
-import { Container, Button, Input, Form, FormGroup, Label } from "reactstrap";
+import { Container, Button, Form, FormGroup } from "reactstrap";
 import "styles/PageHeader.css"; // Adjust the path as needed
 
 export default function LockScreen({ onUnlock }) {
-  const [passcode, setPasscode] = useState("");
-  const [error, setError] = useState("");
-
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (passcode === "7427466391") {
-      onUnlock();
-    } else {
-      setError("Incorrect passcode. Please try again.");
-    }
-  };
-
   return (
     <div className="page-header header-filter">
       <div className="squares square1" />
@@ -28,24 +16,15 @@ export default function LockScreen({ onUnlock }) {
         <div className="content-center brand">
           <h1 className="h1-seo">MaltixAI</h1>
           <h2 className="h2-seo">Transform Anyone into Any Expert</h2>
-          <Form onSubmit={handleSubmit} className="lock-screen-form">
+          <Form className="lock-screen-form">
             <FormGroup>
-              <Label for="passcode">Passcode</Label>
-              <Input
-                type="password"
-                id="passcode"
-                value={passcode}
-                onChange={(e) => setPasscode(e.target.value)}
-                placeholder="First 10-digit prime found in consecutive digits of e"
-              />
+              <Button type="button" color="primary" onClick={onUnlock}>
+              Unleash Potential
+              </Button>
             </FormGroup>
-            <Button type="submit" color="primary">
-              Unlock
-            </Button>
-            {error && <p style={{ color: "red" }}>{error}</p>}
           </Form>
         </div>
       </Container>
     </div>
   );
-}
+}

src/components/Navbars/ExamplesNavbar.js

@@ -158,16 +158,16 @@ export default function ExamplesNavbar() {
                 <i className="tim-icons icon-spaceship" /> Upgrade to PRO
               </Button>
             </NavItem>
-            <NavItem>
+            {/* <NavItem>
               <NavLink tag={Link} to="/">
                 Back to Kit
               </NavLink>
-            </NavItem>
-            <NavItem>
+            </NavItem> */}
+            {/* <NavItem>
               <NavLink href="https://github.com/creativetimofficial/blk-design-system-react/issues">
                 Have an issue?
               </NavLink>
-            </NavItem>
+            </NavItem> */}
           </Nav>
         </Collapse>
       </Container>

src/styles/PageHeader.css

@@ -20,4 +20,12 @@
   .animated-word-exit-active {
     opacity: 0;
     transform: translateY(-20px);
+  }
+
+  .center-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
   }