Merge pull request #74 from GuiBibeau/chore/page-meta-and-form

chore: add page meta and bring form onto main page
AkeruAI · Apr 18, 2024 · 51b625b · 51b625b
2 parents d526015 + 5fa6c19
commit 51b625b
Show file tree

Hide file tree

Showing 6 changed files with 50 additions and 25 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/packages/akeru-frontend/app/components/section/hero-section/hero-section.tsx b/packages/akeru-frontend/app/components/section/hero-section/hero-section.tsx
@@ -17,27 +17,20 @@ function HeroSection() {
   }, []);
 
   return (
-    <section className="w-2/4 text-center lg:w-3/5 air:w-4/6 md:w-4/5 sm:w-[95%]">
+    <section className="w-2/4 text-center lg:w-3/5 air:w-4/6 md:w-4/5 sm:w-full">
       <div>
-        <h2 className="font-montserrat font-bold text-5xl capitalize m:text-4xl ">
+        <h2 className="font-montserrat font-bold text-5xl capitalize m:text-4xl sm:text-4xl ">
           The best API to setup your AI Project{" "}
         </h2>
         <p className="font-montserrat mt-3  text-base font-medium opacity-70 sm:text-sm">
-          Lorem ipsum dolor sit amet consectetur. Turpis pellentesque praesent mattis a nisl augue. Ipsum
-          nullam at facilisis tortor. Feugiat{" "}
+          Lorem ipsum dolor sit amet consectetur. Turpis pellentesque praesent
+          mattis a nisl augue. Ipsum nullam at facilisis tortor. Feugiat{" "}
         </p>
       </div>
-      <button
-        onClick={handleWaitlistForm}
-        className="mt-5 w-full max-w-xs font-montserrat text-sm lg:bg-green-900 bg-green-950 py-3 rounded font-medium hover:bg-green-600 shadow-green-950 shadow-md hover:shadow-green-950 hover:shadow-xl duration-200 sm:w-full">
-        Try Akeru
-      </button>
 
-      {showForm && (
-        <div className="fixed top-0 z-10 h-screen bg-black w-full left-0 flex items-center justify-center bg-opacity-20 backdrop-blur-sm">
-          <Form formAction={formAction} setShowForm={setShowForm} />
-        </div>
-      )}
+      <div className="mt-5">
+        <Form formAction={formAction} setShowForm={setShowForm} />
+      </div>
     </section>
   );
 }

diff --git a/packages/akeru-frontend/app/components/ui/form/Form.tsx b/packages/akeru-frontend/app/components/ui/form/Form.tsx
@@ -10,16 +10,10 @@ type FormProps = {
 function Form({ formAction, setShowForm }: FormProps) {
   return (
     <form
-      className="w-full max-w-lg bg-white px-6 rounded-xl h-fit pb-10 pt-5 flex flex-col gap-2.5"
+      className="w-full  px-6 rounded-xl h-fit pb-10 pt-5 flex flex-col gap-2.5"
       action={formAction}
     >
-      <div className="flex justify-end">
-        <IoMdClose
-          onClick={() => setShowForm(false)}
-          className="text-2xl text-gray-400 cursor-pointer"
-        />
-      </div>
-      <span className="text-gray-500 text-opacity-90 text-left">
+      <span className=" text-center text-opacity-90 sm:text-sm">
         Stay in the loop! Enter your email address to receive an exclusive
         notification when Akeru goes live.
       </span>

diff --git a/packages/akeru-frontend/app/layout.tsx b/packages/akeru-frontend/app/layout.tsx
@@ -13,8 +13,19 @@ const montserrat = Montserrat({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  robots: {
+    index: true,
+    follow: true,
+    "max-snippet": -1,
+    "max-video-preview": -1,
+    "max-image-preview": "large",
+  },
+
+  keywords: "Open source AI, Decentralized AI, AI, Assistant AI",
+  twitter: {
+    card: "summary_large_image",
+  },
+  metadataBase: new URL("https://akeru.ai"),
 };
 
 export default function RootLayout({

diff --git a/packages/akeru-frontend/app/page.tsx b/packages/akeru-frontend/app/page.tsx
@@ -1,10 +1,27 @@
+import { Metadata } from "next";
 import HeroSection from "./components/section/hero-section/hero-section";
 import HomeCard from "./components/ui/home-card/home-card";
 
+export const metadata: Metadata = {
+  title: "Akeru AI - Home",
+  description: "The best API to setup your AI Project",
+  openGraph: {
+    url: "/",
+    type: "website",
+    locale: "en_US",
+    images: "/layout/og-image.png",
+    title: "Akeru AI - Home",
+    siteName: "The best API to setup your AI Project",
+  },
+  alternates: {
+    canonical: "/",
+  },
+};
+
 export default function Home() {
   return (
     <main className="min-h-screen">
-      <div className="flex items-center justify-center mt-40 ">
+      <div className="flex items-center justify-center mt-40 air:mt-20 sm:mt-10 ">
         <HeroSection />
       </div>
 

diff --git a/packages/akeru-server/src/core/application/ports/returnValues.ts b/packages/akeru-server/src/core/application/ports/returnValues.ts
@@ -2,3 +2,13 @@ export const UNAUTHORIZED_MISSING_TOKEN = {
   message: "Unauthorized: Missing token",
   code: 401,
 };
+
+export const UNAVAILABLE_BODY = {
+  context: {
+    body: {
+      name: "",
+      model: "gpt-4",
+      instruction: "",
+    },
+  },
+};