change bg and display logo, version and copy rights

FalkorDB · Jan 23, 2025 · 9bd266a · 9bd266a
1 parent d192e0f
commit 9bd266a
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 10 deletions.
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
@@ -97,7 +97,7 @@ export default function Header({ onSetGraphName }: Props) {
                     </NavigationMenu>
                 </div>
             </div>
-            <div className="h-2 Top" />
+            <div className="h-2 Gradient" />
         </div>
     )
 }
diff --git a/app/globals.css b/app/globals.css
@@ -60,11 +60,7 @@
         @apply h-full w-full flex flex-col bg-background;
     }
 
-    .LandingPage {
-        background: linear-gradient(180deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
-    }
-
-    .Top {
+    .Gradient {
         background: linear-gradient(90deg, #EC806C 0%, #B66EBD 43.41%, #7568F2 100%);
     }
 

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -24,7 +24,7 @@ export default function RootLayout({
   // caused by mismatched client/server content caused by next-themes
   return (
     <html className="w-screen h-screen" lang="en" suppressHydrationWarning>
-      <body className={`h-full LandingPage ${inter.className}`}>
+      <body className={`h-full bg-foreground ${inter.className}`}>
         <GTM />
         <NextAuthProvider>{children}</NextAuthProvider>
         <Toaster />

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,13 +1,21 @@
 "use client";
 
 import Spinning from "@/app/components/ui/spinning";
+import Image from "next/image";
+import pkg from '@/package.json';
 
 export default function Home() {
   return (
-    <div className="h-full LandingPage">
-      <main className="h-full flex items-center justify-center">
-        <Spinning/>
+    <div className="h-full bg-foreground flex flex-col gap-4">
+      <main className="grow flex flex-col gap-8 items-center justify-center">
+        <Image priority src="/BrowserLogo.svg" alt="FalkorDB Logo" width={400} height={100} />
+        <Spinning />
       </main>
+      <div className="flex flex-col gap-8 justify-center items-center">
+        <p>Version: {`{${pkg.version}}`}</p>
+        <p className="text-sm">All Rights Reserved © 2024 - {new Date().getFullYear()} falkordb.com</p>
+      </div>
+      <div className="h-5 Gradient" />
     </div>
   )
 }