Skip to content

Commit fa796b7

Browse files
committed
Apply Typography components and semantic tokens to remaining pages
Replaced raw HTML with design system components for consistency. Changes: - blog.astro: Use Heading/Body components instead of raw h1/p - statsbomb.astro: Replace border-gray-200 with border-neutral-light All pages now use design system components exclusively.
1 parent e23c9e5 commit fa796b7

File tree

2 files changed

+9
-7
lines changed

2 files changed

+9
-7
lines changed

src/pages/blog.astro

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,18 @@
11
---
22
import Layout from '../layouts/Layout.astro';
3+
import Heading from '../components/typography/Heading.astro';
4+
import Body from '../components/typography/Body.astro';
35
---
46

57
<Layout title="Blog - Saad Shahd">
68
<div class="max-w-6xl mx-auto px-6 py-20">
7-
<h1 class="text-2xl font-bold mb-12"><span>Blog</span></h1>
8-
<p class="text-xl text-neutral mb-16">
9+
<Heading level={1} as="h1" class="mb-12"><span>Blog</span></Heading>
10+
<Body size="xl" as="p" class="text-neutral mb-16">
911
Technical articles on systems, architecture, and engineering practices
10-
</p>
12+
</Body>
1113

12-
<div class="text-neutral">
14+
<Body as="div" class="text-neutral">
1315
No posts yet. Check back soon!
14-
</div>
16+
</Body>
1517
</div>
1618
</Layout>

src/pages/portfolio/statsbomb.astro

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ import Body from '../../components/typography/Body.astro';
3232
</Body>
3333
</div>
3434

35-
<hr class="border-gray-200 my-12" />
35+
<hr class="border-neutral-light my-12" />
3636

3737
<!-- Problem Section -->
3838
<section class="mb-16">
@@ -90,7 +90,7 @@ import Body from '../../components/typography/Body.astro';
9090
</div>
9191
</section>
9292

93-
<hr class="border-gray-200 my-12" />
93+
<hr class="border-neutral-light my-12" />
9494

9595
<!-- Footer Navigation -->
9696
<div class="flex justify-between items-center">

0 commit comments

Comments
 (0)