refactor(client): project description

huilensolis · Oct 29, 2024 · ee8c911 · ee8c911
1 parent 81fd485
commit ee8c911
Show file tree

Hide file tree

Showing 5 changed files with 113 additions and 115 deletions.
diff --git a/apps/client/public/327shots_so.png b/apps/client/public/327shots_so.png
diff --git a/...ient/public/Leonardo_Diffusion_XL_Design_an_AI_image_generator_prompt_for_2.jpg b/...ient/public/Leonardo_Diffusion_XL_Design_an_AI_image_generator_prompt_for_2.jpg
diff --git a/apps/client/src/app/(landing)/page.tsx b/apps/client/src/app/(landing)/page.tsx
@@ -1,17 +1,16 @@
 import { AuthBtns } from "./auth-btns";
 
 export default function Home() {
-  return (
-    <div className="w-full max-w-2xl">
-      <nav className="w-full items-center justify-end flex gap-2">
-        <AuthBtns />
-      </nav>
-      <article className="flex flex-col w-full items-center justify-center py-80">
-        <h1 className="text-balance text-center text-neutral-700 font-bold text-5xl max-w-2xl w-full">
-          Start taking notes without distractions. focus in writting, not in the
-          tool.
-        </h1>
-      </article>
-    </div>
-  );
+    return (
+        <div className="w-full max-w-5xl">
+            <nav className="w-full items-center justify-end flex gap-2">
+                <AuthBtns />
+            </nav>
+            <article className="flex flex-col w-full items-center justify-center py-80">
+                <h1 className="text-balance text-center text-neutral-700 font-bold text-5xl max-w-2xl w-full">
+                    Rich and encrypted web document editor.
+                </h1>
+            </article>
+        </div>
+    );
 }
diff --git a/apps/client/src/app/layout.tsx b/apps/client/src/app/layout.tsx
@@ -6,88 +6,88 @@ import { ServerStatus } from "@/components/feature/server-status";
 import { Toaster } from "@/components/feature/sonner";
 
 const satoshi = localFont({
-  src: [
-    {
-      path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Light.woff2",
-      weight: "300",
-      style: "normal",
-    },
-    {
-      path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-LightItalic.woff2",
-      weight: "300",
-      style: "italic",
-    },
-    {
-      path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Regular.woff2",
-      weight: "400",
-      style: "normal",
-    },
-    {
-      path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Italic.woff2",
-      weight: "400",
-      style: "italic",
-    },
-    {
-      path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Medium.woff2",
-      weight: "600",
-      style: "normal",
-    },
-    {
-      path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-MediumItalic.woff2",
-      weight: "600",
-      style: "italic",
-    },
-    {
-      path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Bold.woff2",
-      weight: "800",
-      style: "normal",
-    },
-    {
-      path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-BoldItalic.woff2",
-      weight: "800",
-      style: "italic",
-    },
-  ],
+    src: [
+        {
+            path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Light.woff2",
+            weight: "300",
+            style: "normal",
+        },
+        {
+            path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-LightItalic.woff2",
+            weight: "300",
+            style: "italic",
+        },
+        {
+            path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Regular.woff2",
+            weight: "400",
+            style: "normal",
+        },
+        {
+            path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Italic.woff2",
+            weight: "400",
+            style: "italic",
+        },
+        {
+            path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Medium.woff2",
+            weight: "600",
+            style: "normal",
+        },
+        {
+            path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-MediumItalic.woff2",
+            weight: "600",
+            style: "italic",
+        },
+        {
+            path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Bold.woff2",
+            weight: "800",
+            style: "normal",
+        },
+        {
+            path: "../../public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-BoldItalic.woff2",
+            weight: "800",
+            style: "italic",
+        },
+    ],
 });
 
 const projectURL =
-  process.env.NODE_ENV === "production"
-    ? `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`
-    : "https://localhost:3000";
+    process.env.NODE_ENV === "production"
+        ? `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`
+        : "https://localhost:3000";
 
 export const metadata: Metadata = {
-  title: "Memoir",
-  description: "Text editor - focus in writting, not in the tools",
-  metadataBase: new URL(projectURL),
-  openGraph: {
-    title: "Memoir",
-    description: "Text editor - focus in writting, not in the tools",
-    images: ["/"],
-    type: "website",
-    locale: "en-US",
-  },
-  twitter: {
     title: "Memoir",
-    description: "Text editor - focus in writting, not in the tools",
-    images: ["/"],
-    card: "summary_large_image",
-  },
+    description: "Rich and encrypted web document editor.",
+    metadataBase: new URL(projectURL),
+    openGraph: {
+        title: "Memoir",
+        description: "Rich and encrypted web document editor.",
+        images: ["/"],
+        type: "website",
+        locale: "en-US",
+    },
+    twitter: {
+        title: "Memoir",
+        description: "Rich and encrypted web document editor.",
+        images: ["/"],
+        card: "summary_large_image",
+    },
 };
 
 export default function RootLayout({
-  children,
+    children,
 }: {
-  children: React.ReactNode;
+    children: React.ReactNode;
 }) {
-  return (
-    <html lang="en">
-      <body
-        className={`${satoshi.className} bg-neutral-50 flex flex-col items-center justify-center `}
-      >
-        {children}
-        <Toaster />
-        <ServerStatus />
-      </body>
-    </html>
-  );
+    return (
+        <html lang="en">
+            <body
+                className={`${satoshi.className} bg-neutral-50 flex flex-col items-center justify-center `}
+            >
+                {children}
+                <Toaster />
+                <ServerStatus />
+            </body>
+        </html>
+    );
 }
diff --git a/apps/client/src/app/opengraph-image.tsx b/apps/client/src/app/opengraph-image.tsx
@@ -6,42 +6,41 @@ export const runtime = "edge";
 // Image metadata
 export const alt = "About Memoir";
 export const size = {
-  width: 1200,
-  height: 630,
+    width: 1200,
+    height: 630,
 };
 
 export const contentType = "image/png";
 
 // Image generation
 export default async function Image() {
-  // Font
-  const SatoshiSemiBold = fetch(
-    new URL(
-      "/public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Medium.ttf",
-      import.meta.url,
-    ),
-  ).then((res) => res.arrayBuffer());
+    // Font
+    const SatoshiSemiBold = fetch(
+        new URL(
+            "/public/fonts/satoshi/Fonts/WEB/fonts/Satoshi-Medium.ttf",
+            import.meta.url,
+        ),
+    ).then((res) => res.arrayBuffer());
 
-  return new ImageResponse(
-    (
-      // ImageResponse JSX element
-      <div tw="bg-neutral-50 w-full h-full flex items-center justify-center flex-col">
-        <h1 tw="text-neutral-900 text-6xl max-w-2xl text-center text-balance">
-          Start taking notes without distractions. focus in writting, not in the
-          tool.
-        </h1>
-      </div>
-    ),
-    {
-      ...size,
-      fonts: [
+    return new ImageResponse(
+        (
+            // ImageResponse JSX element
+            <div tw="bg-neutral-50 w-full h-full flex items-center justify-center flex-col">
+                <h1 tw="text-neutral-900 text-6xl max-w-2xl text-center text-balance">
+                    Rich and encrypted web document editor.
+                </h1>
+            </div>
+        ),
         {
-          name: "Satoshi",
-          data: await SatoshiSemiBold,
-          style: "normal",
-          weight: 600,
+            ...size,
+            fonts: [
+                {
+                    name: "Satoshi",
+                    data: await SatoshiSemiBold,
+                    style: "normal",
+                    weight: 600,
+                },
+            ],
         },
-      ],
-    },
-  );
+    );
 }