From 23d20499c9d1b8fa77cc45dada0ef77fa7e8aa7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Casal?= <andre@andrecasal.com>
Date: Tue, 4 Jul 2023 17:41:08 +0100
Subject: [PATCH] add course page

---
 app/routes/_marketing+/courses+/route.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/routes/_marketing+/courses+/route.tsx b/app/routes/_marketing+/courses+/route.tsx
index c494068..85b7be3 100644
--- a/app/routes/_marketing+/courses+/route.tsx
+++ b/app/routes/_marketing+/courses+/route.tsx
@@ -1,5 +1,23 @@
+import { Heading } from '~/components/ui/heading.tsx'
+import { Container } from '../../../components/ui/container.tsx'
+import MasteryForVSCode from '../components/mastery-for-vs-code.tsx'
+
 const Courses = () => {
-	return <p>Courses</p>
+	return (
+		<>
+			<Container>
+				<div className="py-24 sm:py-32">
+					<div className="mx-auto max-w-2xl lg:mx-0">
+						<Heading level="h1" size="xl">
+							Courses for you to upgrade your skills
+						</Heading>
+						<p className="mt-6 text-lg leading-8 text-muted-800">Awesome courses to upgrade your skills.</p>
+					</div>
+				</div>
+			</Container>
+			<MasteryForVSCode />
+		</>
+	)
 }
 
 export default Courses