fix: CTA links to article URL not homepage; 'READ FULL STORY' button with domain underneath

app.py

@@ -76,14 +76,16 @@ async def fetch_article_endpoint(url: str = Form(...)):
 async def carousel_generate(
     url:             str                    = Form(...),
     brand_name:      str                    = Form("ChainStreet"),
-    cta_url:         str                    = Form("chainstreet.io"),
+    cta_url:         str                    = Form(""),
     groq_api_key:    str                    = Form(""),
     logo_file:       Optional[UploadFile]   = File(None),
 ):
     """URL → fetch article → AI 5-slide carousel → PIL images."""
     logo_bytes = (await logo_file.read()) if (logo_file and logo_file.filename) else None
+    # Default CTA to the article URL itself — drives traffic back to the exact piece
+    effective_cta = cta_url.strip() or url.strip()
     jid = _new_job()
-    asyncio.create_task(_carousel_job(jid, url, brand_name, cta_url, groq_api_key, logo_bytes))
+    asyncio.create_task(_carousel_job(jid, url, brand_name, effective_cta, groq_api_key, logo_bytes))
     return {"job_id": jid, "status": "queued"}
 
 async def _carousel_job(jid, url, brand_name, cta_url, api_key, logo_bytes):

frontend/src/components/SocialStudio.jsx

@@ -151,7 +151,7 @@ export default function SocialStudio({ brand, setBrand }) {
 
   // Carousel fields
   const [url,      setUrl]      = useState('')
-  const [ctaUrl,   setCtaUrl]   = useState('chainstreet.io')
+  const [ctaUrl,   setCtaUrl]   = useState('')
 
   // Single-card fields
   const [topic,    setTopic]    = useState('')
@@ -307,12 +307,12 @@ export default function SocialStudio({ brand, setBrand }) {
               <input
                 className="input"
                 type="text"
-                placeholder="chainstreet.io"
+                placeholder={url.trim() || "Leave blank to use article URL"}
                 value={ctaUrl}
                 onChange={e => setCtaUrl(e.target.value)}
                 disabled={loading}
               />
-              <p className="text-xs text-white/30">Shown on the final slide as a branded button</p>
+              <p className="text-xs text-white/30">Leave blank to link back to the article automatically</p>
             </div>
           </>
         )}

services/carousel_service.py

@@ -322,20 +322,32 @@ def _slide_cta(slide, bg_bytes, brand, cta_url, idx, total):
         y2 += 44
 
     # CTA button — gold, centred
-    btn_label = f"→  {(cta_url or 'chainstreet.io').upper()}"
-    btnf = _f(30, bold=True)
-    btw = d.textlength(btn_label, font=btnf)
-    pad_x, pad_y = 48, 18
+    # Extract display domain from cta_url (show "chainstreet.io" even if full URL passed)
+    raw_cta = cta_url or "chainstreet.io"
+    import re as _re
+    domain_match = _re.search(r'(?:https?://)?([^/]+)', raw_cta)
+    display_domain = domain_match.group(1) if domain_match else raw_cta
+    btn_label = f"→  READ FULL STORY"
+    domain_label = display_domain.lower()
+
+    btnf  = _f(30, bold=True)
+    domf  = _f(22, bold=False)
+    btw   = d.textlength(btn_label, font=btnf)
+    pad_x, pad_y = 48, 16
     bx0 = (W - btw - pad_x*2) // 2
-    by0 = max(y2 + 44, H - 200)
-    bx1, by1 = bx0 + btw + pad_x*2, by0 + 64
+    by0 = max(y2 + 36, H - 215)
+    bx1, by1 = bx0 + btw + pad_x*2, by0 + 60
     # Outer glow
     for expand in [10, 6, 3]:
         d.rounded_rectangle([bx0-expand, by0-expand, bx1+expand, by1+expand],
-                             radius=36+expand, fill=(*GOLD, 28))
-    d.rounded_rectangle([bx0, by0, bx1, by1], radius=34, fill=GOLD)
+                             radius=34+expand, fill=(*GOLD, 28))
+    d.rounded_rectangle([bx0, by0, bx1, by1], radius=32, fill=GOLD)
     d.text((bx0 + pad_x, by0 + pad_y), btn_label, font=btnf, fill=BLACK)
 
+    # Domain URL underneath button
+    dtw = d.textlength(domain_label, font=domf)
+    d.text(((W - dtw)//2, by1 + 14), domain_label, font=domf, fill=(*GRAY,))
+
     _num(d, idx, total)
     return _jpeg(img)