diff --git a/tests/__screenshots__/production/homePage.spec.ts/deposited-cycles.png b/tests/__screenshots__/production/homePage.spec.ts/deposited-cycles.png
new file mode 100644
index 0000000..719b174
Binary files /dev/null and b/tests/__screenshots__/production/homePage.spec.ts/deposited-cycles.png differ
diff --git a/tests/__screenshots__/production/homePage.spec.ts/failed-deposit-cycles.png b/tests/__screenshots__/production/homePage.spec.ts/failed-deposit-cycles.png
new file mode 100644
index 0000000..d7faf24
Binary files /dev/null and b/tests/__screenshots__/production/homePage.spec.ts/failed-deposit-cycles.png differ
diff --git a/tests/homePage.spec.ts b/tests/homePage.spec.ts
new file mode 100644
index 0000000..1171c0d
--- /dev/null
+++ b/tests/homePage.spec.ts
@@ -0,0 +1,37 @@
+import { test, expect } from '@playwright/test';
+
+
+test('checking the url', async ({page}) => {
+  await page.goto('/')
+  await expect(page).toHaveURL('http://localhost:3000/')
+})
+
+test('checking home page', async ({page}) => {
+  await page.goto('/')
+  await expect(page.getByRole('heading',{name: 'Welcome to React Email'})).toContainText('Welcome to React Email')
+})
+
+test('cheking for presence of notifications', async ({page}) => {
+  await page.goto('/')
+  await expect(page.locator('//h3')).toHaveText('notifications')
+})
+
+test('checking for presence of mails', async ({page}) => {
+  await page.goto('/')
+  await page.locator('//h3').click()
+  for (const element of await page.locator('span.truncate.w-\\[calc\\(100\\%\\-1\\.25rem\\)\\]').all()) {
+  expect(element).toBeVisible()}
+  })
+
+test('checking for screenshot light mode', async ({page}) => {
+  page.goto('/')
+  await page.locator('//h3').click()
+  await page.getByText('deposited-cycles').click()
+  await page.locator('#layer2')
+  await expect(page).toHaveScreenshot('deposited-cycles.png')
+
+  await page.getByText('failed-deposit-cycles').click()
+  await page.locator('#layer2')
+  await expect(page).toHaveScreenshot('failed-deposit-cycles.png')
+})
+