Add Call Kent guidance to contact page (#715)

Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: kentcdodds

app/routes/contact.tsx

@@ -151,6 +151,16 @@ export default function ContactRoute() {
 								<a href="mailto:support@egghead.io">support@egghead.io</a>
 								{`) instead. I'll just forward your message to them anyway.`}
 							</Paragraph>
+							<div className="bg-secondary mt-6 rounded-lg p-4">
+								<Paragraph>
+									Have a general question? The best place is the{' '}
+									<Link to="/calls" className="underline">
+										Call Kent podcast
+									</Link>
+									. You can record your question or type it if you don&apos;t
+									want to record yourself.
+								</Paragraph>
+							</div>
 						</div>
 
 						<div className="col-span-full lg:col-span-8 lg:col-start-3">

e2e/contact.spec.ts

@@ -18,6 +18,14 @@ test('Users can send an email', async ({ page, login }) => {
 
 	// verify name and email are prefilled
 	const mainContent = page.getByRole('main')
+	await expect(
+		mainContent.getByText(
+			/have a general question\? the best place is the call kent podcast\./i,
+		),
+	).toBeVisible()
+	await expect(
+		mainContent.getByRole('link', { name: /call kent podcast/i }),
+	).toHaveAttribute('href', '/calls')
 	await expect(mainContent.getByRole('textbox', { name: /name/i })).toHaveValue(
 		user.firstName,
 	)