Merge pull request #182 from AthennaIO/develop

feat: edit some descriptions

src/components/features.tsx

@@ -24,7 +24,8 @@ const FeatureList: FeatureItem[] = [
     icon: '🌍',
     description: (
       <>
-        Works on Deno, Bun, or Node.js. The same code runs on all platforms.
+        The focus will always be for Node.js, but Athenna also works on Deno and Bun. 
+        The same code runs on all platforms.
       </>
     ),
   },

src/pages/index.module.css

@@ -21,7 +21,7 @@
 }
 
 .clip {
-  background: webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);;
+  background: webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -67,20 +67,16 @@
 }
 
 .heroBanner {
-  padding: 14rem 5rem;
+  padding: 10rem 0;
 }
 
 .heroTitle {
-  font-weight: bold !important;
+  font-weight: bold;
   font-size: 56px;
 }
 
 .heroGradientTitle {
-  font-weight: bold !important;
-  font-size: 56px;
-  background: linear-gradient(135deg, #9580ff 0, #80ffea 100%) !important;
-  -webkit-background-clip: text !important;
-  -webkit-text-fill-color: transparent !important;
+  font-size: 56px !important;
 }
 
 .heroParagraph {

src/pages/index.tsx

@@ -1,17 +1,17 @@
 import React from 'react'
+import clsx from 'clsx'
 import Layout from '@theme/Layout'
 import Link from '@docusaurus/Link'
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
 import styles from './index.module.css'
 import Features from '../components/features'
-import clsx from 'clsx'
 
 function Header() {
   return (
     <header className={styles.heroBanner}>
       <div className={styles.container}>
         <div className={styles.main}>
-          <h1 className={styles.heroGradientTitle}>Athenna</h1>
+          <h1 className={clsx("navbar__title", styles.heroGradientTitle)}>Athenna</h1>
           <h1 className={styles.heroTitle}>Fast, Expressive, Elegant, For Artisans</h1>
           <p className={styles.heroParagraph}>One foundation for multiple applications</p>
           <div className={styles.actions}>