From e564b57cc2c991c3f78fc85d2b58936b9841434b Mon Sep 17 00:00:00 2001
From: khondokartowsif171 <proyojonplus26@gmail.com>
Date: Mon, 25 May 2026 15:55:53 +0600
Subject: [PATCH] feat: show demo & repo links in expanded service cards

Live Demo button appears when svc.demo exists,
View Repo button appears when svc.repo exists.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages.jsx | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/pages.jsx b/src/pages.jsx
index 83cf41a..9bcdcf5 100644
--- a/src/pages.jsx
+++ b/src/pages.jsx
@@ -142,8 +142,57 @@ const ServicesPage = ({ lang }) => {
                               ))}
                             </div>
                           </div>
+
+                          {/* Demo / Repo links */}
+                          {(svc.demo || svc.repo) && (
+                            <div style={{ display: "flex", gap: 8, flexWrap: "wrap" }}>
+                              {svc.demo && (
+                                <a
+                                  href={svc.demo}
+                                  target="_blank"
+                                  rel="noopener noreferrer"
+                                  onClick={e => e.stopPropagation()}
+                                  style={{
+                                    display: "inline-flex", alignItems: "center", gap: 6,
+                                    padding: "8px 16px",
+                                    background: c.bg, border: `1px solid ${c.border}`,
+                                    borderRadius: 8, fontSize: 13, fontWeight: 500,
+                                    color: c.text, textDecoration: "none",
+                                    fontFamily: "var(--font-mono)",
+                                  }}
+                                >
+                                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                                    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15,3 21,3 21,9"/><line x1="10" y1="14" x2="21" y2="3"/>
+                                  </svg>
+                                  Live Demo
+                                </a>
+                              )}
+                              {svc.repo && (
+                                <a
+                                  href={svc.repo}
+                                  target="_blank"
+                                  rel="noopener noreferrer"
+                                  onClick={e => e.stopPropagation()}
+                                  style={{
+                                    display: "inline-flex", alignItems: "center", gap: 6,
+                                    padding: "8px 16px",
+                                    background: "var(--bg-elev)", border: "1px solid var(--line)",
+                                    borderRadius: 8, fontSize: 13, fontWeight: 500,
+                                    color: "var(--text-dim)", textDecoration: "none",
+                                    fontFamily: "var(--font-mono)",
+                                  }}
+                                >
+                                  <svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor">
+                                    <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"/>
+                                  </svg>
+                                  View Repo
+                                </a>
+                              )}
+                            </div>
+                          )}
+
                           <a
-                            href="mailto:hello@auraajenticai.cloud?subject=Enquiry: {svc.name}"
+                            href={`mailto:hello@auraajenticai.cloud?subject=Enquiry: ${svc.name}`}
                             onClick={e => e.stopPropagation()}
                             style={{
                               alignSelf: "flex-start",