From aea848f66abb45485cd816005aa4d20f57732b74 Mon Sep 17 00:00:00 2001
From: Erik Eng <e.ptz0n@gmail.com>
Date: Thu, 2 Dec 2021 12:32:08 +0100
Subject: [PATCH] Fix: Styles, pricing & contact email (#576)

* Use constant to ensure consistent pricing across pages

* Correct email address anchor

* Add correct h4 color in dark mode
---
 apps/website/components/FunFacts.tsx | 3 ++-
 apps/website/components/Pricing.tsx  | 2 +-
 apps/website/components/QA.tsx       | 6 ++++--
 apps/website/tailwind.config.js      | 3 +++
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/website/components/FunFacts.tsx b/apps/website/components/FunFacts.tsx
index bf7db530..3d645043 100644
--- a/apps/website/components/FunFacts.tsx
+++ b/apps/website/components/FunFacts.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import CountUp from 'react-countup'
 import VisibilitySensor from 'react-visibility-sensor'
+import { price } from './Pricing'
 
 const FUNFACTS_DATA = [
   {
@@ -12,7 +13,7 @@ const FUNFACTS_DATA = [
     title: 'år att utveckla',
   },
   {
-    count: 11,
+    count: price,
     title: 'kronor kostar vår app :)',
   },
   {
diff --git a/apps/website/components/Pricing.tsx b/apps/website/components/Pricing.tsx
index 32a60b4c..f48def54 100644
--- a/apps/website/components/Pricing.tsx
+++ b/apps/website/components/Pricing.tsx
@@ -3,7 +3,7 @@ import DownloadButtons from './DownloadButtons'
 import Icon from './Icon'
 import SectionTitle from './SectionTitle'
 
-const price = 12
+export const price = 11
 
 const baseFeatures = [
   {
diff --git a/apps/website/components/QA.tsx b/apps/website/components/QA.tsx
index 60859410..0ed1bda6 100644
--- a/apps/website/components/QA.tsx
+++ b/apps/website/components/QA.tsx
@@ -1,5 +1,7 @@
 import Link from './Link'
 
+import { price } from './Pricing'
+
 const QA = () => {
   return (
     <div className="header">
@@ -249,7 +251,7 @@ const QA = () => {
           de?
         </h3>
         <p>
-          Appen kostar 12 kronor. Intäkten registreras i aktiebolaget Not Free
+          Appen kostar {price} kronor. Intäkten registreras i aktiebolaget Not Free
           Beer som ägs av tre av utvecklarna och går till att täcka kostnader
           för inköp. Det täcker inte på långa vägar den tid vi lagt ner. Med en
           låg engångskostnad ökar vi chansen att vi orkar syssla med underhåll
@@ -315,7 +317,7 @@ const QA = () => {
         <h3>Kontakta oss</h3>
         <p>
           Tveka inte att kontakta oss. Skicka ett mail till{' '}
-          <a href="mailto:info@skolplattformen.org">dev@skolplattformen.org</a>.
+          <a href="mailto:info@skolplattformen.org">info@skolplattformen.org</a>.
         </p>
       </div>
     </div>
diff --git a/apps/website/tailwind.config.js b/apps/website/tailwind.config.js
index b54d8b31..7f7838cd 100644
--- a/apps/website/tailwind.config.js
+++ b/apps/website/tailwind.config.js
@@ -35,6 +35,9 @@ module.exports = {
             h3: {
               color: theme('colors.white'),
             },
+            h4: {
+              color: theme('colors.white'),
+            },
             a: {
               color: theme('colors.indigo.500'),
             }