From f2e4e88769141d0a5cbe599ec69733fe607649ae Mon Sep 17 00:00:00 2001
From: DanGould <d@ngould.dev>
Date: Sun, 14 Jan 2024 00:21:17 -0500
Subject: [PATCH] Fix heading semantics

---
 src/components/Header/H2.svelte |  2 +-
 src/routes/+page.svelte         | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Header/H2.svelte b/src/components/Header/H2.svelte
index 0436a6f..34314d0 100644
--- a/src/components/Header/H2.svelte
+++ b/src/components/Header/H2.svelte
@@ -2,4 +2,4 @@
 	export let colorClass = 'text-white';
 </script>
 
-<h2 class={`text-4xl my-4 ${colorClass} ${$$props.class}`}><slot /></h2>
+<h2 class={`text-6xl my-4 ${colorClass} ${$$props.class}`}><slot /></h2>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index bb20b2e..0c0397a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -59,7 +59,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 </section>
 
 <section class="bg-tertiary w-full flex flex-col gap-4 sm:gap-14 items-center py-16">
-	<H1>Why Payjoin?</H1>
+	<H2>Why Payjoin?</H2>
 	<div class="flex flex-col sm:flex-row sm:gap-12 gap-4 w-3/4">
 		<Card>
 			<div class="flex flex-col gap-2 text-white">
@@ -95,8 +95,8 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 </section>
 
 <section class="bg-secondary w-full flex flex-col gap-4 sm:gap-12 items-center py-16 text-white">
-	<H1>User Experience</H1>
-	<H3>Click through the Figma below to see how simple it can be to payjoin!</H3>
+	<H2>Try it Yourself</H2>
+	<H3>Click through the app below to see all it takes to payjoin</H3>
 	<div class="w-4/5 sm:w-1/2">
 		<iframe
 			title="Payjoin Demo"
@@ -111,7 +111,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 <section
 	class="bg-secondary w-full flex flex-col gap-4 sm:gap-12 items-center py-16 text-white text-center"
 >
-	<H1>Wallets Using Payjoin</H1>
+	<H2>Wallets Using Payjoin</H2>
 	<div
 		class="flex flex-col sm:flex-row max-sm:py-4 gap-8 w-full bg-tertiary justify-center items-center"
 	>
@@ -145,7 +145,7 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 </section>
 
 <section class="bg-tertiary w-full flex flex-col gap-4 sm:gap-12 items-center py-16 text-white">
-	<H1>FAQ</H1>
+	<H2>FAQ</H2>
 	<div class="flex flex-col gap-8 w-3/4">
 		{#each faqs as { question, answer, open }, i}
 			<Card>
@@ -172,10 +172,10 @@ If there is a wallet you’d like to see adopt payjoin or you are a wallet devel
 	class="bg-secondary w-full flex flex-col gap-4 sm:gap-12 items-center py-16 text-white max-sm:text-center"
 >
 	<div class="flex flex-col items-center">
-		<H1>Pay it Forward</H1>
-		<H1>Join the Community</H1>
-		<H3>Payjoin can bring many benefits to Bitcoin, but it needs your help</H3>
+		<H2>Pay it Forward</H2>
+		<H2>Join the Community</H2>
 	</div>
+	<H3>Payjoin can bring many benefits to Bitcoin, but it needs your help</H3>
 	<H3
 		>Join our <Link href="https://payjoin.substack.com/">newsletter</Link> or the <Link
 			href="https://discord.gg/6rJD9R684h">Discord</Link