Merge pull request #64 from SaplingLearn/newsletter

Newsletter

Author: Darkest-Teddy

backend/db/migration_newsletter.sql

@@ -0,0 +1,11 @@
+-- Migration: newsletter_emails table
+-- Stores emails submitted via the newsletter/beta signup modal.
+
+CREATE TABLE IF NOT EXISTS newsletter_emails (
+    id         uuid PRIMARY KEY DEFAULT gen_random_uuid(),
+    email      text NOT NULL UNIQUE,
+    created_at timestamptz NOT NULL DEFAULT now()
+);
+
+-- Index for fast lookup by email
+CREATE INDEX IF NOT EXISTS newsletter_emails_email_idx ON newsletter_emails (email);

backend/main.py

@@ -9,6 +9,7 @@
 from routes import graph, learn, quiz, calendar, social, extract, auth, documents, flashcards, study_guide, feedback, careers, onboarding
 from routes.profile import router as profile_router
 from routes.admin import router as admin_router
+from routes.newsletter import router as newsletter_router
 
 try:
     from recost.frameworks.fastapi import RecostMiddleware
@@ -52,6 +53,7 @@
 app.include_router(onboarding.router,  prefix="/api/onboarding")
 app.include_router(profile_router,     prefix="/api/profile")
 app.include_router(admin_router,       prefix="/api/admin")
+app.include_router(newsletter_router,  prefix="/api/newsletter")
 
 
 @app.get("/api/health")

backend/requirements.txt

@@ -1,4 +1,5 @@
 fastapi
+email-validator
 uvicorn[standard]
 python-multipart
 google-genai

backend/routes/newsletter.py

@@ -0,0 +1,29 @@
+from fastapi import APIRouter, HTTPException
+from pydantic import BaseModel, EmailStr, field_validator
+from db.connection import table
+
+router = APIRouter()
+
+
+class SubscribeRequest(BaseModel):
+    email: EmailStr
+
+    @field_validator('email')
+    @classmethod
+    def require_tld(cls, v: str) -> str:
+        domain = v.split('@')[1]
+        if '.' not in domain:
+            raise ValueError('Email must have a valid domain (e.g. you@example.com)')
+        return v
+
+
+@router.post("/subscribe")
+def subscribe(body: SubscribeRequest):
+    try:
+        table("newsletter_emails").upsert(
+            {"email": body.email},
+            on_conflict="email",
+        )
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+    return {"ok": True}

frontend/src/app/page.tsx

@@ -38,9 +38,16 @@ export default function LandingPage() {
   const [betaEmail, setBetaEmail] = useState('');
   const [betaEmailError, setBetaEmailError] = useState('');
   const [betaSubmitted, setBetaSubmitted] = useState(false);
+  const [betaEverSubmitted, setBetaEverSubmitted] = useState(false);
   const closeModal = useCallback(() => {
     setBetaModalClosing(true);
-    setTimeout(() => { setBetaModalOpen(false); setBetaModalClosing(false); }, 200);
+    setTimeout(() => {
+      setBetaModalOpen(false);
+      setBetaModalClosing(false);
+      setBetaSubmitted(false);
+      setBetaEmail('');
+      setBetaEmailError('');
+    }, 200);
   }, []);
   useEffect(() => {
     if (betaSubmitted) {
@@ -786,11 +793,13 @@ export default function LandingPage() {
               </button>
             </div>
             <button
-              onClick={() => setBetaModalOpen(true)}
+              onClick={() => { setBetaModalOpen(true); if (betaEverSubmitted) setBetaSubmitted(true); }}
               className="liquid-glass-subtle px-10 py-4 rounded-full font-medium text-base tracking-wide transition-all duration-500 hover:scale-[1.02] active:scale-[0.98]"
               style={{
-                background: 'rgba(217,119,6,0.15)',
-                border: '1px solid rgba(217,119,6,0.45)',
+                background: 'rgba(217,119,6,0.35)',
+                backdropFilter: 'blur(12px) saturate(1.45)',
+                WebkitBackdropFilter: 'blur(12px) saturate(1.45)',
+                border: '1px solid rgba(217,119,6,0.55)',
                 color: '#78350F',
               }}
             >
@@ -1161,6 +1170,7 @@ export default function LandingPage() {
                       }
                       setBetaSubmitting(false);
                       setBetaSubmitted(true);
+                      setBetaEverSubmitted(true);
                     }}
                     style={{ marginTop: 'auto', paddingTop: 28 }}
                   >