Merge pull request #100 from plus-hi/master

Programs page updates: events section, Luma links, hero copy, docs cleanup

Author: plus-hi

.github/workflows/deploy.yml

@@ -3,7 +3,7 @@ name: Deploy to GitHub Pages
 on:
   push:
     branches:
-      - main-update
+      - feature/programs-page-update
       - master
 
 permissions:

.gitignore

@@ -35,3 +35,6 @@ yarn-error.log*
 
 # intellij
 .idea
+
+# windows zone identifier files
+*:Zone.Identifier

docs/github-pages-migration.txt

@@ -0,0 +1,47 @@
+TechLadies Website — GitHub Pages Migration Update
+
+A PR has been created to master: https://github.com/TechLadies/website/pull/98
+
+Note: A deployment from the main-update branch was attempted but GitHub Pages on this repo restricts deployments to the master branch only. A merge to master is required to trigger the GitHub Pages deployment.
+
+What happens on merge:
+- A GitHub Pages deployment should be triggered (workflow has been set up and tested on staging).
+- If the repo is still connected to Vercel, a Vercel deployment may also be triggered.
+- The live site at techladies.co should not be affected unless DNS is updated.
+
+---
+
+Steps to switch from Vercel to GitHub Pages
+
+1. Update DNS (at domain registrar)
+
+Remove any existing A records or CNAME pointing to Vercel, then add:
+
+A records (IPv4):
+185.199.108.153
+185.199.109.153
+185.199.110.153
+185.199.111.153
+
+AAAA records (IPv6):
+2606:50c0:8000::153
+2606:50c0:8001::153
+2606:50c0:8002::153
+2606:50c0:8003::153
+
+If using www.techladies.co, also add a CNAME record:
+www → TechLadies.github.io
+
+Reference: https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site
+
+2. Configure custom domain in the repo
+- TechLadies/website → Settings → Pages → Custom domain → enter techladies.co
+- Enable "Enforce HTTPS"
+
+3. (Optional) Disconnect Vercel
+- Vercel dashboard → TechLadies project → Settings → Git → Disconnect
+- This stops unnecessary Vercel builds
+
+Note: DNS changes can take up to 24 hours to propagate.
+
+If the production deployment to Vercel continues to work well, there is no urgency to migrate — the site can remain on Vercel with no changes needed. The GitHub Pages setup has been tested on staging (plus-hi.github.io/techladies-staging) and is available as an option whenever it makes sense to switch.

docs/techladies-2026-overview.pdf

@@ -0,0 +1,45 @@
+import clsx from "clsx"
+
+import styles from "./index.module.scss"
+
+export default function EventCard({ image, title, date, url, status, wide }) {
+  const isUpcoming = status === "upcoming"
+
+  return (
+    <div className={clsx("card", styles.card)}>
+      <div className={clsx("row g-0", wide && "align-items-center")}>
+        <div className={wide ? "col-md-5" : "col-12"}>
+          <img
+            alt={title}
+            className={clsx(styles.poster, !isUpcoming && styles.posterPast)}
+            src={image}
+          />
+        </div>
+        <div className={wide ? "col-md-7" : "col-12"}>
+          <div className={clsx("card-body", !wide && "card-body-sm")}>
+            <span
+              className={clsx(
+                "badge mb-3",
+                isUpcoming ? "bg-purple" : "bg-secondary",
+              )}
+            >
+              {isUpcoming ? "Upcoming" : "Past"}
+            </span>
+            <h4 className="mb-3">{title}</h4>
+            <p className="text-body mb-4">{date}</p>
+            {isUpcoming && (
+              <a
+                className="btn btn-primary"
+                href={url}
+                target="_blank"
+                rel="noreferrer"
+              >
+                Sign up on Luma
+              </a>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

public/events/2026-07-16-build-career-confidence.jpg

@@ -0,0 +1,15 @@
+.card {
+  height: 100%;
+  overflow: hidden;
+}
+
+.poster {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.posterPast {
+  filter: grayscale(0.4);
+  opacity: 0.85;
+}

public/events/2026-08-22-southern-ridges-hike.jpg

@@ -0,0 +1,22 @@
+import prefix from "../utils/prefix"
+
+// Change status to "past" once an event is over — it moves from the Upcoming
+// section near the top of the Programs page to the Past section at the bottom.
+const events = [
+  {
+    status: "upcoming",
+    title: "Saturday Nature Hike: Southern Ridges",
+    date: "Sat, 22 Aug 2026 · 8:30am",
+    image: `${prefix}/events/2026-08-22-southern-ridges-hike.jpg`,
+    url: "https://luma.com/24qkprvm",
+  },
+  {
+    status: "past",
+    title: "Build Your Career With Confidence",
+    date: "Thu, 16 Jul 2026 · 6:30pm",
+    image: `${prefix}/events/2026-07-16-build-career-confidence.jpg`,
+    url: "https://www.meetup.com/women-devs-sg/events/315367903/",
+  },
+]
+
+export default events

src/components/EventCard/index.js

@@ -133,7 +133,7 @@ const ACTION = {
         </div>
         <a
           className="btn btn-primary mb-5"
-          href="https://www.eventbrite.sg/o/techladies-11040976589"
+          href="https://luma.com/user/usr-kXtH2e6ihZuXcEd"
           target="_blank"
           rel="noreferrer"
         >