Added links

I wanna make the gradient change color when you scroll but I am gonna do
that later

src/app/globals.css

@@ -8,18 +8,31 @@ h1, h2, h3, p {
   @apply text-white;
 }
 
+.top-side-text {
+  @apply text-4xl ml-5 mt-100 mb-5;
+}
+
 .side-text {
-  @apply text-4xl ml-5 mt-7 mb-0;
+  @apply text-4xl ml-5 mt-200 mb-5;
+}
+
+.side-text-nm {
+  @apply text-4xl ml-5 mt-0 mb-0;
 }
 
 .side-gradient {
-  @apply w-screen h-screen flex flex-col justify-center bg-gradient-to-r from-purple-900 via-black to-black;
+  @apply bg-gradient-to-r from-purple-900 via-black to-black;
+  @apply relative z-10 pt-20 pb-40 w-screen;
 }
 
 .logo-container {
-  @apply fixed right-100 top-1/2 -translate-y-1/2;
+  @apply fixed right-100 top-1/2 -translate-y-1/2 z-20;
 }
 
 .logo-container div {
   @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
+}
+
+a {
+  @apply text-[rgb(255,0,255)];
 }

src/app/page.tsx

@@ -8,10 +8,19 @@ export default function Home () {
   return (
     <>
       <div className='side-gradient'>
-        <h1 className='side-text'>Code Fly is a suite of IDE&apos;s</h1>
+        <h1 className='top-side-text'>Code Fly is a suite of IDE&apos;s</h1>
-        <h1 className='side-text'>
+        <h1 className='side-text-nm'>
           Made as a free alternative to the jetbrains suite
         </h1>
+
+        <h1 className='side-text'>
+          <a href="https://github.com/Code-Fly-org">Github</a>
+        </h1>
+        <h1 className='side-text-nm'>
+          <a href="https://discord.gg/7Y2vaedb3u">Discord</a>
+        </h1>
+
+        <div className='h-70'></div>
       </div>
 
       <div className='logo-container'>