Attempt to add html of overleaf

Author: Bouwmeester, Kevin

app/constants.ts

@@ -73,6 +73,7 @@ export const MENU_ITEMS = [
   { name: 'Industrial Collaborations', route: './industrial-collabs' },
   { name: 'SEiGS 2025', route: './seigs25' },
   { name: 'Projects & Tools', route: './projects' },
+  { name: 'Knowledge Hub', route: './knowledge-hub' },
   { name: 'News', route: './news' },
   { name: 'Contact us', route: './contacts' }
 ];

app/knowledge-hub/ECS/page.tsx

@@ -0,0 +1,54 @@
+'use client';
+import Image from 'next/image';
+
+import Navbar from '../../components/Navbar';
+import Footer from '../../components/Footer';
+import html from '@app/knowledge-hub/ECS/paper.html';
+import { KevinContact } from '@/app/person-constants';
+import ECSImage from '../../public/knowledge-hub/ECS.jpg'
+
+// const menuItems = [
+//   { name: 'SEiGS 2025', route: '../seigs25' },
+//   { name: 'Industrial Projects', route: '../industrial-projects' },
+//   { name: 'Academic Projects', route: '../projects' },
+//   { name: 'Positions', route: '../openings' },
+//   { name: 'Contact us', route: '../contacts' }
+// ];
+import { MENU_ITEMS as menuItems } from '../../constants';
+
+export default function Home() {
+  return (
+    <div>
+      <Navbar menuItems={menuItems} pageSelected="" />
+
+      <div className="flex flex-col items-center justify-center bg-gray-50 min-h-screen" style={{textAlign: 'justify'}}>
+        <div className="max-w-5xl">
+          <h1 className="text-3xl font-bold text-red-600 mb-4 pt-4">
+            {'Entity-Component-System (ECS) Pattern'}
+          </h1>
+          <Image
+            src={ECSImage.src} // Replace with your actual image URL
+            width={0}
+            height={0}
+            alt="Full-width image"
+            style={{ width: 'auto', height: 'auto' }}
+          />
+          <a href="https://doi.org/10.1016/j.simpat.2020.102243"> Vico: An entity-component-system based co-simulation framework</a>
+
+          <object type="text/html" data={html} style={{ width: '100%', height: '800px', border: 'none' }}>
+            Your browser does not support displaying this content.
+          </object>
+
+          {/* Contact Section */}
+          <div className="border-t mt-4 pt-4">
+            <h2 className="text-3xl font-semibold mb-2">Contact</h2>
+            <div className="flex flex-col flex-wrap gap-6">
+              <KevinContact />
+            </div>
+          </div>
+        </div>
+      </div>
+      <Footer />
+    </div>
+  );
+}