Personal Notes on Every Lesson
+Write and save your own notes directly on each lesson — up to 500 notes across all study tracks.
+diff --git a/src/App.css b/src/App.css
index 204cbd1..29179d0 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1048,6 +1048,51 @@
padding: 0.5rem 0 0.25rem;
}
+.section-study-signup-why {
+ padding: 1.5rem 0 2.5rem;
+}
+
+.study-signup-why-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.9rem;
+ margin-top: 1.5rem;
+}
+
+.study-signup-why-card {
+ padding: 1.25rem 1.15rem;
+ border-radius: 12px;
+ border: 1px solid rgba(201, 168, 76, 0.18);
+ background: rgba(14, 14, 12, 0.9);
+}
+
+.study-signup-why-icon {
+ margin: 0 0 0.4rem;
+ font-size: 1.5rem;
+ line-height: 1;
+}
+
+.study-signup-why-card h3 {
+ margin: 0 0 0.4rem;
+ font-family: var(--brand-font-heading);
+ color: var(--brand-warm-white);
+ font-size: 1.05rem;
+}
+
+.study-signup-why-card p {
+ margin: 0;
+ color: var(--brand-muted);
+ line-height: 1.55;
+ font-size: 0.95rem;
+}
+
+.study-auth-why {
+ margin: 0 0 0.85rem;
+ font-size: 0.88rem;
+ color: var(--brand-muted);
+ line-height: 1.5;
+}
+
.study-hub-flow-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -1423,6 +1468,10 @@
grid-template-columns: 1fr;
}
+ .study-signup-why-grid {
+ grid-template-columns: 1fr;
+ }
+
.study-module-row {
grid-template-columns: 1fr;
}
diff --git a/src/colossiansStudy.tsx b/src/colossiansStudy.tsx
index 579c18a..d9322f3 100644
--- a/src/colossiansStudy.tsx
+++ b/src/colossiansStudy.tsx
@@ -203,6 +203,37 @@ export function StudyLandingPage({ content }: Props) {
)}
+
+ Free Student Account Write and save your own notes directly on each lesson — up to 500 notes across all study tracks. Each note holds up to 12,000 characters — roughly 2,000 words — so you can write as much as you need. Your notes are tied to your account, not your device. Nobody else can read them — only you. Just pick a username and password. Free forever. Stay signed in for 30 days automatically.Why Sign Up?
+ Personal Notes on Every Lesson
+ Space to Go Deep
+ Private to You
+ Instant — No Email Required
+
Checking sign-in status...
} {auth.checked && !auth.authenticated && (Create a free account to save notes for this lesson. No email needed — just a username and password.
setUsernameInput(e.target.value)} placeholder="yourname" autoComplete="username" />