Merge pull request #1 from Unity-Lab-AI/feature/react2html5

Added mills work to get finished

Author: hackall360

MillsWork/Footer.js

@@ -0,0 +1,10 @@
+import React from 'react';
+
+const Footer = () => (
+  <footer className="text-center text-light bg-dark py-4">
+    <p>&copy; 2024 Unity AI Lab. All rights reserved.</p>
+    <a href="/privacy" className="text-light">Privacy Policy</a>
+  </footer>
+);
+
+export default Footer;

MillsWork/Gallery.js

@@ -0,0 +1,23 @@
+import React from 'react';
+
+const Gallery = () => (
+  <div className="container my-5">
+    <h2 className="text-light">Gallery</h2>
+    <div className="row">
+      {Array.from({ length: 6 }).map((_, index) => (
+        <div className="col-md-4 mb-4" key={index}>
+          <div className="card bg-dark text-light">
+            <img src={`https://via.placeholder.com/300?text=Image+${index + 1}`} alt={`Placeholder ${index + 1}`} className="card-img-top" />
+            <div className="card-body">
+              <h5 className="card-title">Placeholder {index + 1}</h5>
+              <p className="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+              <a href="#" className="btn btn-outline-light">View</a>
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  </div>
+);
+
+export default Gallery;

MillsWork/Hero.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import './styles.css';
+
+const Hero = () => (
+  <div
+    className="hero"
+    style={{
+      backgroundImage: 'url("https://via.placeholder.com/1920x400")',
+    }}
+  >
+    <div className="hero-overlay"></div>
+    <div className="hero-content">
+      <h1>Welcome to Unity AI Lab</h1>
+      <p>Exploring the boundaries of creativity and intelligence.</p>
+      <a className="btn btn-primary" href="/learn-more">
+        Learn More
+      </a>
+    </div>
+  </div>
+);
+
+export default Hero;

MillsWork/Navbar.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const Navbar = () => (
+  <nav className="navbar navbar-expand-lg navbar-dark bg-dark">
+    <div className="container">
+      <a className="navbar-brand" href="/">Unity AI Lab</a>
+      <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+        <span className="navbar-toggler-icon"></span>
+      </button>
+      <div className="collapse navbar-collapse" id="navbarNav">
+        <ul className="navbar-nav ms-auto">
+          <li className="nav-item">
+            <Link className="nav-link" to="/">Home</Link>
+          </li>
+          <li className="nav-item">
+            <Link className="nav-link" to="/gallery">Gallery</Link>
+          </li>
+          <li className="nav-item">
+            <Link className="nav-link" to="/contact">Contact</Link>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
+);
+
+export default Navbar;