Introduce sign up cta in main

[stefanjudis]

Affected Components

• Content & Marketing
• Pricing
• Test
• Docs
• Learn
• Other

Notes for the Reviewer

I realize this PR is rather heavy because of slop removals and typo corrections. Apologies. :/

The primary goal of this PR is to reduce the amount of halizunations, improve /learn and test if clear CTAs can increase CTR and sign-up rate.

❗ It also fixes some fake news about the PCS max duration.

A new <SignUpCta> component

The /learn section now includes multiple CTAs to nudge people to sign up. We'll set up a GA to evaluate if this makes a difference. :)

Light	Dark

[Copilot]

Pull request overview

This PR introduces a new <SignUpCta> component across multiple /learn documentation pages to encourage user sign-ups, while also cleaning up content with typo corrections, clarifications, and updated statistics.

Changes:

• Introduces a reusable <SignUpCta> component with gradient styling and call-to-action messaging
• Updates Playwright documentation with improved explanations, corrected typos, and modernized content
• Adds Playwright logo SVG asset for use in the CTA component

Reviewed changes

Copilot reviewed 19 out of 22 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
snippets/sign-up-cta.mdx	New reusable sign-up CTA component with gradient styling
learn/playwright/what-is-playwright.mdx	Adds CTA, updates NPM download statistics, adds Checkly integration section
learn/playwright/waits-and-timeouts.mdx	Adds CTA, clarifies wait methods with improved formatting
learn/playwright/testing-in-parallel.mdx	Adds CTA, reorganizes YouTube embed placement
learn/playwright/taking-screenshots.mdx	Adds CTA at end of document
learn/playwright/selectors.mdx	Adds CTA, improves formatting, updates link references
learn/playwright/navigation.mdx	Adds CTA, improves actionability checks explanation, adds Warning component
learn/playwright/multitab-flows.mdx	Adds CTA at end of document
learn/playwright/intercept-requests.mdx	Adds CTA, adds new section on avoiding network interception in monitoring
learn/playwright/iframe-interaction.mdx	Adds CTA after code examples
learn/playwright/how-to-detect-broken-links.mdx	Adds CTA at end of document
learn/playwright/generating-pdfs.mdx	Adds CTA, clarifies header/footer template usage
learn/playwright/emulating-mobile-devices.mdx	Adds CTA at end of document
learn/playwright/codegen.mdx	Adds CTA, improves step descriptions, corrects step numbering
learn/playwright/clicking-typing-hovering.mdx	Adds CTA, removes alternative click methods section
learn/playwright/authentication.mdx	Adds CTA, fixes indentation, improves heading formatting
learn/playwright/assertions.mdx	Adds CTA, adds soft assertion code example, improves clarity throughout
images/icons/playwright.svg	New Playwright logo SVG for use in CTA component
detect/synthetic-monitoring/playwright-checks/overview.mdx	Emphasizes key value proposition with bold text
detect/synthetic-monitoring/playwright-checks/configuration.mdx	Updates max runtime from 15 to 30 minutes

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 19 out of 22 changed files in this pull request and generated 15 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The text states "As of March 2023" but then claims "32 million NPM downloads per week". This seems like outdated information being updated, but the date "As of March 2023" is now quite old (it's January 2026). Consider updating the date reference to reflect when these statistics were last verified, or remove the temporal reference entirely to avoid the content appearing stale.

Suggested change

Since its release in January 2020 by Microsoft, Playwright has experienced a surge in usage and popularity. As of March 2023, its GitHub repository has received 48.4k stars and 2.4k forks, and is currently averaging more than 32 million NPM downloads per week. Playwright is used by enterprise and open-source development projects alike, including Adobe Spectrum, Visual Studio Code, and React Navigation.

Since its release in January 2020 by Microsoft, Playwright has experienced a surge in usage and popularity. Its GitHub repository has received 48.4k stars and 2.4k forks, and is currently averaging more than 32 million NPM downloads per week. Playwright is used by enterprise and open-source development projects alike, including Adobe Spectrum, Visual Studio Code, and React Navigation.

[guolau]

A few small nits 🙂

Thanks for going through these pages!

[guolau]

Suggested change

	### Step 3: Add Assertions to your tests

It seems the steps are not numbered correctly?

[guolau]

Is there a reason to move the Youtube embed above this line?

We need to remove the : or move the embed back below this line 🤔

Suggested change

	Over on [the Checkly YouTube channel](https://www.youtube.com/checklyhq), Stefan gets hands-on with Playwright test Parallelism and execution modes:
	Over on [the Checkly YouTube channel](https://www.youtube.com/checklyhq), Stefan gets hands-on with Playwright test Parallelism and execution modes.

[stefanjudis]

I thought it looked better. :D But I've got no strong opinion here. :)

[guolau]

Suggested change

	When you can't wait for an element to appear on a page and want to explicitly wait for the network use the following.
	When you can't wait for an element to appear on a page and want to explicitly wait for the network, use the following:

[stefanjudis]

@guolau Thanks for the review! I extended the CTA usage and changed some more minor things. :)

[guolau]

Two small nits. I think the MS check one was from before, and I only noticed the "200 seconds" issue with this review