diff --git a/docs/pages/blog/2023-phuket-retreat.js b/docs/pages/blog/2023-phuket-retreat.js new file mode 100644 index 00000000000000..c99f660d27e825 --- /dev/null +++ b/docs/pages/blog/2023-phuket-retreat.js @@ -0,0 +1,7 @@ +import * as React from 'react'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; +import { docs } from './2023-phuket-retreat.md?@mui/markdown'; + +export default function Page() { + return ; +} diff --git a/docs/pages/blog/2023-phuket-retreat.md b/docs/pages/blog/2023-phuket-retreat.md new file mode 100644 index 00000000000000..b570583410c555 --- /dev/null +++ b/docs/pages/blog/2023-phuket-retreat.md @@ -0,0 +1,125 @@ +--- +title: Together Week lands in Phuket, Thailand +description: The latest team retreat left MUIers feeling more connected and invigorated than ever. Here's how it went down. +date: 2023-12-13T00:00:00.000Z +authors: ['mikailaread'] +card: true +tags: ['Company'] +--- + +## What is MUI's Together Week? + +At MUI, we take team connection seriously, with core values urging us to "Put #community first." +In part, this is a reference to the user base we serve; it's also a call to foster a strong sense of belonging within our internal team. + +Some say driving team connectedness can be difficult against the backdrop of a distributed, async work environment. +We say embracing the power of remote work and flexibility will cost you neither culture nor community as long as you're _intentional_ about building both. + +Enter: **MUI's Together Week**. + +Every 8 months, we bring MUIers from all corners of the world together to pursue many worthy outcomes at once. + +- 🤝 Strengthening bonds and relationships +- 🌱 Growing as individuals and a team +- ⚙️ Tackling important challenges +- 💡 Sparking new ideas + +Together Week invites a new level of intentionality to go after goals while offering more unique methods to achieve them. + +The MUI team stands together at the hotel Reflections bar. A sign to the left reads: The Nai Harn. + +## Destination + +In usual MUI fashion, deciding where to go was a team effort. +We crowdsourced ideas, encouraging people to think about locations that would offer a high contrast to [Chamonix (where our last retreat took place)](https://mui.com/blog/2023-chamonix-retreat/). + +The shortlist included places like Costa Rica, Mexico, Madagascar, and Bali—but in the end, Thailand garnered the most interest and excitement. + +Given the great distance some team members would be traveling to attend, we wanted to prioritize their comfort and ability to make the most of their stay. +For that reason, we chose to go South and let the stunning beaches of Phuket drape the background of our time together. + +## Accommodation + +The Nai Harn is a five-star beachfront property boasting incredible luxury balanced with a cozy feel. + +Entrance to the Nai Harn property at night. A lit sign on a leafy backdrop reads: The Nai Harn - Phuket. + +A blend of Thai and international cuisines, plus free rental of kayaks, bicycles, stand-up paddle boards, and an on-site spa were just the ticket to ensure our team could be nourished and relaxed outside of scheduled working sessions and activity. + +Special callout: the on-site rental equipment was no small perk. +Within our agenda for the week, we baked in "Choose your own adventure" hours and invited folks to self-coordinate activities around common interests. +This is where a lot of magic happened as people organically forged new and deeper connections with one another anchored in shared experiences. +More on our approach to crafting a winning retreat agenda coming up next. 👀 + +## Agenda + +We follow a 30/30/30 principle when building our retreat agendas. +This means 30% of time is allocated to conscious team-building events; 30% is allocated to working sessions; and 30% is allocated for down-time or total team freedom. +(You: "Wait, what happened to the other 10%, Mikaila?" +It's better to underestimate and be able to embrace more if there's time than it is to feel rushed through anything. +We expect disruptions that make us start late or run over in different agenda items, so we intentionally bake this bit of a grace window into it.) + +For this retreat we wanted to focus on intentional conversations in a few different areas, including product vision, leadership and management, and marketing. +To kick things off though, everyone was invited to "Win the Conversational Lottery." +I leveraged the incredible WeConnect cards ([check out the free digital version here](https://weconnectcards.com) for your own remote team-building needs) to get people talking. + +Everyone picked up a card once the exercise was explained, choosing from green, purple, or blue. +The green cards were light and fun questions; purple, more self-reflective; and blue, a bit deeper. +Crucially, as part of this exercise, everyone chose what color card they wanted, and could answer the questions posed however they wanted. +After a brief chat, participants would trade cards and find another person they hadn't yet spoken to. + +We Connect cards spread out on a table. Each card poses a different question. + +After the kickoff, we broke out into groups to delve deep into issues and opportunities across the organization. + +It gave us a valuable space to make important decisions together in a rapid-fire way, and to build greater trust and psychological safety with one another along the way. + +## Transformative experiences + +A picture is worth a thousand words they say, so here's a whole heap of our happy faces in far off places! + +MUI team members stand at the steps leading up to Phuket's infamous 'Big Buddha.' + +MUI team members enjoy a private catamaran trip. A rainbow appears over the team's boat. + +MUI team members seated for a team lunch on the Nai Harn's Cosmo dining hall terrace. + +Bharat & Raffaella enjoy the views from the top of a lookout point. + +Andrew, Lukas, & Jose enjoy the views from the top of a lookout point. + +## Outcomes + +In experience surveys, all respondents rated this Together Week five stars out of five. (What a win!) + +It's worth highlighting some of the glowing feedback received, to illustrate why we invest in these types of gatherings: + +"I want to share how impactful the retreat was for my sense of belonging. +This marks a before and after in my time at MUI. +I really appreciate everyone who worked on making it possible, so thank you so much." + +"Everyone I talked to told me this was the best retreat they'd been on - that it was super well-organised, that the accommodation was incredible and it made a huge difference how luxe it was, that the excursions (particularly the boat) were the best yet. +I think it's a real testament to the work and thoughtfulness that went in to planning every detail, from airport transfers to snacks, swag, sessions, EVERYTHING. +So just a huge thank you for not only pulling this off, but executing it to such a high standard." + +"Honestly, the bonding through cards and games was so important and made me feel much more a part of the team. +I feel like on this trip the people I work with became true friends and I expect this is going to have a big effect on how we work together." + +(You're dang right it is—there's plenty of research to back up [the power of work friends](https://hbr.org/2022/10/the-power-of-work-friends)). + +Tina, Raffaella, and Mikaila enjoy a catered coffee break on the terrace between work sessions. + +Reflecting on the whole team experience, many MUIers shared heartfelt messages of thanks and gratitude in our Slack workspace and their own social media channels. +One thing is clear from the entire trip: we simply can't wait to be together again. + +## Will you join us for the next Together Week? + +If you're seeking a workplace where community, innovation, and teamwork truly take priority, you belong at MUI. + +We're not just shaping the future of developer tools; we're cultivating a forward-thinking, community-driven, remote-first culture that promises the freedom to build your dream work-life. + +Sounds compelling? Apply now and be part of something extraordinary! + +Visit [our Careers page](/careers/) 👈 + +MUIers lined up at Banana Beach, enjoying the sand, scenery, and soft drinks. diff --git a/docs/public/static/blog/2023-phuket-retreat/andrii-lukas-jose.jpg b/docs/public/static/blog/2023-phuket-retreat/andrii-lukas-jose.jpg new file mode 100644 index 00000000000000..3b6c8a61408750 Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/andrii-lukas-jose.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/banana-beach.jpg b/docs/public/static/blog/2023-phuket-retreat/banana-beach.jpg new file mode 100644 index 00000000000000..f644ee78a6cf64 Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/banana-beach.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/bharat-raffaella.jpg b/docs/public/static/blog/2023-phuket-retreat/bharat-raffaella.jpg new file mode 100644 index 00000000000000..edb493559b89e2 Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/bharat-raffaella.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/big-buddha.jpg b/docs/public/static/blog/2023-phuket-retreat/big-buddha.jpg new file mode 100644 index 00000000000000..8eb011c52b65f8 Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/big-buddha.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/card.png b/docs/public/static/blog/2023-phuket-retreat/card.png new file mode 100644 index 00000000000000..3a11237b8c9739 Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/card.png differ diff --git a/docs/public/static/blog/2023-phuket-retreat/hotel-entrance.jpg b/docs/public/static/blog/2023-phuket-retreat/hotel-entrance.jpg new file mode 100644 index 00000000000000..acbad81cbc7ddd Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/hotel-entrance.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/lunch-service.jpg b/docs/public/static/blog/2023-phuket-retreat/lunch-service.jpg new file mode 100644 index 00000000000000..f7e8e168241258 Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/lunch-service.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/rainbow-boat.jpg b/docs/public/static/blog/2023-phuket-retreat/rainbow-boat.jpg new file mode 100644 index 00000000000000..2cb411087c7f76 Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/rainbow-boat.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/tina-raffaella-mikaila.jpg b/docs/public/static/blog/2023-phuket-retreat/tina-raffaella-mikaila.jpg new file mode 100644 index 00000000000000..f3405022528570 Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/tina-raffaella-mikaila.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/we-connect-cards.jpg b/docs/public/static/blog/2023-phuket-retreat/we-connect-cards.jpg new file mode 100644 index 00000000000000..987378bf25734e Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/we-connect-cards.jpg differ diff --git a/docs/public/static/blog/2023-phuket-retreat/whole-team-photo.jpg b/docs/public/static/blog/2023-phuket-retreat/whole-team-photo.jpg new file mode 100644 index 00000000000000..9955b639ec7a4d Binary files /dev/null and b/docs/public/static/blog/2023-phuket-retreat/whole-team-photo.jpg differ diff --git a/docs/src/modules/components/TopLayoutBlog.js b/docs/src/modules/components/TopLayoutBlog.js index bf6c8ce94cdabd..83a6ceaa4a19a4 100644 --- a/docs/src/modules/components/TopLayoutBlog.js +++ b/docs/src/modules/components/TopLayoutBlog.js @@ -161,9 +161,12 @@ const Root = styled('div')( lineHeight: 1.7, }, '& img, & video': { - borderRadius: 4, + border: '1px solid', + borderColor: (theme.vars || theme).palette.grey[200], + borderRadius: 12, display: 'block', margin: 'auto', + marginBottom: 16, }, '& strong': { color: (theme.vars || theme).palette.grey[900], @@ -227,6 +230,9 @@ const Root = styled('div')( '& summary': { color: (theme.vars || theme).palette.grey[300], }, + '& img, & video': { + borderColor: alpha(theme.palette.primaryDark[600], 0.5), + }, '& details': { background: alpha(theme.palette.primary[900], 0.3), borderColor: (theme.vars || theme).palette.primaryDark[700],