From 727b97bb0d606a47fa9139e7dea3eacc11f2becb Mon Sep 17 00:00:00 2001
From: Maximilian Kaske <56969857+mxkaske@users.noreply.github.com>
Date: Mon, 21 Aug 2023 21:16:51 +0200
Subject: [PATCH] chore: small adjustments (#219)

---
 .../components/layout/marketing-footer.tsx    | 19 +++++++++++++------
 .../components/layout/marketing-header.tsx    |  5 -----
 apps/web/src/components/marketing/faqs.tsx    |  2 +-
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/components/layout/marketing-footer.tsx b/apps/web/src/components/layout/marketing-footer.tsx
index 11726357d..a80b0b968 100644
--- a/apps/web/src/components/layout/marketing-footer.tsx
+++ b/apps/web/src/components/layout/marketing-footer.tsx
@@ -11,9 +11,9 @@ interface Props {
 export function MarketingFooter({ className }: Props) {
   return (
     <footer className={cn("w-full", className)}>
-      <Shell className="grid grid-cols-2 gap-6 md:grid-cols-3">
+      <Shell className="grid grid-cols-2 gap-6 md:grid-cols-4">
         <div className="flex flex-col gap-3 text-sm">
-          <p className="text-muted-foreground font-semibold">Twitter</p>
+          <p className="text-foreground font-semibold">Twitter</p>
           <FooterLink
             href="https://twitter.com/thibaultleouay"
             label="@thibaultleouay"
@@ -21,7 +21,7 @@ export function MarketingFooter({ className }: Props) {
           <FooterLink href="https://twitter.com/mxkaske" label="@mxkaske" />
         </div>
         <div className="flex flex-col gap-3 text-sm">
-          <p className="text-muted-foreground font-semibold">Community</p>
+          <p className="text-foreground font-semibold">Community</p>
           <FooterLink
             href="https://github.com/openstatushq/openstatus"
             label="GitHub"
@@ -29,8 +29,13 @@ export function MarketingFooter({ className }: Props) {
           <FooterLink href="https://discord.gg/dHD4JtSfsn" label="Discord" />
         </div>
         <div className="flex flex-col gap-3 text-sm">
-          <p className="text-muted-foreground font-semibold">More</p>
+          <p className="text-foreground font-semibold">Resources</p>
+          <FooterLink href="https://status.openstatus.dev" label="Status" />
+          <FooterLink href="/blog" label="Blog" />
           <FooterLink href="https://docs.openstatus.dev" label="Docs" />
+        </div>
+        <div className="flex flex-col gap-3 text-sm">
+          <p className="text-foreground font-semibold">Legal</p>
           <FooterLink href="/legal/terms" label="Terms" />
           <FooterLink href="/legal/privacy" label="Privacy" />
         </div>
@@ -53,12 +58,14 @@ function FooterLink({ href, label }: Record<"href" | "label", string>) {
 
   return (
     <LinkSlot
-      className="text-foreground inline-flex items-center underline underline-offset-4 hover:no-underline"
+      className="text-muted-foreground hover:text-foreground inline-flex items-center underline underline-offset-4 hover:no-underline"
       href={href}
       {...externalProps}
     >
       {label}
-      {isExternal ? <ArrowUpRight className="ml-1 h-4 w-4" /> : null}
+      {isExternal ? (
+        <ArrowUpRight className="ml-1 h-4 w-4 flex-shrink-0" />
+      ) : null}
     </LinkSlot>
   );
 }
diff --git a/apps/web/src/components/layout/marketing-header.tsx b/apps/web/src/components/layout/marketing-header.tsx
index 49cc968db..8ef55ee1a 100644
--- a/apps/web/src/components/layout/marketing-header.tsx
+++ b/apps/web/src/components/layout/marketing-header.tsx
@@ -18,11 +18,6 @@ export function MarketingHeader({ className }: Props) {
     >
       <BrandName />
       <div className="flex items-center md:gap-3">
-        <Button variant="link" asChild>
-          <Link href="/discord" target="_blank" rel="noreferrer">
-            Discord
-          </Link>
-        </Button>
         <Button variant="link" asChild className="md:mr-3">
           <Link href="/blog">Blog</Link>
         </Button>
diff --git a/apps/web/src/components/marketing/faqs.tsx b/apps/web/src/components/marketing/faqs.tsx
index 230fcdb91..eaa30bca5 100644
--- a/apps/web/src/components/marketing/faqs.tsx
+++ b/apps/web/src/components/marketing/faqs.tsx
@@ -25,7 +25,7 @@ const faqsConfig: Record<"q" | "a", string>[] = [
   },
   {
     q: "How can I help?",
-    a: "You can star our project on <a href='https://github.com/openstatusHQ/openstatus'>GitHub</a>, or contribute to it. Or you can also become a paid user.",
+    a: "You can star our project on <a href='https://github.com/openstatusHQ/openstatus'>GitHub</a>, or contribute to it. Or you can also become a <strong>Pro</strong> user.",
   },
 ];
 
-- 
2.51.2