Add logo and intro text

Author: yungcomputerchair

app/layout.tsx

@@ -1,7 +1,6 @@
-import type { Metadata } from "next";
-import localFont from "next/font/local";
 import "./css/openfusion.css";
 
+// import localFont from "next/font/local";
 // const geistSans = localFont({
 //   src: "./fonts/GeistVF.woff",
 //   variable: "--font-geist-sans",

app/page.tsx

@@ -1,9 +1,26 @@
+import "./css/bootstrap.min.css";
 import "./css/openfusion.css";
 
+import ofLogo from "./img/of-3.png";
+
+import Image from "next/image";
+import Container from "react-bootstrap/Container";
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
+
 export default function Home() {
   return (
-    <div>
-      <p id="of-intro-text">hehe <code>dong</code></p>
-    </div>
+    <Container>
+      <Row className="text-center mt-3">
+        <Col>
+          <Image src={ofLogo} alt="OpenFusion logo" width={256} />
+          <p id="of-intro-text">
+            Welcome to OpenFusion.
+            <br />
+            Select a server from the list below to get started.
+          </p>
+        </Col>
+      </Row>
+    </Container>
   );
 }

next.config.mjs

@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: 'export',
+  output: "export",
+  images: {
+    unoptimized: true,
+  },
 };
 
 export default nextConfig;