replace paragraph tags with H1 and P components in Hero and set default fonts for text components

src/styles/tailwind.css

@@ -2,6 +2,23 @@
 
 @plugin '@tailwindcss/forms';
 
+/* Custom font faces */
+@font-face {
+  font-family: 'Quicking';
+  src: url('/assets/fonts/quicking-font/QuickingRegular-gw5KY.otf') format('opentype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Source Sans 3';
+  src: url('/assets/fonts/Source_Sans_3/SourceSans3-VariableFont_wght.ttf') format('truetype');
+  font-weight: 100 700;
+  font-style: normal;
+  font-display: swap;
+}
+
 /* Avenir font definition */
 :root {
   --font-avenir: "Avenir", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -66,3 +83,14 @@
     @apply bg-transparent border border-white text-white px-6 py-2 rounded-3xl font-medium transition-colors hover:bg-white/80 hover:text-black;
   }
 }
+
+@layer utilities {
+  .font-quicking {
+    font-family: 'Quicking', var(--font-display);
+  }
+
+  .font-source-sans-light {
+    font-family: 'Source Sans 3', var(--font-sans);
+    font-weight: 300;
+  }
+}