docs adjustments

docs/src/css/custom.css

@@ -28,3 +28,18 @@
   --ifm-color-primary-lightest: #84c0ff;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+
+/* Targeting the GitHub link button */
+.navbar__link--github {
+  background-color: #333;
+  color: #fff;
+  padding: 10px;
+  border-radius: 5px;
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.navbar__link--github:hover {
+  background-color: #555;
+  color: #ddd;
+}

docs/src/pages/index.module.css

@@ -3,8 +3,9 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  height: 20rem;
+  height: 40rem;
   text-align: center;
+  background: radial-gradient(rgb(1, 1, 77), black);
 }
 
 .hero img {

docs/src/pages/index.tsx

@@ -13,10 +13,11 @@ function MainHeader() {
     <header className={clsx('hero', styles.hero)}>
       <img src="/img/logo.png" alt="Logo" />
       <h1 className="hero-title">Welcome to LitLyx Docs</h1>
+      <h3 className="hero-title">One-Line Code Lightweight Analytics | AI Powered Analytics Dashboard</h3>
       <Link
         className="button button--secondary button--lg"
         to="/intro">
-        Read Docs 🔥 |  3 min read ⏱️
+        Go To Docs | 1 Min Read
       </Link>
     </header>
   );
@@ -29,7 +30,6 @@ export default function Home(): JSX.Element {
       description="LitLyx offers ultra-fast, real-time analytics and custom events with just one line of code. It seamlessly integrates with over 15 JavaScript/TypeScript frameworks. Designed for developers, it's also accessible to everyone from designers to investors, enhancing your projects with valuable insights.
       ">
       <MainHeader />
-      <HomepageFeatures />
     </Layout>
   );
 }