update unconnected landing

gitcoinco · Jun 7, 2024 · 115c221 · 115c221
1 parent 396d351
commit 115c221
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 20 deletions.
diff --git a/packages/round-manager/src/features/common/Auth.tsx b/packages/round-manager/src/features/common/Auth.tsx
@@ -25,31 +25,23 @@ export default function Auth() {
     provider,
   };
 
+  // todo: add background image
   return !isConnected ? (
     <div>
       <Navbar programCta={false} />
       <main className="pt-4">
         {isConnecting ? (
-          <Spinner text="Connecting Wallet" />
+          <Spinner text="Logging you in..." />
         ) : (
-          <div className="grid grid-rows-3 grid-flow-col bg-white">
-            <div className="row-span-2"></div>
-            <div className="row-span-5">
-              <div className="my-[15rem]">
-                <LandingLogo className="block w-auto mb-6 ml-2"></LandingLogo>
-                <h1 className="mb-6">Manager</h1>
-                <p className="text-2xl mt-2 mb-6 text-grey-400">
-                  As a round operator you can manage high-impact
-                  <br />
-                  grant programs and distribute funds across different
-                  <br />
-                  rounds and voting mechanisms.
-                </p>
-                <ConnectButton />
-              </div>
-            </div>
-            <div className="row-span-5">
-              <LandingBanner className="align-middle float-right"></LandingBanner>
+          <div className="flex flex-col bg-white">
+            <div className="my-[15rem] sm:ml-4 md:ml-8 lg:ml-20">
+              <span className="mb-6 text-6xl">Fund the future.</span>
+              <p className="text-2xl mt-2 mb-6 text-grey-400">
+                Customize your own grant rounds to support
+                <br />
+                innovative projects and streamline fund allocation.
+              </p>
+              <ConnectButton label="Log In" />
             </div>
           </div>
         )}

diff --git a/packages/round-manager/src/features/common/Navbar.tsx b/packages/round-manager/src/features/common/Navbar.tsx
@@ -57,6 +57,7 @@ export default function Navbar({ programCta: programCta = true }: NavbarProps) {
                     largeScreen: "full",
                   }}
                   chainStatus={{ smallScreen: "none", largeScreen: "none" }}
+                  label="Log in"
                 />
               </div>
             </div>

diff --git a/packages/round-manager/src/index.tsx b/packages/round-manager/src/index.tsx
@@ -74,7 +74,16 @@ root.render(
       <QueryClientProvider client={queryClient}>
         <RainbowKitProvider
           coolMode
-          theme={themeMode.toString() === "dark" ? darkTheme() : lightTheme()}
+          theme={
+            themeMode.toString() === "dark"
+              ? darkTheme()
+              : lightTheme({
+                  ...lightTheme(),
+                  accentColor: "#FFEFBE",
+                  accentColorForeground: "#000",
+                  fontStack: "system"
+                })
+          }
         >
           <AlloWrapper>
             <DataLayerProvider client={dataLayerConfig}>