Repository: dora-team/dora.community
Pull request #121: Add Dhruv as Guide and clean-up Join page
Author: login: nathenharvey
Created: 2025-03-18T21:27:02Z | Merged: 2025-03-25T14:56:36Z

* Add a second row for DORA Community Guides
  * Lisa and Dhruv are on the second row of Guides
* Remove cards for community connections and community summit
* Combine mailing list and lean coffee discussions on the same row
* Update Nathen's bio
* formatting updates
* Cleans-up the imports
  * creates two new files that export the relevant components
    * `src/assets/index.ts`
    * `src/components/index.ts`
* Adds tests for the Join page
* Adds comment to the tests for the Home page about why one test is skipped

Fixes #118

Preview URL: https://deploy-preview-121--dora-community.netlify.app/join

Linked issue #118: Add Dhruv as DORA Community Guide
Bio:

Dhruv Agarwal thrives on bringing structure to chaos, building sustainable systems, and scaling high-performing teams. A builder at heart, he has spent the last decade crafting software, leading teams, and driving efficiency in engineering workflows.

Beyond technology, Dhruv is a passionate storyteller, hosting podcasts like The Change Story and The Tech Voyager, where he explores innovation, leadership, and transformation.

As the CEO of MiddlewareHQ, he is on a mission to help engineering teams streamline operations, improve efficiency, and build resilient systems for the future.

Photo options attached.

