diff --git a/.gitignore b/.gitignore
index 99bb425..da2256f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -18,5 +18,5 @@ package-lock.json
 yarn.lock
 
 src/routes/testdir/*
-/tests
+/test-results
 
diff --git a/tests/blocks.test.ts b/tests/blocks.test.ts
new file mode 100644
index 0000000..b9181bc
--- /dev/null
+++ b/tests/blocks.test.ts
@@ -0,0 +1,290 @@
+import { expect, test } from '@playwright/test';
+
+test('index page has expected h1', async ({ page }) => {
+  await page.goto('/');
+  expect(await page.textContent('h1')).toBe('Flowbite Blocks in Svelte');
+});
+
+// Application pages
+test('Application UI page has expected h1', async ({ page }) => {
+  await page.goto('/application');
+  expect(await page.textContent('h1')).toBe('Application UI - Flowbite Svelte Blocks');
+});
+
+test('Advanced table has expected h1', async ({ page }) => {
+  await page.goto('/application/advanced-tables');
+  expect(await page.textContent('h1')).toBe('Svelte Advanced Tables - Flowbite Svelte Blocks');
+});
+
+test('Create Drawers (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-create-drawers');
+  expect(await page.textContent('h1')).toBe('Svelte Create Drawers (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Create Formss (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-create-forms');
+  expect(await page.textContent('h1')).toBe('Svelte Create Forms (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Create Modals (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-create-modals');
+  expect(await page.textContent('h1')).toBe('Svelte Create Modals (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Delte Confirm (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-delete-confirm');
+  expect(await page.textContent('h1')).toBe('Svelte Delete Confirm (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Read Drawers (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-read-drawers');
+  expect(await page.textContent('h1')).toBe('Svelte Read Drawers (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Read Modals (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-read-modals');
+  expect(await page.textContent('h1')).toBe('Svelte Read Modals (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Read Sections (CRUD)  has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-read-sections');
+  expect(await page.textContent('h1')).toBe('Svelte Read Sections (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Crud Success Message  has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-success-message');
+  expect(await page.textContent('h1')).toBe('Svelte Success Message (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Update Drawers (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-update-drawers');
+  expect(await page.textContent('h1')).toBe('Svelte Update Drawers (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Update Forms (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-update-forms');
+  expect(await page.textContent('h1')).toBe('Svelte Update Forms (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Update Modals (CRUD) has expected h1', async ({ page }) => {
+  await page.goto('/application/crud-update-modals');
+  expect(await page.textContent('h1')).toBe('Svelte Update Modals (CRUD) - Flowbite Svelte Blocks');
+});
+
+test('Dashboard Footers has expected h1', async ({ page }) => {
+  await page.goto('/application/dashboard-footer');
+  expect(await page.textContent('h1')).toBe('Svelte Dashboard Footers - Flowbite Svelte Blocks');
+});
+
+test('Faceted Search Drawers has expected h1', async ({ page }) => {
+  await page.goto('/application/faceted-search-drawers');
+  expect(await page.textContent('h1')).toBe('Svelte Faceted Search Drawers - Flowbite Svelte Blocks');
+});
+
+test('Faceted Search Modals has expected h1', async ({ page }) => {
+  await page.goto('/application/faceted-search-modals');
+  expect(await page.textContent('h1')).toBe('Svelte Faceted Search Modals - Flowbite Svelte Blocks');
+});
+
+test('Filters has expected h1', async ({ page }) => {
+  await page.goto('/application/filter');
+  expect(await page.textContent('h1')).toBe('Svelte Dropdown Filters - Flowbite Svelte Blocks');
+});
+
+test('Navbar has expected h1', async ({ page }) => {
+  await page.goto('/application/navbar');
+  expect(await page.textContent('h1')).toBe('Svelte Dashboard Navbars - Flowbite Svelte Blocks');
+});
+
+test('Sidenav has expected h1', async ({ page }) => {
+  await page.goto('/application/sidenav');
+  expect(await page.textContent('h1')).toBe('Svelte Side Navigations - Flowbite Svelte Blocks');
+});
+
+test('Table Footers has expected h1', async ({ page }) => {
+  await page.goto('/application/table-footers');
+  expect(await page.textContent('h1')).toBe('Svelte Table Footers - Flowbite Svelte Blocks');
+});
+
+test('Table Headers has expected h1', async ({ page }) => {
+  await page.goto('/application/table-headers');
+  expect(await page.textContent('h1')).toBe('Svelte Table Headers - Flowbite Svelte Blocks');
+});
+
+// Example page
+test('example page has expected h1', async ({ page }) => {
+  await page.goto('/example');
+  expect(await page.textContent('h1')).toBe('Payments tool for software companies');
+});
+
+// Markeing pages
+test('Marketing UI page has expected h1', async ({ page }) => {
+  await page.goto('/marketing');
+  expect(await page.textContent('h1')).toBe('Marketing UI - Flowbite Svelte Blocks');
+});
+
+test('404 Page page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/404');
+  expect(await page.textContent('h1')).toBe('Svelte 404 Pages - Flowbite Svelte Blocks');
+});
+
+test('500 Page page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/500');
+  expect(await page.textContent('h1')).toBe('Svelte 500 Pages - Flowbite Svelte Blocks');
+});
+
+test('Account Recovery Form page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/account-recovery');
+  expect(await page.textContent('h1')).toBe('Svelte Account Recovery Form - Flowbite Svelte Blocks');
+});
+
+test('Banners page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/banner');
+  expect(await page.textContent('h1')).toBe('Svelte Banner - Flowbite Svelte Blocks');
+});
+
+test('Blog Sections page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/blog');
+  expect(await page.textContent('h1')).toBe('Svelte Blog Sections - Flowbite Svelte Blocks');
+});
+
+test('Contact Forms page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/contact');
+  expect(await page.textContent('h1')).toBe('Svelte Contact Form - Flowbite Svelte Blocks');
+});
+
+test('Content Sections page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/content');
+  expect(await page.textContent('h1')).toBe('Svelte Content Sections - Flowbite Svelte Blocks');
+});
+
+test('Cookie Consent page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/cookie');
+  expect(await page.textContent('h1')).toBe('Svelte Cookie Consent - Flowbite Svelte Blocks');
+});
+
+test('CTA Sections page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/cta');
+  expect(await page.textContent('h1')).toBe('Svelte CTA Sections - Flowbite Svelte Blocks');
+});
+
+test('Customer Logos page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/customer-logos');
+  expect(await page.textContent('h1')).toBe('Svelte Customer Logos - Flowbite Svelte Blocks');
+});
+
+test('Schedule page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/event-schedule');
+  expect(await page.textContent('h1')).toBe('Svelte Event Schedule - Flowbite Svelte Blocks');
+});
+
+test('FAQ Sections page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/faq');
+  expect(await page.textContent('h1')).toBe('Svelte FAQ Sections - Flowbite Svelte Blocks');
+});
+
+test('Feature Sections page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/feature');
+  expect(await page.textContent('h1')).toBe('Svelte Feature Sections - Flowbite Svelte Blocks');
+});
+
+test('Footer Sections page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/footer');
+  expect(await page.textContent('h1')).toBe('Svelte Footer Sections - Flowbite Svelte Blocks');
+});
+
+test('Header page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/header');
+  expect(await page.textContent('h1')).toBe('Svelte Headers - Flowbite Svelte Blocks');
+});
+
+test('Hero Sections page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/hero');
+  expect(await page.textContent('h1')).toBe('Svelte Hero Sections - Flowbite Svelte Blocks');
+});
+
+test('Login Forms page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/login');
+  expect(await page.textContent('h1')).toBe('Svelte Login Forms - Flowbite Svelte Blocks');
+});
+
+test('Maintenance Pages page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/maintenance');
+  expect(await page.textContent('h1')).toBe('Svelte Maintenance Pages - Flowbite Svelte Blocks');
+});
+
+test('Newsletter Sections page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/newsletter');
+  expect(await page.textContent('h1')).toBe('Svelte Newsletter Sections - Flowbite Svelte Blocks');
+});
+
+test('Popup page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/popup');
+  expect(await page.textContent('h1')).toBe('Svelte Popups - Flowbite Svelte Blocks');
+});
+
+test('Portfolio page has expected h1', async ({ page }) => {
+  await page.goto('/marketing/portfolio');
+  expect(await page.textContent('h1')).toBe('Svelte Portfolio - Flowbite Svelte Blocks');
+});
+
+test('Pricing Table has expected h1', async ({ page }) => {
+  await page.goto('/marketing/pricing');
+  expect(await page.textContent('h1')).toBe('Svelte Pricing Tables - Flowbite Svelte Blocks');
+});
+
+test('Register Forms has expected h1', async ({ page }) => {
+  await page.goto('/marketing/register');
+  expect(await page.textContent('h1')).toBe('Svelte Register Forms - Flowbite Svelte Blocks');
+});
+
+test('Reset Password Form has expected h1', async ({ page }) => {
+  await page.goto('/marketing/reset-password');
+  expect(await page.textContent('h1')).toBe('Svelte Reset Password Forms - Flowbite Svelte Blocks');
+});
+
+test('Social Proof Form has expected h1', async ({ page }) => {
+  await page.goto('/marketing/social-proof');
+  expect(await page.textContent('h1')).toBe('Svelte Social Proof - Flowbite Svelte Blocks');
+});
+
+test('Team Sections Form has expected h1', async ({ page }) => {
+  await page.goto('/marketing/team');
+  expect(await page.textContent('h1')).toBe('Svelte Team Sections - Flowbite Svelte Blocks');
+});
+
+test('Testimonial has expected h1', async ({ page }) => {
+  await page.goto('/marketing/testimonial');
+  expect(await page.textContent('h1')).toBe('Svelte Testimonial - Flowbite Svelte Blocks');
+});
+
+test('User Onboarding has expected h1', async ({ page }) => {
+  await page.goto('/marketing/user-onboarding');
+  expect(await page.textContent('h1')).toBe('Svelte User Onboarding - Flowbite Svelte Blocks');
+});
+
+test('Publisher UI page has expected h1', async ({ page }) => {
+  await page.goto('/publisher');
+  expect(await page.textContent('h1')).toBe('Publisher UI - Flowbite Svelte Blocks');
+});
+
+test('Blog templates has expected h1', async ({ page }) => {
+  await page.goto('/publisher/blog-templates');
+  expect(await page.textContent('h1')).toBe('Svelte Blog Templates - Flowbite Svelte Blocks');
+});
+
+test('Comments Sections has expected h1', async ({ page }) => {
+  await page.goto('/publisher/comments');
+  expect(await page.textContent('h1')).toBe('Svelte Comments Sections - Flowbite Svelte Blocks');
+});
+
+test('Related Articles has expected h1', async ({ page }) => {
+  await page.goto('/publisher/related-articles');
+  expect(await page.textContent('h1')).toBe('Svelte Related Articles - Flowbite Svelte Blocks');
+});
+
+// Pages
+test('Quickstart has expected h1', async ({ page }) => {
+  await page.goto('/pages/quickstart');
+  expect(await page.textContent('h1')).toBe('Quickstart - Flowbite Svelte Blocks');
+});