From 115c2219598306c2861902856aeeec983a47810f Mon Sep 17 00:00:00 2001
From: Jaxcoder <codenamejason@outlook.com>
Date: Fri, 7 Jun 2024 14:18:24 -0400
Subject: [PATCH] update unconnected landing

---
 .../src/features/common/Auth.tsx              | 30 +++++++------------
 .../src/features/common/Navbar.tsx            |  1 +
 packages/round-manager/src/index.tsx          | 11 ++++++-
 3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/packages/round-manager/src/features/common/Auth.tsx b/packages/round-manager/src/features/common/Auth.tsx
index 6bdc76531..3fc9869ff 100644
--- 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
index 8ffaad294..c53cfb948 100644
--- 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
index a2b0274d6..e65e7545e 100644
--- 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}>