From 9cb477bbff65d014f375827af5f376b2c1e67f45 Mon Sep 17 00:00:00 2001
From: Blane Thompson <rock@welcomer.gg>
Date: Sun, 14 Jul 2024 15:42:36 +0000
Subject: [PATCH] Website: Misc style changes

---
 website/app/src/pages/Backgrounds.vue     |  2 +-
 website/app/src/pages/FAQ.vue             | 48 ++++++-----------------
 website/app/src/pages/Support.vue         |  2 +-
 website/app/src/pages/templates/Title.vue |  2 +-
 4 files changed, 16 insertions(+), 38 deletions(-)

diff --git a/website/app/src/pages/Backgrounds.vue b/website/app/src/pages/Backgrounds.vue
index 85fc6fe..d92ed84 100644
--- a/website/app/src/pages/Backgrounds.vue
+++ b/website/app/src/pages/Backgrounds.vue
@@ -15,7 +15,7 @@
       </div>
 
       <div id="backgrounds">
-        <div class="bg-white">
+        <div class="bg-white text-neutral-900">
           <div class="hero-preview">
             <div class="px-4 pt-8 mx-auto max-w-7xl sm:px-6">
               <div class="sm:flex sm:flex-col sm:align-center">
diff --git a/website/app/src/pages/FAQ.vue b/website/app/src/pages/FAQ.vue
index e579d05..4161661 100644
--- a/website/app/src/pages/FAQ.vue
+++ b/website/app/src/pages/FAQ.vue
@@ -3,43 +3,21 @@
     <Header />
 
     <main>
-      <div id="overview" class="relative bg-secondary">
-        <div class="px-6 py-12 bg-secondary w-full max-w-7xl mx-auto">
-          <h1 class="text-3xl font-bold text-left text-white tracking-tight">
-            Frequently Asked Questions
-          </h1>
-        </div>
-      </div>
-
-      <div id="plans">
-        <div class="bg-white">
-          <div class="hero-preview">
-            <div class="px-4 pt-8 mx-auto max-w-7xl sm:px-6">
-              <div class="sm:flex sm:flex-col sm:align-center">
-                <div class="prose-lg text-center">
-                  <h1
-                    class="font-black leading-8 tracking-tight text-gray-900"
-                  >
-                    Title
-                  </h1>
-                  <span
-                    class="mt-3 text-lg text-gray-500 section-subtitle max-w-prose mx-auto"
-                  >
-                    Subheading
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
+      <div class="relative bg-secondary text-white px-6 py-12 w-full max-w-7xl mx-auto">
+        <h1 class="text-3xl font-bold text-left tracking-tight">
+          Frequently Asked Questions
+        </h1>
       </div>
 
-      <div>
-        <div class="bg-donate">
-          <div class="hero-features">
-            <div class="mx-4 my-12 lg:grid lg:grid-cols-3 lg:gap-8">
-              Hello World
-            </div>
+      <div class="bg-white text-neutral-900 pb-32">
+        <div class="hero-preview">
+          <div class="px-4 pt-8 mx-auto max-w-7xl sm:px-6">
+            <h1 class="font-black leading-8 tracking-tight text-gray-900">
+              Title
+            </h1>
+            <span class="mt-3 text-lg text-gray-500 section-subtitle max-w-prose mx-auto">
+              Subheading
+            </span>
           </div>
         </div>
       </div>
diff --git a/website/app/src/pages/Support.vue b/website/app/src/pages/Support.vue
index 58d0c06..d4c72ee 100644
--- a/website/app/src/pages/Support.vue
+++ b/website/app/src/pages/Support.vue
@@ -12,7 +12,7 @@
       </div>
 
       <div id="plans">
-        <div class="bg-white">
+        <div class="bg-white text-neutral-900">
           <div class="hero-preview">
             <div class="px-4 pt-8 mx-auto max-w-7xl sm:px-6">
               <div class="sm:flex sm:flex-col sm:align-center">
diff --git a/website/app/src/pages/templates/Title.vue b/website/app/src/pages/templates/Title.vue
index 0645f61..68ff8bd 100644
--- a/website/app/src/pages/templates/Title.vue
+++ b/website/app/src/pages/templates/Title.vue
@@ -12,7 +12,7 @@
       </div>
 
       <div id="plans">
-        <div class="bg-white">
+        <div class="bg-white text-neutral-900">
           <div class="hero-preview">
             <div class="px-4 pt-8 mx-auto max-w-7xl sm:px-6">
               <div class="sm:flex sm:flex-col sm:align-center">