Use a slightly different approach for intro text

Author: sergioalvz

pages/about.mdx

@@ -12,9 +12,11 @@ export default ({ children }) => {
 
 # About me
 
-{<Text size="l"> Hey there! 👋 I’m Sergio, a software engineer from Oviedo, Spain. I’ve worked in technology for over a
-decade and had the luck to work in different product companies at various stages and positions (from junior engineer to
-CTO!). I’m currently working at <Link href="https://github.com">GitHub</Link> as a Senior Software Engineer.</Text>}
+<div style={{ fontSize: "var(--fs-l)", marginBottom: "1rem" }}>
+  Hey there! 👋 I’m Sergio, a software engineer from Oviedo, Spain. I’ve worked in technology for over a decade and had
+  the luck to work in different product companies at various stages and positions (from junior engineer to CTO!). I’m
+  currently working at [GitHub](https://github.com) as a Senior Software Engineer.
+</div>
 
 My main interests are software design, product development (I have not only worked at product companies but also on
 multiple side projects), and team leadership. I have experience coaching and mentoring software teams. I’m a strong

pages/ai.mdx

@@ -12,10 +12,11 @@ export default ({ children }) => {
 
 # How I use AI
 
-{<Text size="l">On this live page (inspired by <Link href="https://sive.rs/ai">Derek Sivers</Link> and
-
-<Link href="https://www.bydamo.la/p/ai-manifesto">Damola Morenikeji</Link>), I’m sharing how I use AI in my day-to-day
-work, and which parts of my output can be considered AI-created, AI-enhanced, or entirely non-AI generated.</Text>}
+<div style={{ fontSize: "var(--fs-l)", marginBottom: "1rem" }}>
+  On this live page (inspired by [Derek Sivers](https://sive.rs/ai) and [Damola
+  Morenikeji](https://www.bydamo.la/p/ai-manifesto)), I’m sharing how I use AI in my day-to-day work, and which parts of
+  my output can be considered AI-created, AI-enhanced, or entirely non-AI generated.
+</div>
 
 ## Coding
 

pages/contact.mdx

@@ -11,8 +11,10 @@ export default ({ children }) => {
 
 # Let’s talk!
 
-{<Text size="l">I love to talk about software and technology, so if you have any questions or comments, please feel free
-to reach out to me using any of the following methods.</Text>}
+<div style={{ fontSize: "var(--fs-l)", marginBottom: "1rem" }}>
+  I love to talk about software and technology, so if you have any questions or comments, please feel free to reach out
+  to me using any of the following methods.
+</div>
 
 - [Send me an email][email], and you will get a response within 2-4 business days.
 - For quick comments or questions, you can [send me a message on Bluesky][bsky].

pages/uses.mdx

@@ -11,7 +11,9 @@ export default ({ children }) => {
 
 # What I’m using
 
-<Text size="l">These are some tools, platforms, apps, and services I use daily.</Text>
+<div style={{ fontSize: "var(--fs-l)", marginBottom: "1rem" }}>
+  These are some tools, platforms, apps, and services I use daily.
+</div>
 
 ## Hardware