diff --git a/src/components/content/UseCases.astro b/src/components/content/UseCases.astro
index aec3a26..1d1098f 100644
--- a/src/components/content/UseCases.astro
+++ b/src/components/content/UseCases.astro
@@ -1,4 +1,5 @@
 ---
+
 ---
 
 <div class="mb-8 pb-8 pt-10 c-background">
@@ -87,7 +88,7 @@
       />
 
       <div class="text">
-        <h4 class="font-bold">Complex Validation</h4>
+        <h4 class="font-bold">Forms example</h4>
         <p class="md:text-left">
           Checkout address form with embedded store picker owned by explore.
         </p>
diff --git a/src/layouts/ContentLayout.astro b/src/layouts/ContentLayout.astro
index 66a0c1e..eb0cb02 100644
--- a/src/layouts/ContentLayout.astro
+++ b/src/layouts/ContentLayout.astro
@@ -8,7 +8,6 @@
 import "../styles/global.css";
 
 import GoogleFont from "./GoogleFont.astro";
-import FontAwesome from "./FontAwesome.astro";
 import ThemeScript from "./ThemeScript.astro";
 import Favicon from "./Favicon.astro";
 import Header from "../components/Header.astro";
@@ -27,7 +26,7 @@ const formattedDate = new Date(date).toLocaleDateString("en-us", {
 });
 ---
 
-<!DOCTYPE html>
+<!doctype html>
 <html class="theme-bubblegum" lang="en">
   <head>
     <!-- Global Metadata -->
@@ -37,7 +36,6 @@ const formattedDate = new Date(date).toLocaleDateString("en-us", {
     <slot name="meta" />
     <GoogleFont />
     <ThemeScript />
-    <FontAwesome />
   </head>
 
   <body class="max-w-4xl mx-auto min-h-screen px-6 sm:px-8">
diff --git a/src/layouts/FontAwesome.astro b/src/layouts/FontAwesome.astro
deleted file mode 100644
index ef5840b..0000000
--- a/src/layouts/FontAwesome.astro
+++ /dev/null
@@ -1,45 +0,0 @@
----
-/*
-
-  README!!!! IF YOU USE ANY FONTAWESOME ICON OTHER THAN ONES
-  ALREADY USED IN THIS TEMPLATE, IT WON'T WORK. 
-  UNCOMMENT THE ORIGINAL FONTAWESOME CSS FILES TO USE OTHER ICONS.
-  
-  We only use a few fontawesome icons in this template -
-  two brand icons (github and twitter) and a few solid icons.
-  So we've created a leaner version of the styles that are only needed.
-  1. fontawesome.bareminimum.css
-  2. brands.bareminimum.css
-  3. solid.min.css is already lean so manual stripping was needed
-
-  If you want to use any other icon, you can do one of these two things:
-  1. Copy those relevant icons styles from the original 
-  fontawesome(or)brands.css stylesheet to 
-  fontawesome(or)brands.bareminimum.css stylesheet.
-  2. Don't use the leaner *.bareminimum.css stylesheets
-  and instead use the full fontawesome(or)brands.min.css stylesheets.
-  
-*/
----
-
-<Fragment>
-  <!-- 
-    These are the original fontawesome stylesheets. But these are 
-    about a 100kb and we only use a few icons in this template.
-    So instead we have created two custom *.bareminimum.css stylesheets
-    and use them in this template. If you want to uncomment these and
-    comment the *.bareminimum.css files.
-   -->
-  <!-- 
-    <link href="/fontawesome/css/brands.min.css" rel="stylesheet" />
-    <link href="/fontawesome/css/fontawesome.min.css" rel="stylesheet" />
-  -->
-
-  <link href="/fontawesome/css/fontawesome.bareminimum.css" rel="stylesheet" />
-  <link href="/fontawesome/css/brands.bareminimum.css" rel="stylesheet" />
-
-  <!-- 
-    There's no leaner version for solid.min.css because it's already lean. 
-  -->
-  <link href="/fontawesome/css/solid.min.css" rel="stylesheet" />
-</Fragment>
diff --git a/src/layouts/GoogleFont.astro b/src/layouts/GoogleFont.astro
index bf441dd..bfe72fa 100644
--- a/src/layouts/GoogleFont.astro
+++ b/src/layouts/GoogleFont.astro
@@ -30,14 +30,14 @@
 <Fragment>
   <link
     rel="preload"
-    href="/fonts/Raleway-Regular.ttf"
+    href="/tractor-store/fonts/Raleway-Regular.ttf"
     as="font"
     type="font/ttf"
     crossorigin="crossorigin"
   />
   <link
     rel="preload"
-    href="/fonts/Raleway-MediumItalic.ttf"
+    href="/tractor-store/fonts/Raleway-MediumItalic.ttf"
     as="font"
     type="font/ttf"
     crossorigin="crossorigin"
@@ -48,16 +48,18 @@
       font-family: "Raleway";
       font-style: normal;
       font-weight: 400;
-      src: local(""),
-        url("/fonts/Raleway-Regular.ttf") format("ttf");
+      src:
+        local(""),
+        url("/tractor-store/fonts/Raleway-Regular.ttf") format("ttf");
     }
     /* space-grotesk-700 - latin */
     @font-face {
       font-family: "Raleway MediumItalic";
       font-style: italic;
       font-weight: 400;
-      src: local(""),
-        url("/fonts/Raleway-MediumItalic.ttf") format("ttf");
+      src:
+        local(""),
+        url("/tractor-store/fonts/Raleway-MediumItalic.ttf") format("ttf");
     }
   </style>
 </Fragment>
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index c7b1442..07433f2 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -8,14 +8,13 @@
 import "../styles/global.css";
 
 import GoogleFont from "./GoogleFont.astro";
-import FontAwesome from "./FontAwesome.astro";
 import ThemeScript from "./ThemeScript.astro";
 import Favicon from "./Favicon.astro";
 import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
 ---
 
-<!DOCTYPE html>
+<!doctype html>
 <html class="theme-bubblegum" lang="en">
   <head>
     <!-- Global Metadata -->
@@ -25,7 +24,6 @@ import Footer from "../components/Footer.astro";
     <slot name="meta" />
     <GoogleFont />
     <ThemeScript />
-    <FontAwesome />
   </head>
 
   <body class="max-w-6xl mx-auto min-h-screen px-6 sm:px-8">