![Image](https://github.com/user-attachments/assets/4d91d5bf-d00a-40b1-a526-216b96410e36)
![Image](https://github.com/user-attachments/assets/d34f3d5f-936f-434d-8427-f3e67f218510)
![Image](https://github.com/user-attachments/assets/4879b66d-8b21-4711-b1c2-6920cc4f5305)

Diff:
diff --git a/src/assets/DhruvAgarwal.jpg b/src/assets/DhruvAgarwal.jpg
new file mode 100644
index 0000000..aa8bd35
Binary files /dev/null and b/src/assets/DhruvAgarwal.jpg differ
diff --git a/src/assets/index.ts b/src/assets/index.ts
new file mode 100644
index 0000000..10002c1
--- /dev/null
+++ b/src/assets/index.ts
@@ -0,0 +1,8 @@
+export { default as amandaLewisHeadshot } from './amandalewis-headshot.jpg';
+export { default as daveStanke } from './davestanke-headshot.png';
+export { default as denaliLumma } from './DenaliLumma.jpeg';
+export { default as dhruvAgarwal } from './DhruvAgarwal.jpg';
+export { default as lisaCrispin } from './lisa-crispin-headshot.jpg';
+export { default as nathenHarvey } from './nathen-harvey-3000.jpg';
+export { default as saulWilliamson } from './BetsalelWilliamson.jpeg';
+export { default as steveFenton } from './steve.jpg';
diff --git a/src/components/JoinPage.tsx b/src/components/JoinPage.tsx
index 13e5ab5..785110b 100644
--- a/src/components/JoinPage.tsx
+++ b/src/components/JoinPage.tsx
@@ -1,16 +1,23 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
@@ -18,185 +25,250 @@ export const JoinPage = () => {
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem" textAlign="center">
+                <SignUpButton />
+              </Box>
+            </Card>
           </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Summit">
-            <h4>Accelerate your journey with lessons from fellow travelers</h4>
-            <p>
-              DORA studies the culture and capabilities that enable
-              high-performing technology-driven organizations like yours.
-            </p>{" "}
-            <p>
-              Join the inaugural DORA Community Summit to learn, discuss, and
-              collaborate on putting the research findings into practice.
-              Register now by adding the DORA Community Summit ($75) to your
-              DevOps Enterprise Summit registration.
-            </p>
-            <p>
-              <a href="https://www.dora.community/summit">
-                Learn more about the DORA Community Summit
-              </a>
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Lean Coffee Discussions">
+              <p>
+                Community discussions use the{" "}
+                <a href="https://leancoffee.org/">Lean Coffee Format</a>. The
+                goal of these discussions is to provide opportunities for the
+                community to learn, listen, and collaborate. All types of
+                participation is welcome, including active listening.
+              </p>
+              <p>
+                Most sessions start with a guest speaker who's presentation is
+                recorded.{" "}
+                <a href="https://www.youtube.com/@dora-dev">
+                  Watch previous sessions.
+                </a>{" "}
+              </p>
+              <p>
+                Would you like to present at a community discussion? Please
+                email{" "}
+                <a href="emailto:dora-community-events@googlegroups.com">
+                  dora-community-events@googlegroups.com
+                </a>
+              </p>
+            </Card>
           </Grid>
         </Grid>
         <Card title="DORA Community Guides">
-          <Grid container spacing={{ xs: 2, md: 3 }}>
-            <Grid item xs={12} sm={6} md={3}>
+        <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Steve Fenton"
               altText="Steve Fenton"
               image={steveFenton}
-              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-time Microsoft MVP with more than two decades of experience in software delivery. He has written books on TypeScript (Apress, InfoQ), Octopus Deploy, and Web Operations. Steve has worked in the role of Software Engineer, SDET, Development Manager, and Director of Product and Data in a range of startups, SMEs, and enterprises."
+              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-
+              time Microsoft MVP with more than two decades of experience in
+              software delivery. He has written books on TypeScript (Apress,
+              InfoQ), Octopus Deploy, and Web Operations. Steve has worked in
+              the role of Software Engineer, SDET, Development Manager, and
+              Director of Product and Data in a range of startups, SMEs, and
+              enterprises."
               linkedIn="https://www.linkedin.com/in/stevefenton/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Denali Lumma"
               altText="Denali Lumma"
               image={denaliLumma}
-              body="Denali Lumma is a technology executive with over 20 years experience in startup to public offering, small, midsize and global companies supporting teams responsible for customer-facing product development for B2C, B2B, healthcare and life sciences, and infrastructure teams responsible for technical platforms, security, privacy, compliance, corporate IT, quality, reliability, and availability. She has helped to build multiple unicorns as an early engineer at companies like Netflix, 23andMe, Okta, Salesforce, and Uber. Denali serves on the board for Savage Jazz Dance Company, distinguished by its disciplined dancers and instructors, and its dedication to the exploration of jazz music’s range of expression. She is an investor in Steezy, making dance the next big global sport. Denali is Founder and CEO at Doubling, offering technical advisory services to portfolio companies at Y Combinator, Andreessen Horowitz, and other venture capital groups. Denali lives in Los Gatos, California with her husband and two children. "
+              body="Denali Lumma is a technology executive with over 20 years
+              experience in startup to public offering, small, midsize and
+              global companies supporting teams responsible for customer-facing
+              product development for B2C, B2B, healthcare and life sciences,
+              and infrastructure teams responsible for technical platforms,
+              security, privacy, compliance, corporate IT, quality,
+              reliability, and availability. She has helped to build multiple
+              unicorns as an early engineer at companies like Netflix, 23andMe,
+              Okta, Salesforce, and Uber. Denali serves on the board for Savage
+              Jazz Dance Company, distinguished by its disciplined dancers and
+              instructors, and its dedication to the exploration of jazz music's
+              range of expression. She is an investor in Steezy, making dance
+              the next big global sport. Denali is Founder and CEO at Doubling,
+              offering technical advisory services to portfolio companies at Y
+              Combinator, Andreessen Horowitz, and other venture capital
+              groups. Denali lives in Los Gatos, California with her husband and
+              two children. "
               linkedIn="https://www.linkedin.com/in/denali-lumma/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Betsalel (Saul) Williamson"
               altText="Betsalel (Saul) Williamson"
               image={saulWilliamson}
-              body="Betsalel (Saul) Williamson is an Electrical Engineer and has a broad range of experiences in community development and DevOps. He is the owner of Williamson Computing Services, LLC and helps companies implement best practices in DevOps and new product development.
-            He is passionate about helping his peers and projects succeed. Saul has served on the boards of Pittsburgh chapters of PDMA and IEEE where he developed workshops, events, and conducted market research to help students and professionals engage with their local communities.
-            Saul lives with sensory sensitivities and is a disability and LGBT+ advocate. He promotes diversity, equity, and inclusion practices that supply a healthy environment for everyone to learn and grow!
-            Outside of work, Saul enjoys working on software hobby projects, traveling, and playing classical piano.  He lives in Palm Springs, California."
+              body="Betsalel (Saul) Williamson is an Electrical Engineer and has
+              a broad range of experiences in community development and DevOps.
+              He is the owner of Williamson Computing Services, LLC and helps
+              companies implement best practices in DevOps and new product
+              development. He is passionate about helping his peers and projects
+              succeed. Saul has served on the boards of Pittsburgh chapters of
+              PDMA and IEEE where he developed workshops, events, and conducted
+              market research to help students and professionals engage with
+              their local communities. Saul lives with sensory sensitivities and
+              is a disability and LGBT+ advocate. He promotes diversity,
+              equity, and inclusion practices that supply a healthy environment
+              for everyone to learn and grow! Outside of work, Saul enjoys
+              working on software hobby projects, traveling, and playing
+              classical piano.  He lives in Palm Springs, California."
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+          </Grid>
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
+            <Grid item xs={12} sm={6} md={3}>
+              <DoraGuideHighlight
+                title="Lisa Crispin"
+                altText="Lisa Crispin"
+                image={lisaCrispin}
+                body={
+                  <Box>
+                    Lisa Crispin is the co-author, with Janet Gregory, of three
+                    books: Agile Testing Condensed: A Brief Introduction, More
+                    Agile Testing: Learning Journeys for the Whole Team, Agile
+                    Testing: A Practical Guide for Testers and Agile Teams; the
+                    LiveLessons Agile Testing Essentials video course. She and
+                    Janet co-founded the Agile Testing Fellowship, which offers
+                    “Holistic Testing: Strategies for agile teams” live training
+                    course both remotely and in-person. Lisa was voted by her
+                    peers as the Most InfluentialAgile Testing Professional
+                    Person at Agile Testing Days in 2012. She is co-founder with
+                    Janet of Agile Testing Fellowship, Inc. and is happily
+                    available for training and consulting. Please visit{" "}
+                    <a href="https://www.lisacrispin.com" target="_blank">
+                      www.lisacrispin.com
+                    </a>
+                    ,{" "}
+                    <a href="https://www.agiletestingfellow.com" target="_blank">
+                      www.agiletestingfellow.com
+                    </a>
+                    , and{" "}
+                    <a href="https://www.agiletester.ca" target="_blank">
+                      www.agiletester.ca
+                    </a>{" "}
+                    for more. Contact Lisa on Twitter, and LinkedIn.
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
+                twitter="https://twitter.com/lisacrispin"
+              />
+            </Grid>
             <Grid item xs={12} sm={6} md={3}>
-            <DoraGuideHighlight
-              title="Lisa Crispin"
-              altText="Lisa Crispin"
-              image={lisaCrispin}
-              body={
-                <Box>
-                  Lisa Crispin is the co-author, with Janet Gregory, of three
-                  books: Agile Testing Condensed: A Brief Introduction, More
-                  Agile Testing: Learning Journeys for the Whole Team, Agile
-                  Testing: A Practical Guide for Testers and Agile Teams; the
-                  LiveLessons Agile Testing Essentials video course. She and
-                  Janet co-founded the Agile Testing Fellowship, which offers
-                  “Holistic Testing: Strategies for agile teams” live training
-                  course both remotely and in-person. Lisa was voted by her
-                  peers as the Most InfluentialAgile Testing Professional Person
-                  at Agile Testing Days in 2012. She is co-founder with Janet of
-                  Agile Testing Fellowship, Inc. and is happily available for
-                  training and consulting. Please visit{" "}
-                  <a href="https://www.lisacrispin.com" target="_blank">
-                    www.lisacrispin.com
-                  </a>
-                  ,{" "}
-                  <a href="https://www.agiletestingfellow.com" target="_blank">
-                    www.agiletestingfellow.com
-                  </a>
-                  , and{" "}
-                  <a href="https://www.agiletester.ca" target="_blank">
-                    www.agiletester.ca
-                  </a>{" "}
-                  for more. Contact Lisa on Twitter, and LinkedIn.
-                </Box>
-              }
-              linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
-              twitter="https://twitter.com/lisacrispin"
-            />
+              <DoraGuideHighlight
+                title="Dhruv Agarwal"
+                altText="Dhruv Agarwal"
+                image={dhruvAgarwal}
+                body={
+                  <Box>
+                    <p>
+                      Dhruv Agarwal thrives on bringing structure to chaos,
+                      building sustainable systems, and scaling high-performing
+                      teams. A builder at heart, he has spent the last decade
+                      crafting software, leading teams, and driving efficiency in
+                      engineering workflows.
+                    </p>
+                    <p>
+                      Beyond technology, Dhruv is a passionate storyteller, hosting
+                      podcasts like The Change Story and The Tech Voyager, where he
+                      explores innovation, leadership, and transformation.
+                    </p>
+                    <p>
+                      As the CEO of <a href="https://www.middlewarehq.com/" target="_blank">MiddlewareHQ</a>,
+                      he is on a mission to help engineering teams streamline
+                      operations, improve efficiency, and build resilient
+                      systems for the future."
+                    </p>
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/dhruvagga/"
+              />
             </Grid>
           </Grid>
         </Card>
 
+
         <Card title="DORA Advocacy Team">
           <Grid container spacing={{ xs: 2, md: 3 }}>
             <Grid item xs={12} sm={6} md={4}>
-            <DoraGuideHighlight
-              title="Nathen Harvey"
-              altText="Nathen Harvey"
-              image={nathenHarvey}
-              body="Nathen Harvey leads the DORA team at Google Cloud. DORA
-              enables teams and organizations to thrive by making industry-
-              shaping research accessible and actionable. Nathen has learned
-              and shared lessons from some incredible organizations, teams, and
-              open source communities. He is a co-author of multiple DORA
-              reports on software delivery performance and was a contributor
-              and editor for 97 Things Every Cloud Engineer Should Know,
-              published by O'Reilly in 2020."
-            linkedIn="https://www.linkedin.com/in/nathen/"
-            twitter="https://twitter.com/nathenharvey"
-            />
+              <DoraGuideHighlight
+                title="Nathen Harvey"
+                altText="Nathen Harvey"
+                image={nathenHarvey}
+                body={
+                  <Box>
+                    Nathen Harvey leads the DORA team at Google Cloud, where he
+                    guides technology-driven teams and organizations on
+                    optimizing their software delivery and operational
+                    performance. Nathen leverages DORA's industry-leading
+                    research to help teams measurably improve developer
+                    experience and software delivery speed, stability, and
+                    efficiency. He is a co-author of several influential DORA
+                    reports and a contributor and editor of the O'Reilly book,
+                    "97 Things Every Cloud Engineer Should Know" (2020).
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/nathen/"
+                twitter="https://twitter.com/nathenharvey"
+              />
             </Grid>
             <Grid item xs={12} sm={6} md={4}>
-            <DoraGuideHighlight
-              title="Dave Stanke"
-              altText="Dave Stanke"
-              image={daveStanke}
-              body="Dave Stanke is a Developer Advocate for DORA, a program run by Google Cloud. He specializes in DevOps, Site Reliability Engineering (SRE), and other flavors of technical relationship therapy. He loves chatting with practitioners: listening to stories, telling stories, sharing a healthy cry. Prior to Google, he was the CTO of OvationTix, a SaaS startup in the performing arts industry, where he specialized in feeding memory to Java servers. He chose on purpose to live in New Jersey, where he enjoys cooking, indie rock, and fatherhood."
-              linkedIn="https://www.linkedin.com/in/davidstanke/"
-            />
+              <DoraGuideHighlight
+                title="Dave Stanke"
+                altText="Dave Stanke"
+                image={daveStanke}
+                body="Dave Stanke is a Developer Advocate for DORA, a program
+                run by Google Cloud. He specializes in DevOps, Site Reliability
+                Engineering (SRE), and other flavors of technical relationship
+                therapy. He loves chatting with practitioners: listening to
+                stories, telling stories, sharing a healthy cry. Prior to
+                Google, he was the CTO of OvationTix, a SaaS startup in the
+                performing arts industry, where he specialized in feeding memory
+                to Java servers. He chose on purpose to live in New Jersey,
+                where he enjoys cooking, indie rock, and fatherhood."
+                linkedIn="https://www.linkedin.com/in/davidstanke/"
+              />
             </Grid>
             <Grid item xs={12} sm={6} md={4}>
-            <DoraGuideHighlight
-              title="Amanda Lewis"
-              altText="Amanda Lewis"
-              image={amandaLewisHeadshot}
-              body="Amanda Lewis is the DORA.community Development Lead and a developer advocate with Google Cloud, focused on DORA, DevOps, and Developer Productivity.
-
-Amanda has spent her career building connections across leadership, developers, product managers, project management, and operators through working on teams that developed e-commerce platforms, content management systems, observability tools, and supported developers. These connections and conversations lead to happy customers and better outcomes for the business. She brings her years of experience and empathy to the work that she does helping teams understand and implement DevOps and reliability practices.
-"
-              linkedIn="https://www.linkedin.com/in/lewisamanda/"
-            />
+              <DoraGuideHighlight
+                title="Amanda Lewis"
+                altText="Amanda Lewis"
+                image={amandaLewisHeadshot}
+                body="Amanda Lewis is the DORA.community Development Lead and a
+                developer advocate with Google Cloud, focused on DORA, DevOps,
+                and Developer Productivity. Amanda has spent her career building
+                connections across leadership, developers, product managers,
+                project management, and operators through working on teams that
+                developed e-commerce platforms, content management systems,
+                observability tools, and supported developers. These connections
+                and conversations lead to happy customers and better outcomes
+                for the business. She brings her years of experience and empathy
+                to the work that she does helping teams understand and implement
+                DevOps and reliability practices."
+                linkedIn="https://www.linkedin.com/in/lewisamanda/"
+              />
             </Grid>
           </Grid>
         </Card>
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..99e64ab
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,5 @@
+export * from './Card';
+export * from './DoraGuideHighlight';
+export * from './Hero';
+export * from './SignUpButton';
+export * from './SiteBanner';
\ No newline at end of file
diff --git a/test/playwright/tests/JoinPage.spec.ts b/test/playwright/tests/JoinPage.spec.ts
new file mode 100644
index 0000000..2aa3621
--- /dev/null
+++ b/test/playwright/tests/JoinPage.spec.ts
@@ -0,0 +1,45 @@
+import { test, expect } from '@playwright/test';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('/join');
+});
+
+test('Join page has the correct title', async ({ page }) => {
+  await expect(page).toHaveTitle('DORA Community of Practice');
+});
+
+test('Join page includes a button to join the mailing list', async ({ page }) => {
+  const allButtons = page.getByRole('button');
+  const firstButton = allButtons.first();
+  await expect(firstButton).toBeVisible();
+  await expect(firstButton).toHaveText('Join the DORA Community of Practice');
+});
+
+test('Join page includes the Google Group Mailing List card', async ({ page }) => {
+  await expect(page.getByRole('heading', { name: 'Google Group Mailing List' })).toBeVisible();
+  const allButtons = page.getByRole('button');
+  const secondButton = allButtons.nth(1);
+  await expect(secondButton).toBeVisible();
+  await expect(secondButton).toHaveText('Join the DORA Community of Practice');
+});
+
+test('Join page includes the Lean Coffee Discussions card', async ({ page }) => {
+  await expect(page.getByRole('heading', { name: 'Lean Coffee Discussions' })).toBeVisible();
+  await expect(page.getByText('dora-community-events@googlegroups.com')).toBeVisible();
+});
+
+test('Join page includes the DORA Community Guides cards', async ({ page }) => {
+  await expect(page.getByRole('heading', { name: 'DORA Community Guides' })).toBeVisible();
+  await expect(page.getByText('Steve Fenton').first()).toBeVisible();
+  await expect(page.getByText('Denali Lumma').first()).toBeVisible();
+  await expect(page.getByText('Betsalel (Saul) Williamson').first()).toBeVisible();
+  await expect(page.getByText('Lisa Crispin').first()).toBeVisible();
+  await expect(page.getByText('Dhruv Agarwal').first()).toBeVisible();
+});
+
+test('Join page includes the DORA Advocacy Team cards', async ({ page }) => {
+  await expect(page.getByRole('heading', { name: 'DORA Advocacy Team' })).toBeVisible();
+  await expect(page.getByText('Nathen Harvey').first()).toBeVisible();
+  await expect(page.getByText('Dave Stanke').first()).toBeVisible();
+  await expect(page.getByText('Amanda Lewis').first()).toBeVisible();
+});


Reviews:
user: login: gemini-code-assist[bot]
body: Hello @nathenharvey, I'm Gemini Code Assist[^1]! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

## Summary of Changes
This pull request addresses issue #118 by adding Dhruv Agarwal as a DORA Community Guide and cleaning up the Join page. The changes include adding Dhruv's headshot and bio, removing the Community Connections and Community Summit cards, and combining the mailing list and Lean Coffee discussions into a single row. Additionally, the layout of the DORA Community Guides section has been adjusted to accommodate the new guide and improve the overall appearance of the page.

### Highlights
* **New Community Guide**: Dhruv Agarwal has been added as a DORA Community Guide, with his image and bio included on the Join page.
* **Join Page Cleanup**: The Community Connections and Community Summit cards have been removed from the Join page, and the mailing list and Lean Coffee discussions are now displayed on the same row.
* **Layout Adjustment**: The DORA Community Guides section has been updated to use a two-row layout, with Lisa Crispin and Dhruv Agarwal on the second row. The grid container now uses `justifyContent: 'center'`.

### Changelog
* **src/components/JoinPage.tsx**
  * Imported `dhruvAgarwal` image.
  * Removed the 'Google Group Mailing List' card from its original Box and moved it into the main Grid container.
  * Removed the 'Community Connections' card.
  * Removed the 'Community Summit' card.
  * Moved the 'Lean Coffee Discussions' card into the main Grid container.
  * Added a new Grid item for Dhruv Agarwal, including his `DoraGuideHighlight` component.
  * Added a new Grid container to wrap Lisa Crispin and Dhruv Agarwal, using `justifyContent: 'center'`.
  * Updated the Grid container for DORA Community Guides to use `justifyContent: 'center'`.


<details>

<summary><b>Using Gemini Code Assist</b></summary>
<br>

The full guide for Gemini Code Assist can be found on our [documentation page](https://developers.google.com/gemini-code-assist/docs/review-github-code), here are some quick tips.

<b>Invoking Gemini</b>

You can request assistance from Gemini at any point in your pull request via creating an issue comment (i.e. comment on the pull request page) using either `/gemini <command>` or `@gemini-code-assist <command>`. Below is a summary of the supported commands.

Feature | Command | Description
--- | --- | ---
Code Review | `/gemini review` | Performs a code review for the current pull request in its current state.
Pull Request Summary | `/gemini summary` | Provides a summary of the current pull request in its current state.
Comment | @gemini-code-assist | Responds in comments when explicitly tagged, both in issue comments and review comments.
Help | `/gemini help` | Displays a list of available commands.

<b>Customization</b>

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a `.gemini/` folder in the base of the repository. Detailed instructions can be found [here](https://developers.google.com/gemini-code-assist/docs/customize-gemini-behavior-github).

<b>Limitations & Feedback</b>

Gemini Code Assist is currently in preview and may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with :thumbsup: and :thumbsdown: on @gemini-code-assist comments to provide feedback.

</details>

<b>You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the [Gemini Code Assist IDE Extension](https://cloud.google.com/products/gemini/code-assist).</b>


[^1]: Review the [Privacy Notices](https://policies.google.com/privacy), [Generative AI Prohibited Use Policy](https://policies.google.com/terms/generative-ai/use-policy), [Terms of Service](https://policies.google.com/terms), and learn how to configure Gemini Code Assist in GitHub [here](https://developers.google.com/gemini-code-assist/docs/review-github-code). Gemini can make mistakes, so double check it and [use code with caution](https://support.google.com/legal/answer/13505487).

---

**Did you know?**

The term 'DORA' in the context of DevOps stands for 'DevOps Research and Assessment'. It was acquired by Google in 2018.

state: COMMENTED
author_association: NONE
submitted_at: 2025-03-18T21:27:12Z
user: login: gemini-code-assist[bot]
body: ## Code Review
The pull request adds Dhruv as a DORA Community Guide and cleans up the Join page by removing some community connection cards and combining the mailing list and lean coffee discussions. The addition of Dhruv is a great contribution to the community. The code is generally well-structured, but there are a few areas that could be improved for better readability and maintainability.

### Summary of Findings
* **LinkedIn URL for Dhruv**: The LinkedIn URL for Dhruv is missing. It's important to include this so people can connect with him.
* **Inconsistent spacing in Grid container**: There's inconsistent spacing in the Grid container for the DORA Community Guides. It's better to have consistent spacing for better visual appeal.
* **Missing closing tag**: There's a missing closing tag for the paragraph in Dhruv's body content. This should be fixed to ensure proper rendering.

### Merge Readiness
The pull request is almost ready for merging. The LinkedIn URL for Dhruv needs to be added, and the missing closing tag in Dhruv's body content should be fixed. Once these issues are addressed, the pull request can be merged. I am unable to directly approve the pull request, and recommend that others review and approve this code before merging.
state: CHANGES_REQUESTED
author_association: NONE
submitted_at: 2025-03-18T21:27:22Z
user: login: gemini-code-assist[bot]
body: ## Code Review
The pull request introduces Dhruv as a DORA Community Guide, cleans up the Join page by removing outdated content, and improves code organization through new index files. Additionally, it includes new tests for the Join page and a comment explaining a skipped test on the Home page. Overall, the changes seem well-structured and contribute positively to the project.

### Summary of Findings
* **Inconsistent Justification**: The `justifyContent` property is used inconsistently within the `DORA Community Guides` section. It's applied to some `Grid` containers but not others, which could lead to layout inconsistencies.
* **Missing Alt Text**: The `DoraGuideHighlight` component uses an `image` prop, but there's no enforcement or suggestion for providing an `alt` text for the images. This is important for accessibility.
* **Duplicated Button Text**: The Google Group Mailing List card on the Join page has duplicated button text, which might confuse users.

### Merge Readiness
The pull request is in good shape overall, but there are a few points that should be addressed before merging. Specifically, the inconsistent justification in the `DORA Community Guides` section and the missing alt text for images should be fixed. The duplicated button text should also be reviewed. Once these issues are resolved, the pull request should be ready for merging. I am unable to approve this pull request, and users should have others review and approve this code before merging.
state: COMMENTED
author_association: NONE
submitted_at: 2025-03-19T11:01:45Z
user: login: nathenharvey
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-19T11:02:37Z
user: login: nathenharvey
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-19T11:02:55Z
user: login: nathenharvey
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-19T11:03:11Z
user: login: nathenharvey
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-19T11:03:37Z
user: login: nathenharvey
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-19T11:03:47Z
user: login: dhruvagarwal
state: COMMENTED
author_association: NONE
submitted_at: 2025-03-20T05:38:24Z
user: login: dhruvagarwal
body: Looks good to me @nathenharvey! Just made a small change to add hyperlink to our website.
state: APPROVED
author_association: NONE
submitted_at: 2025-03-20T05:40:06Z
user: login: nathenharvey
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-03-24T14:54:13Z
user: login: swansama
body: LGTM - Thank you!!
state: APPROVED
author_association: CONTRIBUTOR
submitted_at: 2025-03-25T14:55:48Z

Review comments:
diff_hunk: @@ -118,46 +95,75 @@ export const JoinPage = () => {
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+            </Grid>
+          {/* Moved Grid container to wrap both Lisa and Dhruv */}
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center" // Added this line
+          >
             <Grid item xs={12} sm={6} md={3}>
-            <DoraGuideHighlight
-              title="Lisa Crispin"
-              altText="Lisa Crispin"
-              image={lisaCrispin}
-              body={
-                <Box>
-                  Lisa Crispin is the co-author, with Janet Gregory, of three
-                  books: Agile Testing Condensed: A Brief Introduction, More
-                  Agile Testing: Learning Journeys for the Whole Team, Agile
-                  Testing: A Practical Guide for Testers and Agile Teams; the
-                  LiveLessons Agile Testing Essentials video course. She and
-                  Janet co-founded the Agile Testing Fellowship, which offers
-                  “Holistic Testing: Strategies for agile teams” live training
-                  course both remotely and in-person. Lisa was voted by her
-                  peers as the Most InfluentialAgile Testing Professional Person
-                  at Agile Testing Days in 2012. She is co-founder with Janet of
-                  Agile Testing Fellowship, Inc. and is happily available for
-                  training and consulting. Please visit{" "}
-                  <a href="https://www.lisacrispin.com" target="_blank">
-                    www.lisacrispin.com
-                  </a>
-                  ,{" "}
-                  <a href="https://www.agiletestingfellow.com" target="_blank">
-                    www.agiletestingfellow.com
-                  </a>
-                  , and{" "}
-                  <a href="https://www.agiletester.ca" target="_blank">
-                    www.agiletester.ca
-                  </a>{" "}
-                  for more. Contact Lisa on Twitter, and LinkedIn.
-                </Box>
-              }
-              linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
-              twitter="https://twitter.com/lisacrispin"
-            />
+              <DoraGuideHighlight
+                title="Lisa Crispin"
+                altText="Lisa Crispin"
+                image={lisaCrispin}
+                body={
+                  <Box>
+                    Lisa Crispin is the co-author, with Janet Gregory, of three
+                    books: Agile Testing Condensed: A Brief Introduction, More
+                    Agile Testing: Learning Journeys for the Whole Team, Agile
+                    Testing: A Practical Guide for Testers and Agile Teams; the
+                    LiveLessons Agile Testing Essentials video course. She and
+                    Janet co-founded the Agile Testing Fellowship, which offers
+                    “Holistic Testing: Strategies for agile teams” live training
+                    course both remotely and in-person. Lisa was voted by her
+                    peers as the Most InfluentialAgile Testing Professional
+                    Person at Agile Testing Days in 2012. She is co-founder with
+                    Janet of Agile Testing Fellowship, Inc. and is happily
+                    available for training and consulting. Please visit{" "}
+                    <a href="https://www.lisacrispin.com" target="_blank">
+                      www.lisacrispin.com
+                    </a>
+                    ,{" "}
+                    <a href="https://www.agiletestingfellow.com" target="_blank">
+                      www.agiletestingfellow.com
+                    </a>
+                    , and{" "}
+                    <a href="https://www.agiletester.ca" target="_blank">
+                      www.agiletester.ca
+                    </a>{" "}
+                    for more. Contact Lisa on Twitter, and LinkedIn.
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
+                twitter="https://twitter.com/lisacrispin"
+              />
+            </Grid>
+            <Grid item xs={12} sm={6} md={3}>
+              <DoraGuideHighlight
+                title="Dhruv Agarwal"
+                altText="Dhruv Agarwal"
+                image={dhruvAgarwal}
+                body="<p>Dhruv Agarwal thrives on bringing structure to chaos,
+                building sustainable systems, and scaling high-performing
+                teams. A builder at heart, he has spent the last decade
+                crafting software, leading teams, and driving efficiency in
+                engineering workflows.
+
+                Beyond technology, Dhruv is a passionate storyteller, hosting
+                podcasts like The Change Story and The Tech Voyager, where he
+                explores innovation, leadership, and transformation.
+
+                As the CEO of MiddlewareHQ, he is on a mission to help
+                engineering teams streamline operations, improve efficiency,
+                and build resilient systems for the future."
+                linkedIn="" // Replace with actual LinkedIn URL
+              />
path: src/components/JoinPage.tsx
user: login: gemini-code-assist[bot]
body: ![high](https://img.shields.io/badge/priority-high-orange)

The LinkedIn URL for Dhruv is missing. Please add the correct URL so people can connect with him.

```typescript
                linkedIn="" // Replace with actual LinkedIn URL
                linkedIn="https://www.linkedin.com/in/dhruvagarwal/"
```
created_at: 2025-03-18T21:27:22Z
author_association: NONE
diff_hunk: @@ -118,46 +95,75 @@ export const JoinPage = () => {
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+            </Grid>
+          {/* Moved Grid container to wrap both Lisa and Dhruv */}
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center" // Added this line
+          >
             <Grid item xs={12} sm={6} md={3}>
-            <DoraGuideHighlight
-              title="Lisa Crispin"
-              altText="Lisa Crispin"
-              image={lisaCrispin}
-              body={
-                <Box>
-                  Lisa Crispin is the co-author, with Janet Gregory, of three
-                  books: Agile Testing Condensed: A Brief Introduction, More
-                  Agile Testing: Learning Journeys for the Whole Team, Agile
-                  Testing: A Practical Guide for Testers and Agile Teams; the
-                  LiveLessons Agile Testing Essentials video course. She and
-                  Janet co-founded the Agile Testing Fellowship, which offers
-                  “Holistic Testing: Strategies for agile teams” live training
-                  course both remotely and in-person. Lisa was voted by her
-                  peers as the Most InfluentialAgile Testing Professional Person
-                  at Agile Testing Days in 2012. She is co-founder with Janet of
-                  Agile Testing Fellowship, Inc. and is happily available for
-                  training and consulting. Please visit{" "}
-                  <a href="https://www.lisacrispin.com" target="_blank">
-                    www.lisacrispin.com
-                  </a>
-                  ,{" "}
-                  <a href="https://www.agiletestingfellow.com" target="_blank">
-                    www.agiletestingfellow.com
-                  </a>
-                  , and{" "}
-                  <a href="https://www.agiletester.ca" target="_blank">
-                    www.agiletester.ca
-                  </a>{" "}
-                  for more. Contact Lisa on Twitter, and LinkedIn.
-                </Box>
-              }
-              linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
-              twitter="https://twitter.com/lisacrispin"
-            />
+              <DoraGuideHighlight
+                title="Lisa Crispin"
+                altText="Lisa Crispin"
+                image={lisaCrispin}
+                body={
+                  <Box>
+                    Lisa Crispin is the co-author, with Janet Gregory, of three
+                    books: Agile Testing Condensed: A Brief Introduction, More
+                    Agile Testing: Learning Journeys for the Whole Team, Agile
+                    Testing: A Practical Guide for Testers and Agile Teams; the
+                    LiveLessons Agile Testing Essentials video course. She and
+                    Janet co-founded the Agile Testing Fellowship, which offers
+                    “Holistic Testing: Strategies for agile teams” live training
+                    course both remotely and in-person. Lisa was voted by her
+                    peers as the Most InfluentialAgile Testing Professional
+                    Person at Agile Testing Days in 2012. She is co-founder with
+                    Janet of Agile Testing Fellowship, Inc. and is happily
+                    available for training and consulting. Please visit{" "}
+                    <a href="https://www.lisacrispin.com" target="_blank">
+                      www.lisacrispin.com
+                    </a>
+                    ,{" "}
+                    <a href="https://www.agiletestingfellow.com" target="_blank">
+                      www.agiletestingfellow.com
+                    </a>
+                    , and{" "}
+                    <a href="https://www.agiletester.ca" target="_blank">
+                      www.agiletester.ca
+                    </a>{" "}
+                    for more. Contact Lisa on Twitter, and LinkedIn.
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
+                twitter="https://twitter.com/lisacrispin"
+              />
+            </Grid>
+            <Grid item xs={12} sm={6} md={3}>
+              <DoraGuideHighlight
+                title="Dhruv Agarwal"
+                altText="Dhruv Agarwal"
+                image={dhruvAgarwal}
+                body="<p>Dhruv Agarwal thrives on bringing structure to chaos,
+                building sustainable systems, and scaling high-performing
+                teams. A builder at heart, he has spent the last decade
+                crafting software, leading teams, and driving efficiency in
+                engineering workflows.
+
+                Beyond technology, Dhruv is a passionate storyteller, hosting
+                podcasts like The Change Story and The Tech Voyager, where he
+                explores innovation, leadership, and transformation.
+
+                As the CEO of MiddlewareHQ, he is on a mission to help
+                engineering teams streamline operations, improve efficiency,
+                and build resilient systems for the future."
+                linkedIn="" // Replace with actual LinkedIn URL
path: src/components/JoinPage.tsx
user: login: gemini-code-assist[bot]
body: ![medium](https://img.shields.io/badge/priority-medium-yellow)

There's a missing closing tag for the paragraph in Dhruv's body content. This should be fixed to ensure proper rendering.

```typescript
                image={dhruvAgarwal}
                body="<p>Dhruv Agarwal thrives on bringing structure to chaos,
                building sustainable systems, and scaling high-performing
                teams. A builder at heart, he has spent the last decade
                crafting software, leading teams, and driving efficiency in
                engineering workflows.

                Beyond technology, Dhruv is a passionate storyteller, hosting
                podcasts like The Change Story and The Tech Voyager, where he
                explores innovation, leadership, and transformation.

                As the CEO of MiddlewareHQ, he is on a mission to help
                engineering teams streamline operations, improve efficiency,
                and build resilient systems for the future.</p>"

```
created_at: 2025-03-18T21:27:22Z
author_association: NONE
diff_hunk: @@ -1,202 +1,273 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
     <>
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem">
+                <SignUpButton />
+              </Box>
+            </Card>
           </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Summit">
-            <h4>Accelerate your journey with lessons from fellow travelers</h4>
-            <p>
-              DORA studies the culture and capabilities that enable
-              high-performing technology-driven organizations like yours.
-            </p>{" "}
-            <p>
-              Join the inaugural DORA Community Summit to learn, discuss, and
-              collaborate on putting the research findings into practice.
-              Register now by adding the DORA Community Summit ($75) to your
-              DevOps Enterprise Summit registration.
-            </p>
-            <p>
-              <a href="https://www.dora.community/summit">
-                Learn more about the DORA Community Summit
-              </a>
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Lean Coffee Discussions">
+              <p>
+                Community discussions use the{" "}
+                <a href="https://leancoffee.org/">Lean Coffee Format</a>. The
+                goal of these discussions is to provide opportunities for the
+                community to learn, listen, and collaborate. All types of
+                participation is welcome, including active listening.
+              </p>
+              <p>
+                Most sessions start with a guest speaker who's presentation is
+                recorded.{" "}
+                <a href="https://www.youtube.com/@dora-dev">
+                  Watch previous sessions.
+                </a>{" "}
+              </p>
+              <p>
+                Would you like to present at a community discussion? Please
+                email{" "}
+                <a href="emailto:dora-community-events@googlegroups.com">
+                  dora-community-events@googlegroups.com
+                </a>
+              </p>
+            </Card>
           </Grid>
         </Grid>
         <Card title="DORA Community Guides">
-          <Grid container spacing={{ xs: 2, md: 3 }}>
-            <Grid item xs={12} sm={6} md={3}>
+        <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
path: src/components/JoinPage.tsx
user: login: gemini-code-assist[bot]
body: ![medium](https://img.shields.io/badge/priority-medium-yellow)

The `justifyContent` property is used here, but not in the subsequent `Grid` container. Should this be applied consistently across all `Grid` containers in this section for a uniform layout?
created_at: 2025-03-19T11:01:45Z
author_association: NONE
diff_hunk: @@ -1,202 +1,273 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
     <>
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem">
+                <SignUpButton />
+              </Box>
+            </Card>
           </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Summit">
-            <h4>Accelerate your journey with lessons from fellow travelers</h4>
-            <p>
-              DORA studies the culture and capabilities that enable
-              high-performing technology-driven organizations like yours.
-            </p>{" "}
-            <p>
-              Join the inaugural DORA Community Summit to learn, discuss, and
-              collaborate on putting the research findings into practice.
-              Register now by adding the DORA Community Summit ($75) to your
-              DevOps Enterprise Summit registration.
-            </p>
-            <p>
-              <a href="https://www.dora.community/summit">
-                Learn more about the DORA Community Summit
-              </a>
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Lean Coffee Discussions">
+              <p>
+                Community discussions use the{" "}
+                <a href="https://leancoffee.org/">Lean Coffee Format</a>. The
+                goal of these discussions is to provide opportunities for the
+                community to learn, listen, and collaborate. All types of
+                participation is welcome, including active listening.
+              </p>
+              <p>
+                Most sessions start with a guest speaker who's presentation is
+                recorded.{" "}
+                <a href="https://www.youtube.com/@dora-dev">
+                  Watch previous sessions.
+                </a>{" "}
+              </p>
+              <p>
+                Would you like to present at a community discussion? Please
+                email{" "}
+                <a href="emailto:dora-community-events@googlegroups.com">
+                  dora-community-events@googlegroups.com
+                </a>
+              </p>
+            </Card>
           </Grid>
         </Grid>
         <Card title="DORA Community Guides">
-          <Grid container spacing={{ xs: 2, md: 3 }}>
-            <Grid item xs={12} sm={6} md={3}>
+        <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Steve Fenton"
               altText="Steve Fenton"
               image={steveFenton}
-              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-time Microsoft MVP with more than two decades of experience in software delivery. He has written books on TypeScript (Apress, InfoQ), Octopus Deploy, and Web Operations. Steve has worked in the role of Software Engineer, SDET, Development Manager, and Director of Product and Data in a range of startups, SMEs, and enterprises."
+              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-
+              time Microsoft MVP with more than two decades of experience in
+              software delivery. He has written books on TypeScript (Apress,
+              InfoQ), Octopus Deploy, and Web Operations. Steve has worked in
+              the role of Software Engineer, SDET, Development Manager, and
+              Director of Product and Data in a range of startups, SMEs, and
+              enterprises."
               linkedIn="https://www.linkedin.com/in/stevefenton/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Denali Lumma"
               altText="Denali Lumma"
               image={denaliLumma}
-              body="Denali Lumma is a technology executive with over 20 years experience in startup to public offering, small, midsize and global companies supporting teams responsible for customer-facing product development for B2C, B2B, healthcare and life sciences, and infrastructure teams responsible for technical platforms, security, privacy, compliance, corporate IT, quality, reliability, and availability. She has helped to build multiple unicorns as an early engineer at companies like Netflix, 23andMe, Okta, Salesforce, and Uber. Denali serves on the board for Savage Jazz Dance Company, distinguished by its disciplined dancers and instructors, and its dedication to the exploration of jazz music’s range of expression. She is an investor in Steezy, making dance the next big global sport. Denali is Founder and CEO at Doubling, offering technical advisory services to portfolio companies at Y Combinator, Andreessen Horowitz, and other venture capital groups. Denali lives in Los Gatos, California with her husband and two children. "
+              body="Denali Lumma is a technology executive with over 20 years
+              experience in startup to public offering, small, midsize and
+              global companies supporting teams responsible for customer-facing
+              product development for B2C, B2B, healthcare and life sciences,
+              and infrastructure teams responsible for technical platforms,
+              security, privacy, compliance, corporate IT, quality,
+              reliability, and availability. She has helped to build multiple
+              unicorns as an early engineer at companies like Netflix, 23andMe,
+              Okta, Salesforce, and Uber. Denali serves on the board for Savage
+              Jazz Dance Company, distinguished by its disciplined dancers and
+              instructors, and its dedication to the exploration of jazz music's
+              range of expression. She is an investor in Steezy, making dance
+              the next big global sport. Denali is Founder and CEO at Doubling,
+              offering technical advisory services to portfolio companies at Y
+              Combinator, Andreessen Horowitz, and other venture capital
+              groups. Denali lives in Los Gatos, California with her husband and
+              two children. "
               linkedIn="https://www.linkedin.com/in/denali-lumma/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Betsalel (Saul) Williamson"
               altText="Betsalel (Saul) Williamson"
               image={saulWilliamson}
-              body="Betsalel (Saul) Williamson is an Electrical Engineer and has a broad range of experiences in community development and DevOps. He is the owner of Williamson Computing Services, LLC and helps companies implement best practices in DevOps and new product development.
-            He is passionate about helping his peers and projects succeed. Saul has served on the boards of Pittsburgh chapters of PDMA and IEEE where he developed workshops, events, and conducted market research to help students and professionals engage with their local communities.
-            Saul lives with sensory sensitivities and is a disability and LGBT+ advocate. He promotes diversity, equity, and inclusion practices that supply a healthy environment for everyone to learn and grow!
-            Outside of work, Saul enjoys working on software hobby projects, traveling, and playing classical piano.  He lives in Palm Springs, California."
+              body="Betsalel (Saul) Williamson is an Electrical Engineer and has
+              a broad range of experiences in community development and DevOps.
+              He is the owner of Williamson Computing Services, LLC and helps
+              companies implement best practices in DevOps and new product
+              development. He is passionate about helping his peers and projects
+              succeed. Saul has served on the boards of Pittsburgh chapters of
+              PDMA and IEEE where he developed workshops, events, and conducted
+              market research to help students and professionals engage with
+              their local communities. Saul lives with sensory sensitivities and
+              is a disability and LGBT+ advocate. He promotes diversity,
+              equity, and inclusion practices that supply a healthy environment
+              for everyone to learn and grow! Outside of work, Saul enjoys
+              working on software hobby projects, traveling, and playing
+              classical piano.  He lives in Palm Springs, California."
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+          </Grid>
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
path: src/components/JoinPage.tsx
user: login: gemini-code-assist[bot]
body: ![medium](https://img.shields.io/badge/priority-medium-yellow)

This `Grid` container does not have the `justifyContent` property set, unlike the previous one. Should this be consistent?
created_at: 2025-03-19T11:01:45Z
author_association: NONE
diff_hunk: @@ -1,202 +1,273 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
     <>
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem">
+                <SignUpButton />
+              </Box>
path: src/components/JoinPage.tsx
user: login: gemini-code-assist[bot]
body: ![medium](https://img.shields.io/badge/priority-medium-yellow)

The button text "Join the DORA Community of Practice" is also rendered in the `JoinPage.spec.ts` file. Is this intentional duplication, or should one of them be removed?
created_at: 2025-03-19T11:01:45Z
author_association: NONE
diff_hunk: @@ -1,202 +1,273 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
     <>
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem">
+                <SignUpButton />
+              </Box>
+            </Card>
           </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Summit">
-            <h4>Accelerate your journey with lessons from fellow travelers</h4>
-            <p>
-              DORA studies the culture and capabilities that enable
-              high-performing technology-driven organizations like yours.
-            </p>{" "}
-            <p>
-              Join the inaugural DORA Community Summit to learn, discuss, and
-              collaborate on putting the research findings into practice.
-              Register now by adding the DORA Community Summit ($75) to your
-              DevOps Enterprise Summit registration.
-            </p>
-            <p>
-              <a href="https://www.dora.community/summit">
-                Learn more about the DORA Community Summit
-              </a>
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Lean Coffee Discussions">
+              <p>
+                Community discussions use the{" "}
+                <a href="https://leancoffee.org/">Lean Coffee Format</a>. The
+                goal of these discussions is to provide opportunities for the
+                community to learn, listen, and collaborate. All types of
+                participation is welcome, including active listening.
+              </p>
+              <p>
+                Most sessions start with a guest speaker who's presentation is
+                recorded.{" "}
+                <a href="https://www.youtube.com/@dora-dev">
+                  Watch previous sessions.
+                </a>{" "}
+              </p>
+              <p>
+                Would you like to present at a community discussion? Please
+                email{" "}
+                <a href="emailto:dora-community-events@googlegroups.com">
+                  dora-community-events@googlegroups.com
+                </a>
+              </p>
+            </Card>
           </Grid>
         </Grid>
         <Card title="DORA Community Guides">
-          <Grid container spacing={{ xs: 2, md: 3 }}>
-            <Grid item xs={12} sm={6} md={3}>
+        <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
path: src/components/JoinPage.tsx
user: login: nathenharvey
body: working as intended
created_at: 2025-03-19T11:02:37Z
author_association: CONTRIBUTOR
diff_hunk: @@ -1,202 +1,273 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
     <>
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem">
+                <SignUpButton />
+              </Box>
+            </Card>
           </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Summit">
-            <h4>Accelerate your journey with lessons from fellow travelers</h4>
-            <p>
-              DORA studies the culture and capabilities that enable
-              high-performing technology-driven organizations like yours.
-            </p>{" "}
-            <p>
-              Join the inaugural DORA Community Summit to learn, discuss, and
-              collaborate on putting the research findings into practice.
-              Register now by adding the DORA Community Summit ($75) to your
-              DevOps Enterprise Summit registration.
-            </p>
-            <p>
-              <a href="https://www.dora.community/summit">
-                Learn more about the DORA Community Summit
-              </a>
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Lean Coffee Discussions">
+              <p>
+                Community discussions use the{" "}
+                <a href="https://leancoffee.org/">Lean Coffee Format</a>. The
+                goal of these discussions is to provide opportunities for the
+                community to learn, listen, and collaborate. All types of
+                participation is welcome, including active listening.
+              </p>
+              <p>
+                Most sessions start with a guest speaker who's presentation is
+                recorded.{" "}
+                <a href="https://www.youtube.com/@dora-dev">
+                  Watch previous sessions.
+                </a>{" "}
+              </p>
+              <p>
+                Would you like to present at a community discussion? Please
+                email{" "}
+                <a href="emailto:dora-community-events@googlegroups.com">
+                  dora-community-events@googlegroups.com
+                </a>
+              </p>
+            </Card>
           </Grid>
         </Grid>
         <Card title="DORA Community Guides">
-          <Grid container spacing={{ xs: 2, md: 3 }}>
-            <Grid item xs={12} sm={6} md={3}>
+        <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Steve Fenton"
               altText="Steve Fenton"
               image={steveFenton}
-              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-time Microsoft MVP with more than two decades of experience in software delivery. He has written books on TypeScript (Apress, InfoQ), Octopus Deploy, and Web Operations. Steve has worked in the role of Software Engineer, SDET, Development Manager, and Director of Product and Data in a range of startups, SMEs, and enterprises."
+              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-
+              time Microsoft MVP with more than two decades of experience in
+              software delivery. He has written books on TypeScript (Apress,
+              InfoQ), Octopus Deploy, and Web Operations. Steve has worked in
+              the role of Software Engineer, SDET, Development Manager, and
+              Director of Product and Data in a range of startups, SMEs, and
+              enterprises."
               linkedIn="https://www.linkedin.com/in/stevefenton/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Denali Lumma"
               altText="Denali Lumma"
               image={denaliLumma}
-              body="Denali Lumma is a technology executive with over 20 years experience in startup to public offering, small, midsize and global companies supporting teams responsible for customer-facing product development for B2C, B2B, healthcare and life sciences, and infrastructure teams responsible for technical platforms, security, privacy, compliance, corporate IT, quality, reliability, and availability. She has helped to build multiple unicorns as an early engineer at companies like Netflix, 23andMe, Okta, Salesforce, and Uber. Denali serves on the board for Savage Jazz Dance Company, distinguished by its disciplined dancers and instructors, and its dedication to the exploration of jazz music’s range of expression. She is an investor in Steezy, making dance the next big global sport. Denali is Founder and CEO at Doubling, offering technical advisory services to portfolio companies at Y Combinator, Andreessen Horowitz, and other venture capital groups. Denali lives in Los Gatos, California with her husband and two children. "
+              body="Denali Lumma is a technology executive with over 20 years
+              experience in startup to public offering, small, midsize and
+              global companies supporting teams responsible for customer-facing
+              product development for B2C, B2B, healthcare and life sciences,
+              and infrastructure teams responsible for technical platforms,
+              security, privacy, compliance, corporate IT, quality,
+              reliability, and availability. She has helped to build multiple
+              unicorns as an early engineer at companies like Netflix, 23andMe,
+              Okta, Salesforce, and Uber. Denali serves on the board for Savage
+              Jazz Dance Company, distinguished by its disciplined dancers and
+              instructors, and its dedication to the exploration of jazz music's
+              range of expression. She is an investor in Steezy, making dance
+              the next big global sport. Denali is Founder and CEO at Doubling,
+              offering technical advisory services to portfolio companies at Y
+              Combinator, Andreessen Horowitz, and other venture capital
+              groups. Denali lives in Los Gatos, California with her husband and
+              two children. "
               linkedIn="https://www.linkedin.com/in/denali-lumma/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Betsalel (Saul) Williamson"
               altText="Betsalel (Saul) Williamson"
               image={saulWilliamson}
-              body="Betsalel (Saul) Williamson is an Electrical Engineer and has a broad range of experiences in community development and DevOps. He is the owner of Williamson Computing Services, LLC and helps companies implement best practices in DevOps and new product development.
-            He is passionate about helping his peers and projects succeed. Saul has served on the boards of Pittsburgh chapters of PDMA and IEEE where he developed workshops, events, and conducted market research to help students and professionals engage with their local communities.
-            Saul lives with sensory sensitivities and is a disability and LGBT+ advocate. He promotes diversity, equity, and inclusion practices that supply a healthy environment for everyone to learn and grow!
-            Outside of work, Saul enjoys working on software hobby projects, traveling, and playing classical piano.  He lives in Palm Springs, California."
+              body="Betsalel (Saul) Williamson is an Electrical Engineer and has
+              a broad range of experiences in community development and DevOps.
+              He is the owner of Williamson Computing Services, LLC and helps
+              companies implement best practices in DevOps and new product
+              development. He is passionate about helping his peers and projects
+              succeed. Saul has served on the boards of Pittsburgh chapters of
+              PDMA and IEEE where he developed workshops, events, and conducted
+              market research to help students and professionals engage with
+              their local communities. Saul lives with sensory sensitivities and
+              is a disability and LGBT+ advocate. He promotes diversity,
+              equity, and inclusion practices that supply a healthy environment
+              for everyone to learn and grow! Outside of work, Saul enjoys
+              working on software hobby projects, traveling, and playing
+              classical piano.  He lives in Palm Springs, California."
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+          </Grid>
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
path: src/components/JoinPage.tsx
user: login: nathenharvey
body: working as intended
created_at: 2025-03-19T11:02:55Z
author_association: CONTRIBUTOR
diff_hunk: @@ -1,202 +1,273 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
     <>
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem">
+                <SignUpButton />
+              </Box>
path: src/components/JoinPage.tsx
user: login: nathenharvey
body: working as intended
created_at: 2025-03-19T11:03:11Z
author_association: CONTRIBUTOR
diff_hunk: @@ -118,46 +95,75 @@ export const JoinPage = () => {
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+            </Grid>
+          {/* Moved Grid container to wrap both Lisa and Dhruv */}
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center" // Added this line
+          >
             <Grid item xs={12} sm={6} md={3}>
-            <DoraGuideHighlight
-              title="Lisa Crispin"
-              altText="Lisa Crispin"
-              image={lisaCrispin}
-              body={
-                <Box>
-                  Lisa Crispin is the co-author, with Janet Gregory, of three
-                  books: Agile Testing Condensed: A Brief Introduction, More
-                  Agile Testing: Learning Journeys for the Whole Team, Agile
-                  Testing: A Practical Guide for Testers and Agile Teams; the
-                  LiveLessons Agile Testing Essentials video course. She and
-                  Janet co-founded the Agile Testing Fellowship, which offers
-                  “Holistic Testing: Strategies for agile teams” live training
-                  course both remotely and in-person. Lisa was voted by her
-                  peers as the Most InfluentialAgile Testing Professional Person
-                  at Agile Testing Days in 2012. She is co-founder with Janet of
-                  Agile Testing Fellowship, Inc. and is happily available for
-                  training and consulting. Please visit{" "}
-                  <a href="https://www.lisacrispin.com" target="_blank">
-                    www.lisacrispin.com
-                  </a>
-                  ,{" "}
-                  <a href="https://www.agiletestingfellow.com" target="_blank">
-                    www.agiletestingfellow.com
-                  </a>
-                  , and{" "}
-                  <a href="https://www.agiletester.ca" target="_blank">
-                    www.agiletester.ca
-                  </a>{" "}
-                  for more. Contact Lisa on Twitter, and LinkedIn.
-                </Box>
-              }
-              linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
-              twitter="https://twitter.com/lisacrispin"
-            />
+              <DoraGuideHighlight
+                title="Lisa Crispin"
+                altText="Lisa Crispin"
+                image={lisaCrispin}
+                body={
+                  <Box>
+                    Lisa Crispin is the co-author, with Janet Gregory, of three
+                    books: Agile Testing Condensed: A Brief Introduction, More
+                    Agile Testing: Learning Journeys for the Whole Team, Agile
+                    Testing: A Practical Guide for Testers and Agile Teams; the
+                    LiveLessons Agile Testing Essentials video course. She and
+                    Janet co-founded the Agile Testing Fellowship, which offers
+                    “Holistic Testing: Strategies for agile teams” live training
+                    course both remotely and in-person. Lisa was voted by her
+                    peers as the Most InfluentialAgile Testing Professional
+                    Person at Agile Testing Days in 2012. She is co-founder with
+                    Janet of Agile Testing Fellowship, Inc. and is happily
+                    available for training and consulting. Please visit{" "}
+                    <a href="https://www.lisacrispin.com" target="_blank">
+                      www.lisacrispin.com
+                    </a>
+                    ,{" "}
+                    <a href="https://www.agiletestingfellow.com" target="_blank">
+                      www.agiletestingfellow.com
+                    </a>
+                    , and{" "}
+                    <a href="https://www.agiletester.ca" target="_blank">
+                      www.agiletester.ca
+                    </a>{" "}
+                    for more. Contact Lisa on Twitter, and LinkedIn.
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
+                twitter="https://twitter.com/lisacrispin"
+              />
+            </Grid>
+            <Grid item xs={12} sm={6} md={3}>
+              <DoraGuideHighlight
+                title="Dhruv Agarwal"
+                altText="Dhruv Agarwal"
+                image={dhruvAgarwal}
+                body="<p>Dhruv Agarwal thrives on bringing structure to chaos,
+                building sustainable systems, and scaling high-performing
+                teams. A builder at heart, he has spent the last decade
+                crafting software, leading teams, and driving efficiency in
+                engineering workflows.
+
+                Beyond technology, Dhruv is a passionate storyteller, hosting
+                podcasts like The Change Story and The Tech Voyager, where he
+                explores innovation, leadership, and transformation.
+
+                As the CEO of MiddlewareHQ, he is on a mission to help
+                engineering teams streamline operations, improve efficiency,
+                and build resilient systems for the future."
+                linkedIn="" // Replace with actual LinkedIn URL
path: src/components/JoinPage.tsx
user: login: nathenharvey
body: fixed
created_at: 2025-03-19T11:03:37Z
author_association: CONTRIBUTOR
diff_hunk: @@ -118,46 +95,75 @@ export const JoinPage = () => {
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+            </Grid>
+          {/* Moved Grid container to wrap both Lisa and Dhruv */}
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center" // Added this line
+          >
             <Grid item xs={12} sm={6} md={3}>
-            <DoraGuideHighlight
-              title="Lisa Crispin"
-              altText="Lisa Crispin"
-              image={lisaCrispin}
-              body={
-                <Box>
-                  Lisa Crispin is the co-author, with Janet Gregory, of three
-                  books: Agile Testing Condensed: A Brief Introduction, More
-                  Agile Testing: Learning Journeys for the Whole Team, Agile
-                  Testing: A Practical Guide for Testers and Agile Teams; the
-                  LiveLessons Agile Testing Essentials video course. She and
-                  Janet co-founded the Agile Testing Fellowship, which offers
-                  “Holistic Testing: Strategies for agile teams” live training
-                  course both remotely and in-person. Lisa was voted by her
-                  peers as the Most InfluentialAgile Testing Professional Person
-                  at Agile Testing Days in 2012. She is co-founder with Janet of
-                  Agile Testing Fellowship, Inc. and is happily available for
-                  training and consulting. Please visit{" "}
-                  <a href="https://www.lisacrispin.com" target="_blank">
-                    www.lisacrispin.com
-                  </a>
-                  ,{" "}
-                  <a href="https://www.agiletestingfellow.com" target="_blank">
-                    www.agiletestingfellow.com
-                  </a>
-                  , and{" "}
-                  <a href="https://www.agiletester.ca" target="_blank">
-                    www.agiletester.ca
-                  </a>{" "}
-                  for more. Contact Lisa on Twitter, and LinkedIn.
-                </Box>
-              }
-              linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
-              twitter="https://twitter.com/lisacrispin"
-            />
+              <DoraGuideHighlight
+                title="Lisa Crispin"
+                altText="Lisa Crispin"
+                image={lisaCrispin}
+                body={
+                  <Box>
+                    Lisa Crispin is the co-author, with Janet Gregory, of three
+                    books: Agile Testing Condensed: A Brief Introduction, More
+                    Agile Testing: Learning Journeys for the Whole Team, Agile
+                    Testing: A Practical Guide for Testers and Agile Teams; the
+                    LiveLessons Agile Testing Essentials video course. She and
+                    Janet co-founded the Agile Testing Fellowship, which offers
+                    “Holistic Testing: Strategies for agile teams” live training
+                    course both remotely and in-person. Lisa was voted by her
+                    peers as the Most InfluentialAgile Testing Professional
+                    Person at Agile Testing Days in 2012. She is co-founder with
+                    Janet of Agile Testing Fellowship, Inc. and is happily
+                    available for training and consulting. Please visit{" "}
+                    <a href="https://www.lisacrispin.com" target="_blank">
+                      www.lisacrispin.com
+                    </a>
+                    ,{" "}
+                    <a href="https://www.agiletestingfellow.com" target="_blank">
+                      www.agiletestingfellow.com
+                    </a>
+                    , and{" "}
+                    <a href="https://www.agiletester.ca" target="_blank">
+                      www.agiletester.ca
+                    </a>{" "}
+                    for more. Contact Lisa on Twitter, and LinkedIn.
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
+                twitter="https://twitter.com/lisacrispin"
+              />
+            </Grid>
+            <Grid item xs={12} sm={6} md={3}>
+              <DoraGuideHighlight
+                title="Dhruv Agarwal"
+                altText="Dhruv Agarwal"
+                image={dhruvAgarwal}
+                body="<p>Dhruv Agarwal thrives on bringing structure to chaos,
+                building sustainable systems, and scaling high-performing
+                teams. A builder at heart, he has spent the last decade
+                crafting software, leading teams, and driving efficiency in
+                engineering workflows.
+
+                Beyond technology, Dhruv is a passionate storyteller, hosting
+                podcasts like The Change Story and The Tech Voyager, where he
+                explores innovation, leadership, and transformation.
+
+                As the CEO of MiddlewareHQ, he is on a mission to help
+                engineering teams streamline operations, improve efficiency,
+                and build resilient systems for the future."
+                linkedIn="" // Replace with actual LinkedIn URL
+              />
path: src/components/JoinPage.tsx
user: login: nathenharvey
body: fixed
created_at: 2025-03-19T11:03:47Z
author_association: CONTRIBUTOR
diff_hunk: @@ -1,202 +1,273 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
     <>
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem">
+                <SignUpButton />
+              </Box>
+            </Card>
           </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Summit">
-            <h4>Accelerate your journey with lessons from fellow travelers</h4>
-            <p>
-              DORA studies the culture and capabilities that enable
-              high-performing technology-driven organizations like yours.
-            </p>{" "}
-            <p>
-              Join the inaugural DORA Community Summit to learn, discuss, and
-              collaborate on putting the research findings into practice.
-              Register now by adding the DORA Community Summit ($75) to your
-              DevOps Enterprise Summit registration.
-            </p>
-            <p>
-              <a href="https://www.dora.community/summit">
-                Learn more about the DORA Community Summit
-              </a>
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Lean Coffee Discussions">
+              <p>
+                Community discussions use the{" "}
+                <a href="https://leancoffee.org/">Lean Coffee Format</a>. The
+                goal of these discussions is to provide opportunities for the
+                community to learn, listen, and collaborate. All types of
+                participation is welcome, including active listening.
+              </p>
+              <p>
+                Most sessions start with a guest speaker who's presentation is
+                recorded.{" "}
+                <a href="https://www.youtube.com/@dora-dev">
+                  Watch previous sessions.
+                </a>{" "}
+              </p>
+              <p>
+                Would you like to present at a community discussion? Please
+                email{" "}
+                <a href="emailto:dora-community-events@googlegroups.com">
+                  dora-community-events@googlegroups.com
+                </a>
+              </p>
+            </Card>
           </Grid>
         </Grid>
         <Card title="DORA Community Guides">
-          <Grid container spacing={{ xs: 2, md: 3 }}>
-            <Grid item xs={12} sm={6} md={3}>
+        <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Steve Fenton"
               altText="Steve Fenton"
               image={steveFenton}
-              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-time Microsoft MVP with more than two decades of experience in software delivery. He has written books on TypeScript (Apress, InfoQ), Octopus Deploy, and Web Operations. Steve has worked in the role of Software Engineer, SDET, Development Manager, and Director of Product and Data in a range of startups, SMEs, and enterprises."
+              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-
+              time Microsoft MVP with more than two decades of experience in
+              software delivery. He has written books on TypeScript (Apress,
+              InfoQ), Octopus Deploy, and Web Operations. Steve has worked in
+              the role of Software Engineer, SDET, Development Manager, and
+              Director of Product and Data in a range of startups, SMEs, and
+              enterprises."
               linkedIn="https://www.linkedin.com/in/stevefenton/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Denali Lumma"
               altText="Denali Lumma"
               image={denaliLumma}
-              body="Denali Lumma is a technology executive with over 20 years experience in startup to public offering, small, midsize and global companies supporting teams responsible for customer-facing product development for B2C, B2B, healthcare and life sciences, and infrastructure teams responsible for technical platforms, security, privacy, compliance, corporate IT, quality, reliability, and availability. She has helped to build multiple unicorns as an early engineer at companies like Netflix, 23andMe, Okta, Salesforce, and Uber. Denali serves on the board for Savage Jazz Dance Company, distinguished by its disciplined dancers and instructors, and its dedication to the exploration of jazz music’s range of expression. She is an investor in Steezy, making dance the next big global sport. Denali is Founder and CEO at Doubling, offering technical advisory services to portfolio companies at Y Combinator, Andreessen Horowitz, and other venture capital groups. Denali lives in Los Gatos, California with her husband and two children. "
+              body="Denali Lumma is a technology executive with over 20 years
+              experience in startup to public offering, small, midsize and
+              global companies supporting teams responsible for customer-facing
+              product development for B2C, B2B, healthcare and life sciences,
+              and infrastructure teams responsible for technical platforms,
+              security, privacy, compliance, corporate IT, quality,
+              reliability, and availability. She has helped to build multiple
+              unicorns as an early engineer at companies like Netflix, 23andMe,
+              Okta, Salesforce, and Uber. Denali serves on the board for Savage
+              Jazz Dance Company, distinguished by its disciplined dancers and
+              instructors, and its dedication to the exploration of jazz music's
+              range of expression. She is an investor in Steezy, making dance
+              the next big global sport. Denali is Founder and CEO at Doubling,
+              offering technical advisory services to portfolio companies at Y
+              Combinator, Andreessen Horowitz, and other venture capital
+              groups. Denali lives in Los Gatos, California with her husband and
+              two children. "
               linkedIn="https://www.linkedin.com/in/denali-lumma/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Betsalel (Saul) Williamson"
               altText="Betsalel (Saul) Williamson"
               image={saulWilliamson}
-              body="Betsalel (Saul) Williamson is an Electrical Engineer and has a broad range of experiences in community development and DevOps. He is the owner of Williamson Computing Services, LLC and helps companies implement best practices in DevOps and new product development.
-            He is passionate about helping his peers and projects succeed. Saul has served on the boards of Pittsburgh chapters of PDMA and IEEE where he developed workshops, events, and conducted market research to help students and professionals engage with their local communities.
-            Saul lives with sensory sensitivities and is a disability and LGBT+ advocate. He promotes diversity, equity, and inclusion practices that supply a healthy environment for everyone to learn and grow!
-            Outside of work, Saul enjoys working on software hobby projects, traveling, and playing classical piano.  He lives in Palm Springs, California."
+              body="Betsalel (Saul) Williamson is an Electrical Engineer and has
+              a broad range of experiences in community development and DevOps.
+              He is the owner of Williamson Computing Services, LLC and helps
+              companies implement best practices in DevOps and new product
+              development. He is passionate about helping his peers and projects
+              succeed. Saul has served on the boards of Pittsburgh chapters of
+              PDMA and IEEE where he developed workshops, events, and conducted
+              market research to help students and professionals engage with
+              their local communities. Saul lives with sensory sensitivities and
+              is a disability and LGBT+ advocate. He promotes diversity,
+              equity, and inclusion practices that supply a healthy environment
+              for everyone to learn and grow! Outside of work, Saul enjoys
+              working on software hobby projects, traveling, and playing
+              classical piano.  He lives in Palm Springs, California."
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+          </Grid>
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
+            <Grid item xs={12} sm={6} md={3}>
+              <DoraGuideHighlight
+                title="Lisa Crispin"
+                altText="Lisa Crispin"
+                image={lisaCrispin}
+                body={
+                  <Box>
+                    Lisa Crispin is the co-author, with Janet Gregory, of three
+                    books: Agile Testing Condensed: A Brief Introduction, More
+                    Agile Testing: Learning Journeys for the Whole Team, Agile
+                    Testing: A Practical Guide for Testers and Agile Teams; the
+                    LiveLessons Agile Testing Essentials video course. She and
+                    Janet co-founded the Agile Testing Fellowship, which offers
+                    “Holistic Testing: Strategies for agile teams” live training
+                    course both remotely and in-person. Lisa was voted by her
+                    peers as the Most InfluentialAgile Testing Professional
+                    Person at Agile Testing Days in 2012. She is co-founder with
+                    Janet of Agile Testing Fellowship, Inc. and is happily
+                    available for training and consulting. Please visit{" "}
+                    <a href="https://www.lisacrispin.com" target="_blank">
+                      www.lisacrispin.com
+                    </a>
+                    ,{" "}
+                    <a href="https://www.agiletestingfellow.com" target="_blank">
+                      www.agiletestingfellow.com
+                    </a>
+                    , and{" "}
+                    <a href="https://www.agiletester.ca" target="_blank">
+                      www.agiletester.ca
+                    </a>{" "}
+                    for more. Contact Lisa on Twitter, and LinkedIn.
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
+                twitter="https://twitter.com/lisacrispin"
+              />
+            </Grid>
             <Grid item xs={12} sm={6} md={3}>
-            <DoraGuideHighlight
-              title="Lisa Crispin"
-              altText="Lisa Crispin"
-              image={lisaCrispin}
-              body={
-                <Box>
-                  Lisa Crispin is the co-author, with Janet Gregory, of three
-                  books: Agile Testing Condensed: A Brief Introduction, More
-                  Agile Testing: Learning Journeys for the Whole Team, Agile
-                  Testing: A Practical Guide for Testers and Agile Teams; the
-                  LiveLessons Agile Testing Essentials video course. She and
-                  Janet co-founded the Agile Testing Fellowship, which offers
-                  “Holistic Testing: Strategies for agile teams” live training
-                  course both remotely and in-person. Lisa was voted by her
-                  peers as the Most InfluentialAgile Testing Professional Person
-                  at Agile Testing Days in 2012. She is co-founder with Janet of
-                  Agile Testing Fellowship, Inc. and is happily available for
-                  training and consulting. Please visit{" "}
-                  <a href="https://www.lisacrispin.com" target="_blank">
-                    www.lisacrispin.com
-                  </a>
-                  ,{" "}
-                  <a href="https://www.agiletestingfellow.com" target="_blank">
-                    www.agiletestingfellow.com
-                  </a>
-                  , and{" "}
-                  <a href="https://www.agiletester.ca" target="_blank">
-                    www.agiletester.ca
-                  </a>{" "}
-                  for more. Contact Lisa on Twitter, and LinkedIn.
-                </Box>
-              }
-              linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
-              twitter="https://twitter.com/lisacrispin"
-            />
+              <DoraGuideHighlight
+                title="Dhruv Agarwal"
+                altText="Dhruv Agarwal"
+                image={dhruvAgarwal}
+                body={
+                  <Box>
+                    <p>
+                      Dhruv Agarwal thrives on bringing structure to chaos,
+                      building sustainable systems, and scaling high-performing
+                      teams. A builder at heart, he has spent the last decade
+                      crafting software, leading teams, and driving efficiency in
+                      engineering workflows.
+                    </p>
+                    <p>
+                      Beyond technology, Dhruv is a passionate storyteller, hosting
+                      podcasts like The Change Story and The Tech Voyager, where he
+                      explores innovation, leadership, and transformation.
+                    </p>
+                    <p>
+                      As the CEO of MiddlewareHQ, he is on a mission to help
path: src/components/JoinPage.tsx
user: login: dhruvagarwal
body: ```suggestion
                      As the CEO of <a href="https://middlewarehq.com/middleware-open-source?utm_source=dora_group&utm_medium=community">MiddlewareHQ</a>, he is on a mission to help
```
created_at: 2025-03-20T05:38:24Z
author_association: NONE
diff_hunk: @@ -1,202 +1,273 @@
-import { Card } from "./Card";
 import { Box, Grid } from "@mui/material";
-import steveFenton from "../assets/steve.jpg";
-import amandaLewisHeadshot from "../assets/amandalewis-headshot.jpg";
-import nathenHarvey from "../assets/nathen-harvey-3000.jpg";
-import daveStanke from "../assets/davestanke-headshot.png";
-import denaliLumma from "../assets/DenaliLumma.jpeg";
-import saulWilliamson from "../assets/BetsalelWilliamson.jpeg";
-import lisaCrispin from "../assets/lisa-crispin-headshot.jpg";
-import { DoraGuideHighlight } from "./DoraGuideHighlight";
-import { Hero } from "./Hero";
-import { SignUpButton } from "./SignUpButton";
-import { SiteBanner } from "./SiteBanner";
+
+import {
+  Card,
+  DoraGuideHighlight,
+  Hero,
+  SignUpButton,
+  SiteBanner,
+} from "./";
+
+import {
+  amandaLewisHeadshot,
+  daveStanke,
+  denaliLumma,
+  dhruvAgarwal,
+  lisaCrispin,
+  nathenHarvey,
+  saulWilliamson,
+  steveFenton,
+} from "../assets";
 
 export const JoinPage = () => {
   return (
     <>
       <SiteBanner />
       <Box maxWidth="1600px" margin="auto" padding="1rem">
         <Hero />
-        <Box>
-          <Card title="Google Group Mailing List">
-            <Box marginBottom="1rem" fontSize="1.5rem">
-              Join the DORA Community of Practice Google Group Mailing list to:
-            </Box>
-            <li>Connect with members asynchronously</li>
-            <li>Receive invitations for community events</li>
-            <li>Stay up-to-date on community news </li>
-            <Box marginTop="2rem">
-              <SignUpButton />
-            </Box>
-          </Card>
-        </Box>
         <Grid container spacing={{ xs: 2, md: 3 }}>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Lean Coffee Discussions">
-            <p>
-              Community discussions use the{" "}
-              <a href="https://leancoffee.org/">Lean Coffee Format</a>. The goal
-              of these discussions is to provide opportunities for the community
-              to learn, listen, and collaborate. All types of participation is
-              welcome, including active listening.
-            </p>
-            <p>
-              Most sessions start with a guest speaker who's presentation is
-              recorded.{" "}
-              <a href="https://www.youtube.com/@dora-dev">
-                Watch previous sessions.
-              </a>{" "}
-            </p>
-            <p>
-              Would you like to present at a community discussion? Please email{" "}
-              <a href="emailto:dora-community-events@googlegroups.com">
-                dora-community-events@googlegroups.com
-              </a>
-            </p>
-          </Card>
-          </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Connections">
-            <p>
-              Opportunity to meet other members of the community. Attendees are
-              put into small groups, with the goal of making new connections,
-              and learning from each other.
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Google Group Mailing List">
+              <Box marginBottom="1rem" fontSize="1.5rem">
+                Join the DORA Community of Practice Google Group Mailing list to:
+              </Box>
+              <li>Connect with members asynchronously</li>
+              <li>Receive invitations for community events</li>
+              <li>Stay up-to-date on community news </li>
+              <Box marginTop="2rem">
+                <SignUpButton />
+              </Box>
+            </Card>
           </Grid>
-          <Grid item xs={12} sm={6} md={4}>
-          <Card title="Community Summit">
-            <h4>Accelerate your journey with lessons from fellow travelers</h4>
-            <p>
-              DORA studies the culture and capabilities that enable
-              high-performing technology-driven organizations like yours.
-            </p>{" "}
-            <p>
-              Join the inaugural DORA Community Summit to learn, discuss, and
-              collaborate on putting the research findings into practice.
-              Register now by adding the DORA Community Summit ($75) to your
-              DevOps Enterprise Summit registration.
-            </p>
-            <p>
-              <a href="https://www.dora.community/summit">
-                Learn more about the DORA Community Summit
-              </a>
-            </p>
-          </Card>
+          <Grid item xs={12} sm={6} md={6}>
+            <Card title="Lean Coffee Discussions">
+              <p>
+                Community discussions use the{" "}
+                <a href="https://leancoffee.org/">Lean Coffee Format</a>. The
+                goal of these discussions is to provide opportunities for the
+                community to learn, listen, and collaborate. All types of
+                participation is welcome, including active listening.
+              </p>
+              <p>
+                Most sessions start with a guest speaker who's presentation is
+                recorded.{" "}
+                <a href="https://www.youtube.com/@dora-dev">
+                  Watch previous sessions.
+                </a>{" "}
+              </p>
+              <p>
+                Would you like to present at a community discussion? Please
+                email{" "}
+                <a href="emailto:dora-community-events@googlegroups.com">
+                  dora-community-events@googlegroups.com
+                </a>
+              </p>
+            </Card>
           </Grid>
         </Grid>
         <Card title="DORA Community Guides">
-          <Grid container spacing={{ xs: 2, md: 3 }}>
-            <Grid item xs={12} sm={6} md={3}>
+        <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Steve Fenton"
               altText="Steve Fenton"
               image={steveFenton}
-              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-time Microsoft MVP with more than two decades of experience in software delivery. He has written books on TypeScript (Apress, InfoQ), Octopus Deploy, and Web Operations. Steve has worked in the role of Software Engineer, SDET, Development Manager, and Director of Product and Data in a range of startups, SMEs, and enterprises."
+              body="Steve Fenton is an Octonaut at Octopus Deploy and a five-
+              time Microsoft MVP with more than two decades of experience in
+              software delivery. He has written books on TypeScript (Apress,
+              InfoQ), Octopus Deploy, and Web Operations. Steve has worked in
+              the role of Software Engineer, SDET, Development Manager, and
+              Director of Product and Data in a range of startups, SMEs, and
+              enterprises."
               linkedIn="https://www.linkedin.com/in/stevefenton/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Denali Lumma"
               altText="Denali Lumma"
               image={denaliLumma}
-              body="Denali Lumma is a technology executive with over 20 years experience in startup to public offering, small, midsize and global companies supporting teams responsible for customer-facing product development for B2C, B2B, healthcare and life sciences, and infrastructure teams responsible for technical platforms, security, privacy, compliance, corporate IT, quality, reliability, and availability. She has helped to build multiple unicorns as an early engineer at companies like Netflix, 23andMe, Okta, Salesforce, and Uber. Denali serves on the board for Savage Jazz Dance Company, distinguished by its disciplined dancers and instructors, and its dedication to the exploration of jazz music’s range of expression. She is an investor in Steezy, making dance the next big global sport. Denali is Founder and CEO at Doubling, offering technical advisory services to portfolio companies at Y Combinator, Andreessen Horowitz, and other venture capital groups. Denali lives in Los Gatos, California with her husband and two children. "
+              body="Denali Lumma is a technology executive with over 20 years
+              experience in startup to public offering, small, midsize and
+              global companies supporting teams responsible for customer-facing
+              product development for B2C, B2B, healthcare and life sciences,
+              and infrastructure teams responsible for technical platforms,
+              security, privacy, compliance, corporate IT, quality,
+              reliability, and availability. She has helped to build multiple
+              unicorns as an early engineer at companies like Netflix, 23andMe,
+              Okta, Salesforce, and Uber. Denali serves on the board for Savage
+              Jazz Dance Company, distinguished by its disciplined dancers and
+              instructors, and its dedication to the exploration of jazz music's
+              range of expression. She is an investor in Steezy, making dance
+              the next big global sport. Denali is Founder and CEO at Doubling,
+              offering technical advisory services to portfolio companies at Y
+              Combinator, Andreessen Horowitz, and other venture capital
+              groups. Denali lives in Los Gatos, California with her husband and
+              two children. "
               linkedIn="https://www.linkedin.com/in/denali-lumma/"
             />
-            </Grid>
-            <Grid item xs={12} sm={6} md={3}>
+          </Grid>
+          <Grid item xs={12} sm={6} md={3}>
             <DoraGuideHighlight
               title="Betsalel (Saul) Williamson"
               altText="Betsalel (Saul) Williamson"
               image={saulWilliamson}
-              body="Betsalel (Saul) Williamson is an Electrical Engineer and has a broad range of experiences in community development and DevOps. He is the owner of Williamson Computing Services, LLC and helps companies implement best practices in DevOps and new product development.
-            He is passionate about helping his peers and projects succeed. Saul has served on the boards of Pittsburgh chapters of PDMA and IEEE where he developed workshops, events, and conducted market research to help students and professionals engage with their local communities.
-            Saul lives with sensory sensitivities and is a disability and LGBT+ advocate. He promotes diversity, equity, and inclusion practices that supply a healthy environment for everyone to learn and grow!
-            Outside of work, Saul enjoys working on software hobby projects, traveling, and playing classical piano.  He lives in Palm Springs, California."
+              body="Betsalel (Saul) Williamson is an Electrical Engineer and has
+              a broad range of experiences in community development and DevOps.
+              He is the owner of Williamson Computing Services, LLC and helps
+              companies implement best practices in DevOps and new product
+              development. He is passionate about helping his peers and projects
+              succeed. Saul has served on the boards of Pittsburgh chapters of
+              PDMA and IEEE where he developed workshops, events, and conducted
+              market research to help students and professionals engage with
+              their local communities. Saul lives with sensory sensitivities and
+              is a disability and LGBT+ advocate. He promotes diversity,
+              equity, and inclusion practices that supply a healthy environment
+              for everyone to learn and grow! Outside of work, Saul enjoys
+              working on software hobby projects, traveling, and playing
+              classical piano.  He lives in Palm Springs, California."
               linkedIn="https://www.linkedin.com/in/betsalel/"
             />
             </Grid>
+          </Grid>
+          <Grid
+            container
+            spacing={{ xs: 2, md: 3 }}
+            justifyContent="center"
+          >
+            <Grid item xs={12} sm={6} md={3}>
+              <DoraGuideHighlight
+                title="Lisa Crispin"
+                altText="Lisa Crispin"
+                image={lisaCrispin}
+                body={
+                  <Box>
+                    Lisa Crispin is the co-author, with Janet Gregory, of three
+                    books: Agile Testing Condensed: A Brief Introduction, More
+                    Agile Testing: Learning Journeys for the Whole Team, Agile
+                    Testing: A Practical Guide for Testers and Agile Teams; the
+                    LiveLessons Agile Testing Essentials video course. She and
+                    Janet co-founded the Agile Testing Fellowship, which offers
+                    “Holistic Testing: Strategies for agile teams” live training
+                    course both remotely and in-person. Lisa was voted by her
+                    peers as the Most InfluentialAgile Testing Professional
+                    Person at Agile Testing Days in 2012. She is co-founder with
+                    Janet of Agile Testing Fellowship, Inc. and is happily
+                    available for training and consulting. Please visit{" "}
+                    <a href="https://www.lisacrispin.com" target="_blank">
+                      www.lisacrispin.com
+                    </a>
+                    ,{" "}
+                    <a href="https://www.agiletestingfellow.com" target="_blank">
+                      www.agiletestingfellow.com
+                    </a>
+                    , and{" "}
+                    <a href="https://www.agiletester.ca" target="_blank">
+                      www.agiletester.ca
+                    </a>{" "}
+                    for more. Contact Lisa on Twitter, and LinkedIn.
+                  </Box>
+                }
+                linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
+                twitter="https://twitter.com/lisacrispin"
+              />
+            </Grid>
             <Grid item xs={12} sm={6} md={3}>
-            <DoraGuideHighlight
-              title="Lisa Crispin"
-              altText="Lisa Crispin"
-              image={lisaCrispin}
-              body={
-                <Box>
-                  Lisa Crispin is the co-author, with Janet Gregory, of three
-                  books: Agile Testing Condensed: A Brief Introduction, More
-                  Agile Testing: Learning Journeys for the Whole Team, Agile
-                  Testing: A Practical Guide for Testers and Agile Teams; the
-                  LiveLessons Agile Testing Essentials video course. She and
-                  Janet co-founded the Agile Testing Fellowship, which offers
-                  “Holistic Testing: Strategies for agile teams” live training
-                  course both remotely and in-person. Lisa was voted by her
-                  peers as the Most InfluentialAgile Testing Professional Person
-                  at Agile Testing Days in 2012. She is co-founder with Janet of
-                  Agile Testing Fellowship, Inc. and is happily available for
-                  training and consulting. Please visit{" "}
-                  <a href="https://www.lisacrispin.com" target="_blank">
-                    www.lisacrispin.com
-                  </a>
-                  ,{" "}
-                  <a href="https://www.agiletestingfellow.com" target="_blank">
-                    www.agiletestingfellow.com
-                  </a>
-                  , and{" "}
-                  <a href="https://www.agiletester.ca" target="_blank">
-                    www.agiletester.ca
-                  </a>{" "}
-                  for more. Contact Lisa on Twitter, and LinkedIn.
-                </Box>
-              }
-              linkedIn="https://www.linkedin.com/in/lisa-crispin-88420a/"
-              twitter="https://twitter.com/lisacrispin"
-            />
+              <DoraGuideHighlight
+                title="Dhruv Agarwal"
+                altText="Dhruv Agarwal"
+                image={dhruvAgarwal}
+                body={
+                  <Box>
+                    <p>
+                      Dhruv Agarwal thrives on bringing structure to chaos,
+                      building sustainable systems, and scaling high-performing
+                      teams. A builder at heart, he has spent the last decade
+                      crafting software, leading teams, and driving efficiency in
+                      engineering workflows.
+                    </p>
+                    <p>
+                      Beyond technology, Dhruv is a passionate storyteller, hosting
+                      podcasts like The Change Story and The Tech Voyager, where he
+                      explores innovation, leadership, and transformation.
+                    </p>
+                    <p>
+                      As the CEO of MiddlewareHQ, he is on a mission to help
path: src/components/JoinPage.tsx
user: login: nathenharvey
body: fixed
created_at: 2025-03-24T14:54:13Z
author_association: CONTRIBUTOR

PR comments:
user: login: netlify[bot]
created_at: 2025-03-18T21:27:27Z
body: ### <span aria-hidden="true">✅</span> Deploy Preview for *dora-community* ready!


|  Name | Link |
|:-:|------------------------|
|<span aria-hidden="true">🔨</span> Latest commit | 3f69cad908371d357bf312e6753d8c9750c0da55 |
|<span aria-hidden="true">🔍</span> Latest deploy log | https://app.netlify.com/sites/dora-community/deploys/67e171f7ae46000008436a0f |
|<span aria-hidden="true">😎</span> Deploy Preview | [https://deploy-preview-121--dora-community.netlify.app](https://deploy-preview-121--dora-community.netlify.app) |
|<span aria-hidden="true">📱</span> Preview on mobile | <details><summary> Toggle QR Code... </summary><br /><br />![QR Code](https://app.netlify.com/qr-code/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJodHRwczovL2RlcGxveS1wcmV2aWV3LTEyMS0tZG9yYS1jb21tdW5pdHkubmV0bGlmeS5hcHAifQ.VAjzrWIzAqXqIj4CjbLZb16tZue-UU9vcH3v0B48haw)<br /><br />_Use your smartphone camera to open QR code link._</details> |
---
<!-- [dora-community Preview](https://deploy-preview-121--dora-community.netlify.app) -->
_To edit notification comments on pull requests, go to your [Netlify site configuration](https://app.netlify.com/sites/dora-community/configuration/notifications#deploy-webhooks)._
author_association: NONE
user: login: nathenharvey
created_at: 2025-03-19T11:01:31Z
body: /gemini review
author_association: CONTRIBUTOR
user: login: nathenharvey
created_at: 2025-03-19T11:04:25Z
body: /gemini summary
author_association: CONTRIBUTOR
user: login: gemini-code-assist[bot]
created_at: 2025-03-19T11:04:36Z
body: ## Summary of Changes
This pull request focuses on updating the Join page of the DORA community website. The primary goals are to add Dhruv Agarwal as a community guide, clean up the page's structure, and improve the overall presentation. This includes adding a second row for DORA Community Guides, removing outdated content, combining related items, and updating existing bios. The PR also includes formatting updates, import cleanup, and the addition of tests for the Join page, as well as a comment explaining a skipped test on the Home page. The changes touch `src/assets/index.ts`, `src/components/JoinPage.tsx`, `src/components/index.ts`, `test/playwright/tests/HomePage.spec.ts`, and `test/playwright/tests/JoinPage.spec.ts`.

### Highlights
* **New Community Guide**: Dhruv Agarwal has been added as a DORA Community Guide, with his bio and headshot included on the Join page.
* **Join Page Cleanup**: The Join page has been cleaned up by removing the Community Connections and Community Summit cards, and combining the mailing list and lean coffee discussions into a single row.
* **Codebase Improvements**: The pull request cleans up the imports by creating two new files (`src/assets/index.ts` and `src/components/index.ts`) that export the relevant components.
* **Testing**: Adds tests for the Join page to ensure functionality and adds a comment to the tests for the Home page about why one test is skipped.

### Changelog
* **src/assets/index.ts**
  * Added exports for headshots of community members, including Dhruv Agarwal, Lisa Crispin, and Nathen Harvey.
* **src/components/JoinPage.tsx**
  * Added Dhruv Agarwal as a DORA Community Guide.
  * Removed Community Connections and Community Summit cards.
  * Combined mailing list and lean coffee discussions on the same row.
  * Updated Nathen Harvey's bio.
  * Cleaned up imports by using the new `src/components/index.ts` and `src/assets/index.ts` files.
  * Made formatting updates to improve the page's layout and readability.
* **src/components/index.ts**
  * Created this new file to export components like Card, DoraGuideHighlight, Hero, SignUpButton, and SiteBanner.
* **test/playwright/tests/HomePage.spec.ts**
  * Added a comment to explain why the 'Report card button navigates to correct URL' test is skipped.
* **test/playwright/tests/JoinPage.spec.ts**
  * Created this new file to add tests for the Join page, verifying the presence of key elements and text.

### Activity
* Netlify bot provided a deploy preview link.
* gemini-code-assist[bot] identified a missing LinkedIn URL for Dhruv Agarwal and a missing closing tag for a paragraph in Dhruv's body content, both of which were fixed by nathenharvey.
* gemini-code-assist[bot] inquired about the consistency of the `justifyContent` property in `Grid` containers and the duplication of button text in the test file, but nathenharvey indicated that the current implementation is working as intended.

author_association: NONE