Fix button spacing and alignment for Instagram/LinkedIn links

- Wrap community buttons in flex container with centered alignment and gap
- Standardize button text to "Join us on Instagram/LinkedIn" across pages

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

Author: plus-hi

src/pages/about.js

@@ -32,22 +32,24 @@ 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.linkedin.com/company/techladies"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                Join us on LinkedIn
-              </a>
+              <div className="d-flex flex-wrap gap-2">
+                <a
+                  className="btn btn-primary"
+                  href="https://www.instagram.com/techladiescode/"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Join us on Instagram
+                </a>
+                <a
+                  className="btn btn-primary"
+                  href="https://www.linkedin.com/company/techladies"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Join us on LinkedIn
+                </a>
+              </div>
             </div>
           </div>
         </div>

src/pages/our-programs.js

@@ -182,22 +182,24 @@ 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.linkedin.com/company/techladies"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Join us on LinkedIn
-            </a>
+            <div className="d-flex flex-wrap justify-content-center gap-2">
+              <a
+                className="btn btn-primary"
+                href="https://www.instagram.com/techladiescode/"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Join us on Instagram
+              </a>
+              <a
+                className="btn btn-primary"
+                href="https://www.linkedin.com/company/techladies"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Join us on LinkedIn
+              </a>
+            </div>
           </div>
         </div>
       </div>