Refactor Welcome page UI and update interaction flow.

Simplified the Welcome page layout and styling for improved readability and design consistency. Replaced OAuth login button with a contextual action button directing users based on platform (`Download OpenHuman` or `Continue`). Removed unused dependencies and cleaned up the `package.json` file.

package.json

@@ -114,6 +114,5 @@
     "vite": "^7.0.4",
     "vite-plugin-node-polyfills": "^0.25.0",
     "vitest": "^4.0.18"
-  },
-  "packageManager": "pnpm@10.27.0+sha512.72d699da16b1179c14ba9e64dc71c9a40988cbdc65c264cb0e489db7de917f20dcf4d64d8723625f2969ba52d4b7e2a1170682d9ac2a5dcaeaab732b7e16f04a"
+  }
 }

src/pages/Welcome.tsx

@@ -1,16 +1,22 @@
-import OAuthProviderButton from '../components/oauth/OAuthProviderButton';
-import { getProviderConfig } from '../components/oauth/providerConfigs';
+import { useNavigate } from 'react-router-dom';
+
 import RotatingTetrahedronCanvas from '../components/RotatingTetrahedronCanvas';
 
-const googleProvider = getProviderConfig('google');
+interface WelcomeProps {
+  isWeb: boolean;
+}
+
+const Welcome = ({ isWeb }: WelcomeProps) => {
+  const navigate = useNavigate();
 
-const Welcome = () => {
   return (
-    <div className="min-h-full w-full bg-[#090b12] px-4 py-6 md:px-10 md:py-10">
-      <div className="mx-auto grid w-full grid-rows-[1fr_auto]   text-white">
-        <section className="relative grid place-items-center px-6 py-14">
-          <div className="relative z-10 flex w-full flex-col items-center gap-7 text-center">
-            <div className="size-[150px] shrink-0">
+    <div className="h-full w-full bg-[#090b12]">
+      <div className="mx-auto grid h-full w-full max-w-5xl border border-[#24293d] bg-[#0b0f18] text-white">
+        <section className="relative grid place-items-center px-6">
+          <div className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_45%,rgba(127,90,240,0.14),transparent_55%)]" />
+
+          <div className="relative z-10 flex w-full max-w-2xl flex-col items-center gap-7 text-center">
+            <div className="h-52 w-52 md:h-60 md:w-60">
               <RotatingTetrahedronCanvas />
             </div>
 
@@ -18,12 +24,17 @@ const Welcome = () => {
               OpenHuman
             </h1>
 
-            <p className="text-sm text-[#8e96b8] md:text-base">
+            <p className="max-w-xl text-sm text-[#8e96b8] md:text-base">
               Your AI superhuman for personal and business life.
             </p>
 
-            <div className="flex w-full max-w-sm flex-col items-stretch">
-              {googleProvider ? <OAuthProviderButton provider={googleProvider} /> : null}
+            <div className="flex flex-wrap items-center justify-center gap-3">
+              <button
+                className="border border-[#3d2f68] bg-[#201732] px-5 py-2 text-sm font-medium tracking-wide text-[#d4c8ff] transition-colors hover:bg-[#2a1d44]"
+                type="button"
+                onClick={() => navigate('/login')}>
+                {isWeb ? 'Download OpenHuman' : 'Continue'}
+              </button>
             </div>
           </div>
         </section>