From bcf13762729e26e1c7339c81d750e9455e41bd59 Mon Sep 17 00:00:00 2001
From: AJ <90976178+ajstrongdev@users.noreply.github.com>
Date: Sat, 24 Aug 2024 15:00:32 +0100
Subject: [PATCH] Upd:

---
 src/components/navbar.jsx       |  4 ++--
 src/components/unicorn/hero.jsx | 18 ++++++++++++++++++
 src/pages/news.jsx              | 16 ----------------
 src/pages/unicorn.jsx           | 11 +++++++++++
 4 files changed, 31 insertions(+), 18 deletions(-)
 create mode 100644 src/components/unicorn/hero.jsx
 delete mode 100644 src/pages/news.jsx
 create mode 100644 src/pages/unicorn.jsx

diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
index 944a705..ef08a98 100644
--- a/src/components/navbar.jsx
+++ b/src/components/navbar.jsx
@@ -30,8 +30,8 @@ const baritems = [
         goto: "News"
     },
     {
-        link: "https://docs.rhinolinux.org",
-        goto: "Documentation"
+        link: "https://wiki.rhinolinux.org",
+        goto: "Wiki"
     },
     {
         link: "/community/",
diff --git a/src/components/unicorn/hero.jsx b/src/components/unicorn/hero.jsx
new file mode 100644
index 0000000..f889a62
--- /dev/null
+++ b/src/components/unicorn/hero.jsx
@@ -0,0 +1,18 @@
+import React from "react";
+
+function Hero() {
+    return(
+        <div className="w-full p-4 lg:p-8">
+            <div className="lg:grid lg:grid-cols-2 lg:gap-4">
+                <div className="flex items-center justify-center">
+                    <h1 className="text-6xl text-center">A desktop perfect for the power user.</h1>
+                </div>
+                <div className="relative overflow-hidden">
+                    <img src="/img/home/image.png" className="w-[150%] lg:w-[200%] object-cover lg:object-left rounded-[0.65em] shadow-lg" />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Hero;
diff --git a/src/pages/news.jsx b/src/pages/news.jsx
deleted file mode 100644
index 38eaa60..0000000
--- a/src/pages/news.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import Menu from "../components/navbar";
-import Hero from '../components/news/hero';
-import Posts from "../components/news/posts";
-import Footer from "../components/footer";
-
-export default function Home() {
-  return (
-    <main>
-      <Menu />
-      <Hero />
-      <Posts />
-      <Footer />
-    </main>
-  );
-}
diff --git a/src/pages/unicorn.jsx b/src/pages/unicorn.jsx
new file mode 100644
index 0000000..57b32db
--- /dev/null
+++ b/src/pages/unicorn.jsx
@@ -0,0 +1,11 @@
+import React from "react";
+import Menu from "../components/navbar";
+import Hero from "../components/unicorn/hero";
+
+export default function Home() {
+    return(
+        <main>
+            <Menu />
+            <Hero />
+    );
+};
\ No newline at end of file