organised pages, started work on theme

1 files changed, 36 insertions, 0 deletions

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;