From c04bc9a36ebfcdf6d8e2db8a6cdeb44062b66bec Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Tue, 19 Aug 2025 13:23:17 +0200
Subject: organised pages, started work on theme

---
 frontend/src/pages/About/About.tsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 frontend/src/pages/About/About.tsx

(limited to 'frontend/src/pages/About/About.tsx')

diff --git a/frontend/src/pages/About/About.tsx b/frontend/src/pages/About/About.tsx
new file mode 100644
index 0000000..7802d75
--- /dev/null
+++ b/frontend/src/pages/About/About.tsx
@@ -0,0 +1,36 @@
+import React from "react";
+import ReactMarkdown from "react-markdown";
+import { Helmet } from "react-helmet";
+
+const About: React.FC = () => {
+  const [aboutText, setAboutText] = React.useState<string>("");
+
+  React.useEffect(() => {
+    const fetchReadme = async () => {
+      try {
+        const response = await fetch(
+          "https://raw.githubusercontent.com/pektezol/lphub/main/README.md"
+        );
+        if (!response.ok) {
+          throw new Error("Failed to fetch README");
+        }
+        const readmeText = await response.text();
+        setAboutText(readmeText);
+      } catch (error) {
+        console.error("Error fetching README:", error);
+      }
+    };
+    fetchReadme();
+  }, []);
+
+  return (
+    <div className="ml-16 p-8 text-foreground font-[--font-barlow-semicondensed-regular] prose prose-invert max-w-none">
+      <Helmet>
+        <title>LPHUB | About</title>
+      </Helmet>
+      <ReactMarkdown className={"overflow-auto"}>{aboutText}</ReactMarkdown>
+    </div>
+  );
+};
+
+export default About;
-- 
cgit v1.2.3

