diff --git a/fwt/components/Head/Head.tsx b/fwt/components/Head/Head.tsx
new file mode 100644
index 0000000..8299bc9
--- /dev/null
+++ b/fwt/components/Head/Head.tsx
@@ -0,0 +1,20 @@
+interface Props {
+ title: string
+ name: string
+ description: string
+}
+
+export default (props: Props) => {
+ return (
+ <>
+
+
+
+
+
+
+ {props.title}
+
+ >
+ )
+}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 18af47b..7275c1a 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -6,20 +6,13 @@ const websiteDescription = 'This is just a template.'
import Background from '../../fwt/components/Background/Background'
import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground'
+import Head from '../../fwt/components/Head/Head'
---
-
-
-
-
-
-
- {title}
-
+
-
diff --git a/tests/index.spec.ts b/tests/index.spec.ts
index ac6ef40..3f2e1c4 100644
--- a/tests/index.spec.ts
+++ b/tests/index.spec.ts
@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
test('page loaded correctly', async ({ page }) => {
await page.goto('http://localhost:4321')
- await expect(page).toHaveTitle('Home')
+ await expect(page).toHaveTitle('FWT')
const descriptionMeta = await page.getAttribute('meta[name="name"]', 'content')
expect(descriptionMeta).toBe('Template')
@@ -23,5 +23,5 @@ test('header title is visible and contains correct text', async ({ page }) => {
await page.goto('http://localhost:4321')
const headerTitle = await page.textContent('h1')
- expect(headerTitle).toBe('Main Page')
+ expect(headerTitle).toBe('Fast WebApp Template')
})