save new login screen

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "/workspaces/assessment-model/node_modules/.bin/next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -57,6 +57,7 @@
     "next-auth": "^4.22.1",
     "next-axiom": "^1.9.2",
     "next-themes": "^0.3.0",
+    "nodemailer": "^7.0.11",
     "pg": "^8.11.1",
     "postcss": "^8.5.6",
     "react": "18.3.1",

src/app/components/signin/EmailSignInButton.tsx

@@ -52,7 +52,7 @@ export default function EmailSignInButton({
           type="email"
           value={email}
           onChange={handleEmailChange}
-          placeholder="Enter your email"
+          placeholder="Enter email"
           required
           className="flex-1 h-10 rounded-lg border-gray-300"
         />

src/app/page.tsx

@@ -39,10 +39,10 @@ export default async function Home(props: {
             width={300}
           />
           <h1 className="text-4xl font-medium text-brandblue mb-8 text-center">
-            Sign in to your account
+            Your portfolios, managed easily.
           </h1>
           <div className="text-brandmidblue text-lg mb-4">
-            Start managing your portfolios
+            We’ll email you a login link — no password required.
           </div>
 
           <div className="mb-2 min-w-[19rem]">
@@ -50,7 +50,7 @@ export default async function Home(props: {
             <EmailSignInButton error={error} />
           </div>
           <div className="text-md"> Sign in with a Social Account</div>
-          <GoogleSignInButton />
+            <GoogleSignInButton />
         </div>
       </section>
     </div>