4 files changed, 99 insertions, 0 deletions
diff --git a/communities/red-right-hand/174bg.net/src/app/globals.css b/communities/red-right-hand/174bg.net/src/app/globals.css
new file mode 100644
index 0000000..fa3342d
--- /dev/null
+++ b/communities/red-right-hand/174bg.net/src/app/globals.css
@@ -0,0 +1,8 @@
+@import "tailwindcss";
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-inter);
+  --font-mono: var(--font-fira-code);
+}
diff --git a/communities/red-right-hand/174bg.net/src/app/layout.js b/communities/red-right-hand/174bg.net/src/app/layout.js
new file mode 100644
index 0000000..ce97609
--- /dev/null
+++ b/communities/red-right-hand/174bg.net/src/app/layout.js
@@ -0,0 +1,35 @@
+import { Inter, Fira_Code } from "next/font/google";
+import "./globals.css";
+import TerminalOverlay from "@/components/TerminalOverlay";
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+
+const firaCode = Fira_Code({
+  variable: "--font-fira-code",
+  subsets: ["latin"],
+});
+
+export const metadata = {
+  title: "174th Battle Group",
+  description: "Vengeance Within Reach",
+  icons: {
+    icon: "/favicon.png",
+  },
+};
+
+export default function RootLayout({ children }) {
+  return (
+    <html
+      lang="en"
+      className={`${inter.variable} ${firaCode.variable} h-full antialiased`}
+    >
+      <body className="min-h-full flex flex-col">
+        <TerminalOverlay />
+        {children}
+      </body>
+    </html>
+  );
+}
diff --git a/communities/red-right-hand/174bg.net/src/app/page.js b/communities/red-right-hand/174bg.net/src/app/page.js
new file mode 100644
index 0000000..9aaf53a
--- /dev/null
+++ b/communities/red-right-hand/174bg.net/src/app/page.js
@@ -0,0 +1,17 @@
+export default function Home() {
+  return (
+    <div className="flex flex-col m-2 gap-4">
+      <h1 className="text-3xl font-bold">The 174th Battle Group</h1>
+      <h2 className="text-xl font-semibold opacity-75">
+        "Vengeance Within Reach"
+      </h2>
+      <p className="max-w-[666px] text-justify">
+        The 174th Battle Group is a logistical support unit of the United Earth
+        Empire's military. It is responsible for providing logistical support to
+        the UEE's forces, including transportation, supply, and maintenance. The
+        174th Battle Group is known for its efficiency and reliability, and it
+        has played a crucial role in many of the UEE's military campaigns.
+      </p>
+    </div>
+  );
+}
diff --git a/communities/red-right-hand/174bg.net/src/components/TerminalOverlay/index.js b/communities/red-right-hand/174bg.net/src/components/TerminalOverlay/index.js
new file mode 100644
index 0000000..6053949
--- /dev/null
+++ b/communities/red-right-hand/174bg.net/src/components/TerminalOverlay/index.js
@@ -0,0 +1,39 @@
+"use client";
+
+import { useState } from "react";
+import { CommandLineIcon, XMarkIcon } from "@heroicons/react/24/solid";
+
+export default function TerminalOverlay() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <button
+        onClick={() => setOpen(true)}
+        className="fixed top-4 right-4 bg-gray-800 text-white p-3 rounded-full shadow-lg hover:bg-gray-700 transition-colors z-50"
+        title="Access the web terminal"
+      >
+        <CommandLineIcon className="h-5 w-5" />
+      </button>
+
+      {open && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/70">
+          <div className="relative w-full max-w-4xl h-[80vh] bg-black rounded-lg shadow-2xl overflow-hidden">
+            <button
+              onClick={() => setOpen(false)}
+              className="absolute top-2 right-2 z-10 bg-gray-800 text-white p-1 rounded hover:bg-gray-600 transition-colors"
+              title="Close terminal"
+            >
+              <XMarkIcon className="h-5 w-5" />
+            </button>
+            <iframe
+              src="/terminal/index.html"
+              className="w-full h-full border-0"
+              title="Web Terminal"
+            />
+          </div>
+        </div>
+      )}
+    </>
+  );
+}