diff --git a/apps/humanoid-ai-ui/index.html b/apps/humanoid-ai-ui/index.html index c141c24..5c09756 100644 --- a/apps/humanoid-ai-ui/index.html +++ b/apps/humanoid-ai-ui/index.html @@ -1,16 +1,12 @@ - - - HumanoidAiUi - - - - - - - -
- - - + + + + Cirrus Labs + + +
+ + + \ No newline at end of file diff --git a/apps/humanoid-ai-ui/src/App.css b/apps/humanoid-ai-ui/src/App.css new file mode 100644 index 0000000..a168188 --- /dev/null +++ b/apps/humanoid-ai-ui/src/App.css @@ -0,0 +1,9 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} + +.App { + text-align: center; +} diff --git a/apps/humanoid-ai-ui/src/App.js b/apps/humanoid-ai-ui/src/App.js new file mode 100644 index 0000000..2ef1403 --- /dev/null +++ b/apps/humanoid-ai-ui/src/App.js @@ -0,0 +1,18 @@ +import React from 'react'; +import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; +import Home from './components/Home'; +import './App.css'; + +function App() { + return ( + +
+ + + +
+ + ); +} + +export default App; diff --git a/apps/humanoid-ai-ui/src/app/app.css b/apps/humanoid-ai-ui/src/app/app.css new file mode 100644 index 0000000..a2eb5ed --- /dev/null +++ b/apps/humanoid-ai-ui/src/app/app.css @@ -0,0 +1,9 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} + +.App { + text-align: center; +} \ No newline at end of file diff --git a/apps/humanoid-ai-ui/src/app/app.tsx b/apps/humanoid-ai-ui/src/app/app.tsx index f6338d5..bbbd955 100644 --- a/apps/humanoid-ai-ui/src/app/app.tsx +++ b/apps/humanoid-ai-ui/src/app/app.tsx @@ -1,50 +1,13 @@ -import NxWelcome from './nx-welcome'; +import React from 'react'; +import Home from '../components/Home'; +import './app.css'; -import { Route, Routes, Link } from 'react-router-dom'; - -export function App() { +function App() { return ( -
- - - {/* START: routes */} - {/* These routes and navigation have been generated for you */} - {/* Feel free to move and update them to fit your needs */} -
-
-
-
-
    -
  • - Home -
    • -
  • - Page 2 -
    • -
-
- - - This is the generated root route.{' '} - Click here for page 2. -
- } - /> - - Click here to go back to root page. - - } - /> - - {/* END: routes */} +
+
); } -export default App; +export default App; \ No newline at end of file diff --git a/apps/humanoid-ai-ui/src/components/Home.css b/apps/humanoid-ai-ui/src/components/Home.css new file mode 100644 index 0000000..a294f5f --- /dev/null +++ b/apps/humanoid-ai-ui/src/components/Home.css @@ -0,0 +1,127 @@ +.navbar { + display: flex; + justify-content: space-between; + padding: 10px 20px; + background-color: #001f3f; + color: white; +} + +.navbar-brand { + font-size: 1.5em; +} + +.navbar-nav { + display: flex; + list-style: none; +} + +.navbar-nav li { + margin: 0 10px; +} + +.navbar-nav a { + color: white; + text-decoration: none; +} + +.navbar-contact { + font-size: 0.9em; +} + +.hero { + display: flex; + justify-content: space-between; + align-items: center; + padding: 50px 20px; + background: linear-gradient(to right, #1c92d2, #f2fcfe); + position: relative; +} + +.hero-content { + max-width: 600px; + text-align: left; +} + +.hero h1 { + font-size: 2.5em; + margin: 0; +} + +.highlight { + color: #f4c542; +} + +.learn-more-btn { + background-color: #ff4136; + color: white; + padding: 10px 20px; + border: none; + font-size: 1em; + cursor: pointer; + margin-top: 20px; +} + +.hero-image img { + max-width: 100%; + height: auto; +} + +.chat-button { + position: fixed; + bottom: 20px; + right: 20px; +} + +.chat-button button { + background-color: #ff4136; + color: white; + padding: 10px 20px; + border: none; + font-size: 1em; + cursor: pointer; +} + +.contact-us-btn { + position: absolute; + top: 20px; + right: 20px; + background-color: #ff4136; + color: white; + padding: 10px 20px; + border: none; + font-size: 1em; + cursor: pointer; + border-radius: 50px; +} + +.info-section, .solutions-section { + padding: 50px 20px; + background: #f8f9fa; + text-align: center; +} + +.info-section h2, .solutions-section h2 { + font-size: 2em; + margin-bottom: 20px; +} + +.info-section p, .solutions-section p { + font-size: 1.2em; + max-width: 800px; + margin: 0 auto 20px auto; +} + +.info-section .learn-more-btn, .solutions-section .learn-more-btn { + margin-bottom: 20px; +} + +.info-media, .solutions-media { + max-width: 800px; + margin: 0 auto; +} + +.info-media img, .solutions-media img { + width: 100%; + height: auto; + border-radius: 10px; +} \ No newline at end of file diff --git a/apps/humanoid-ai-ui/src/components/Home.jsx b/apps/humanoid-ai-ui/src/components/Home.jsx new file mode 100644 index 0000000..58526cc --- /dev/null +++ b/apps/humanoid-ai-ui/src/components/Home.jsx @@ -0,0 +1,55 @@ +import React from 'react'; +import './Home.css'; + +function Home() { + return ( +
+ +
+
+

Digital Transformation, Simplified

+

Are you ready to step into a world of transformation? Let's embark on a journey that's as human as it is inspiring. Your journey is our journey.

+ +
+
+ Hero {/* Update with correct image path */} +
+ +
+ +
+

Who is CirrusLabs?

+

Our tagline, "Digital Transformation Simplified," isn't just a phrase; it's our commitment to making complex processes easy to understand and implement. Your journey is our journey, and together, we'll navigate the digital landscape, breaking down barriers and delivering results.

+ +
+ Who is CirrusLabs? {/* Update with correct image path */} +
+
+ +
+

Explore Our Solutions

+

Our expertise spans advanced AI applications to sophisticated SAP integrations to efficient GRC platforms and more. To fully understand how our solutions can benefit your business, we encourage you to watch our video overview. Dive deeper into our solutions and discover ways to accelerate your success.

+
+ Explore Our Solutions {/* Update with correct image path */} +
+
+ +
+ +
+
+ ); +} + +export default Home; diff --git a/apps/humanoid-ai-ui/src/components/chatwomen.png b/apps/humanoid-ai-ui/src/components/chatwomen.png new file mode 100644 index 0000000..eee8e73 Binary files /dev/null and b/apps/humanoid-ai-ui/src/components/chatwomen.png differ diff --git a/apps/humanoid-ai-ui/src/components/expert.png b/apps/humanoid-ai-ui/src/components/expert.png new file mode 100644 index 0000000..9f1b1c5 Binary files /dev/null and b/apps/humanoid-ai-ui/src/components/expert.png differ diff --git a/apps/humanoid-ai-ui/src/components/who.png b/apps/humanoid-ai-ui/src/components/who.png new file mode 100644 index 0000000..020f853 Binary files /dev/null and b/apps/humanoid-ai-ui/src/components/who.png differ diff --git a/apps/humanoid-ai-ui/src/main.tsx b/apps/humanoid-ai-ui/src/main.tsx index 563fabf..a1f4fcd 100644 --- a/apps/humanoid-ai-ui/src/main.tsx +++ b/apps/humanoid-ai-ui/src/main.tsx @@ -1,7 +1,6 @@ import { StrictMode } from 'react'; import * as ReactDOM from 'react-dom/client'; import { BrowserRouter } from 'react-router-dom'; - import App from './app/app'; const root = ReactDOM.createRoot( @@ -13,4 +12,4 @@ root.render( -); +); \ No newline at end of file