Add "In a gist" and "Skill Based Events" sections to Programs page, update community links to Instagram and LinkedIn

- Extract and add program icons from TL 2026 PDF (techladiesgather, techladieslearn, techladiestry, skill_events)
- Add "In a gist" section with 3 hashtag categories on Programs page
- Add "Skill Based Events" section between Mentorship and Meet/Community
- Replace Facebook community links with Instagram on Programs and About pages
- Add LinkedIn buttons alongside Instagram on both pages
- Update community description text to reference LinkedIn and Instagram

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: plus-hi

public/icons/programs/icon_skill_events.png

@@ -35,8 +35,8 @@ const programs = [
       <>
         Beyond programs and events, TechLadies is a community. Join us online
         for the latest industry news, highlights on awesome women in tech, and
-        get support on your journey in tech on our Facebook group and Facebook
-        page.
+        get support on your journey in tech on our LinkedIn, Instagram and
+        socials.
       </>
     ),
   },

public/icons/programs/icon_techladiesgather.png

@@ -32,13 +32,21 @@ export default function Home() {
                 Our community is for women in tech and women keen in switching
                 careers into tech.
               </p>
+              <a
+                className="btn btn-primary me-2"
+                href="https://www.instagram.com/techladiescode/"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Join our Community on Instagram
+              </a>
               <a
                 className="btn btn-primary"
-                href="https://www.facebook.com/groups/techladiescode/"
+                href="https://www.linkedin.com/company/techladies"
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                Join our Community on Facebook
+                Join us on LinkedIn
               </a>
             </div>
           </div>

public/icons/programs/icon_techladieslearn.png

@@ -2,8 +2,6 @@ import Head from "next/head"
 
 import { useEffect } from "react"
 
-import clsx from "clsx"
-
 import Accordion from "../components/Accordion"
 import Gallery from "../components/Gallery"
 import TestimonialCard from "../components/TestimonialCard"
@@ -51,6 +49,45 @@ export default function Home() {
           </div>
         </div>
       </div>
+      <div className="container py-6">
+        <h2 className="text-center mb-5">In a gist</h2>
+        <div className="row gy-5 text-center">
+          <div className="col-md-4">
+            <img
+              alt="#techladiesgather"
+              className="thumbnail thumbnail-xxl mb-3"
+              src={`${prefix}/icons/programs/icon_techladiesgather.png`}
+            />
+            <h4 className="mb-3">#techladiesgather</h4>
+            <p className="text-body">
+              Networking and support to foster a feeling of community
+            </p>
+          </div>
+          <div className="col-md-4">
+            <img
+              alt="#techladieslearn"
+              className="thumbnail thumbnail-xxl mb-3"
+              src={`${prefix}/icons/programs/icon_techladieslearn.png`}
+            />
+            <h4 className="mb-3">#techladieslearn</h4>
+            <p className="text-body">
+              Peer-to-peer learning, hands-on and soft skills workshops
+            </p>
+          </div>
+          <div className="col-md-4">
+            <img
+              alt="#techladiestry"
+              className="thumbnail thumbnail-xxl mb-3"
+              src={`${prefix}/icons/programs/icon_techladiestry.png`}
+            />
+            <h4 className="mb-3">#techladiestry</h4>
+            <p className="text-body">
+              A wildcard social event - yoga/food/games and all things tech,
+              under the sun!
+            </p>
+          </div>
+        </div>
+      </div>
       <div className="bg-gray">
         <div className="container py-6">
           <div id="mentorship" className="row gy-5">
@@ -90,6 +127,26 @@ export default function Home() {
           </div>
         </div>
       </div>
+      <div className="container py-6 text-center">
+        <div id="skill-events" className="row gy-5 justify-content-center">
+          <div className="col-md-6">
+            <img
+              alt="Skill Based Events"
+              className="thumbnail thumbnail-xl mb-4"
+              src={`${prefix}/icons/programs/icon_skill_events.png`}
+            />
+            <h3 className="mb-4 h4">Skill Based Events</h3>
+            <p className="mb-4">
+              Planned Byte sized events for the community to come together for
+              enhancing soft skills and mentorship
+            </p>
+
+            <button className="btn btn-primary" disabled>
+              Coming Soon!
+            </button>
+          </div>
+        </div>
+      </div>
       <div className="container py-6 text-center">
         <div className="row gy-6">
           <div id="meet" className="col-md-5 offset-md-1">
@@ -125,13 +182,21 @@ export default function Home() {
               online for the latest industry news, highlights on awesome women
               in tech, and get support on your journey in tech.
             </p>
+            <a
+              className="btn btn-primary me-2"
+              href="https://www.instagram.com/techladiescode/"
+              target="_blank"
+              rel="noreferrer"
+            >
+              Join us on Instagram
+            </a>
             <a
               className="btn btn-primary"
-              href="https://www.facebook.com/groups/techladiescode"
+              href="https://www.linkedin.com/company/techladies"
               target="_blank"
               rel="noreferrer"
             >
-              Join us on Facebook
+              Join us on LinkedIn
             </a>
           </div>
         </div>