Fix/hero description

packages/akeru-frontend/app/components/layout/header/header.tsx

@@ -8,12 +8,12 @@ function Header() {
     <header className="w-full mx-auto py-5">
       <nav className="flex justify-between items-center">
         <div className="w-full">
-          <a
-            className="bg-gradient-to-b w-fit from-green-300 via-green-300 to-blue-300 text-transparent bg-clip-text font-extrabold text-2xl tracking-wider"
-            href="#"
+          <Link
+            className="bg-gradient-to-r w-fit from-green-300 via-green-300 to-blue-300 animate-text text-transparent bg-clip-text font-extrabold text-2xl md:text-3xl tracking-wider"
+            href="/"
           >
             AKERU
-          </a>
+          </Link>
         </div>
         <div className="hidden md:block">
           <ul className="flex gap-5 items-center">
@@ -27,7 +27,6 @@ function Header() {
             ))}
             <div className="h-5 w-px bg-white" />
             <Link href="https://github.com/GuiBibeau/akeru" target="_blank">
-              {" "}
               <FaGithub className="w-5 h-5 cursor-pointer hover:text-green-300 duration-100 " />
             </Link>
           </ul>

packages/akeru-frontend/app/components/sections/form-section.tsx

@@ -10,7 +10,6 @@ const initialState = {
 
 function FormSection() {
   const [state, formAction] = useFormState(handleSubmit, initialState);
-
   return (
     <section className="text-center mt-10 md:mt-32">
       <Form formAction={formAction} />

packages/akeru-frontend/app/components/sections/hero-section.tsx

@@ -5,8 +5,8 @@ function HeroSection() {
         The best API to setup your AI Project{" "}
       </h2>
       <p className="font-montserrat mt-3 text-base font-medium opacity-70">
-        Lorem ipsum dolor sit amet consectetur. Turpis pellentesque praesent
-        mattis a nisl augue. Ipsum nullam at facilisis tortor. Feugiat{" "}
+        Open-source AI platform built on the cutting edge of decentralization.
+        Akeru.ai offers transparent, safe, and highly available AI capabilities.
       </p>
     </section>
   );

packages/akeru-frontend/tailwind.config.ts

@@ -8,6 +8,21 @@ const config: Config = {
   ],
   theme: {
     extend: {
+      animation: {
+        text: "text 5s ease infinite",
+      },
+      keyframes: {
+        text: {
+          "0%, 100%": {
+            "background-size": "200% 200%",
+            "background-position": "left center",
+          },
+          "50%": {
+            "background-size": "200% 200%",
+            "background-position": "right center",
+          },
+        },
+      },
       colors: {
         textHover: "#3dff8b",
         buttonBg: "#074707",