Use new component

arbetsmarknad · Jan 22, 2025 · 3108744 · 3108744
1 parent 0463d20
commit 3108744
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,14 +1,14 @@
-import { Container } from "@arbetsmarknad/components/Container";
 import {
   Breadcrumb,
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbSeparator,
 } from "@arbetsmarknad/components/Breadcrumb";
-
+import { Container } from "@arbetsmarknad/components/Container";
 import { HeaderMenu } from "@arbetsmarknad/components/HeaderMenu";
 import { Page } from "@arbetsmarknad/components/Page";
+import { TopLevelHeading } from "@arbetsmarknad/components/TopLevelHeading";
 
 export default function Home() {
   return (
@@ -30,9 +30,10 @@ export default function Home() {
           </BreadcrumbList>
         </Container>
       </Breadcrumb>
-      <main className="flex justify-center w-full py-4">
+      <main className="flex flex-col justify-center w-full py-4">
         <Container>
-          <h1>Arbetsmarknad Starter Project</h1>
+          <TopLevelHeading text="Arbetsmarknad Starter Project" />
+          <p>This is a starter project for Arbetsmarknad web content.</p>
         </Container>
       </main>
     </Page>

diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@arbetsmarknad/components": "^0.0.8",
+    "@arbetsmarknad/components": "^0.0.9",
     "@eslint/eslintrc": "^3",
     "@tailwindcss/postcss": "^4.0.0",
     "@types/node": "^20",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml