From 18ce66de5b64b2fddf03da57932f4a51a3ce5647 Mon Sep 17 00:00:00 2001
From: Thibault Le Ouay <thibaultleouay@gmail.Com>
Date: Tue, 4 Jun 2024 16:11:40 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=8F=EF=B8=8F=20some=20improvment=20(#862)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                              |  4 ++--
 apps/web/src/app/shared-metadata.ts                    |  2 +-
 apps/web/src/components/icons.tsx                      |  2 ++
 apps/web/src/components/marketing/alert/timeline.tsx   |  6 +++---
 apps/web/src/components/marketing/hero.tsx             |  7 +++----
 .../components/marketing/pricing/enterprice-plan.tsx   | 10 ++++------
 apps/web/src/config/features.ts                        |  4 ++--
 7 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index 1f811c07c0..f3a1215342 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@
   </a>
   </p>
 
-  <p align="center">The Open-Source frontend performance monitoring platform.
+  <p align="center">The Open-Source performance monitoring platform.
     <br />
     <a href="https://www.openstatus.dev"><strong>Learn more »</strong></a>
     <br />
@@ -25,7 +25,7 @@
 
 ## About OpenStatus 🏓
 
-OpenStatus is open-source frontend monitoring platform.
+OpenStatus is open-source performance monitoring platform.
 
 - **Synthetic monitoring**: Monitor your website and APIs worldwide and receive
   notifications when they are down or slow.
diff --git a/apps/web/src/app/shared-metadata.ts b/apps/web/src/app/shared-metadata.ts
index 956d6a058d..de81810325 100644
--- a/apps/web/src/app/shared-metadata.ts
+++ b/apps/web/src/app/shared-metadata.ts
@@ -2,7 +2,7 @@ import type { Metadata } from "next";
 
 export const TITLE = "OpenStatus";
 export const DESCRIPTION =
-  "A better way to monitor your API and your frontend performance. Don't let downtime or slow page loading ruin your user experience. Speed Matters ⚡.";
+  "A better way to monitor your API and your website. Don't let downtime or a slow response time ruin your user experience. Speed Matters ⚡.";
 
 export const defaultMetadata: Metadata = {
   title: {
diff --git a/apps/web/src/components/icons.tsx b/apps/web/src/components/icons.tsx
index 795ce69ae6..b03de5ce5d 100644
--- a/apps/web/src/components/icons.tsx
+++ b/apps/web/src/components/icons.tsx
@@ -5,6 +5,7 @@ import {
   Book,
   Bot,
   Calendar,
+  Camera,
   CandlestickChart,
   Check,
   Clock,
@@ -108,6 +109,7 @@ export const Icons = {
   "candlestick-chart": CandlestickChart,
   ratio: Ratio,
   user: UserCircle,
+  camera: Camera,
   discord: ({ ...props }: LucideProps) => (
     <svg viewBox="0 0 640 512" {...props}>
       <path
diff --git a/apps/web/src/components/marketing/alert/timeline.tsx b/apps/web/src/components/marketing/alert/timeline.tsx
index 6e94a920e6..3014978119 100644
--- a/apps/web/src/components/marketing/alert/timeline.tsx
+++ b/apps/web/src/components/marketing/alert/timeline.tsx
@@ -29,7 +29,7 @@ export function TimelineEvent({
         <div
           className={cn(
             "rounded-full border bg-background p-2",
-            icon.borderColor,
+            icon.borderColor
           )}
         >
           <Icon className={cn("h-4 w-4", icon.textColor)} />
@@ -88,11 +88,11 @@ const timeline = [
     },
   },
   {
-    label: "Grafana alert",
+    label: "Screenshot captured",
     date: new Date("03.12.2023, 19:14:55"),
     message: "3 incoming notifications from Grafana.",
     icon: {
-      name: "webhook",
+      name: "camera",
       textColor: "text-amber-500",
       borderColor: "border-amber-500/40",
     },
diff --git a/apps/web/src/components/marketing/hero.tsx b/apps/web/src/components/marketing/hero.tsx
index 8369bc549f..96afddfc5f 100644
--- a/apps/web/src/components/marketing/hero.tsx
+++ b/apps/web/src/components/marketing/hero.tsx
@@ -27,15 +27,14 @@ export function Hero() {
         <h1
           className={cn(
             "font-cal text-4xl text-foreground md:text-6xl",
-            "bg-gradient-to-tl from-0% from-[hsl(var(--muted))] to-40% to-[hsl(var(--foreground))] bg-clip-text text-transparent",
+            "bg-gradient-to-tl from-0% from-[hsl(var(--muted))] to-40% to-[hsl(var(--foreground))] bg-clip-text text-transparent"
           )}
         >
           A better way to monitor your services.
         </h1>
         <p className="mx-auto max-w-md text-lg text-muted-foreground md:max-w-xl md:text-xl">
-          Monitor your API and website from 6 continents, detect some
-          performance issues and receive notifications before your users are
-          affected.
+          Monitor your API and website globally, identify performance issues,
+          downtime and receive alerts before your users are affected.
         </p>
       </div>
       <div className="my-4 grid gap-2 sm:grid-cols-2">
diff --git a/apps/web/src/components/marketing/pricing/enterprice-plan.tsx b/apps/web/src/components/marketing/pricing/enterprice-plan.tsx
index 2892f56df5..da2a72a29a 100644
--- a/apps/web/src/components/marketing/pricing/enterprice-plan.tsx
+++ b/apps/web/src/components/marketing/pricing/enterprice-plan.tsx
@@ -6,14 +6,12 @@ export function EnterpricePlan() {
       <div className="flex-1">
         <div className="flex items-end justify-between gap-4">
           <div>
-            <p className="mb-2 font-cal text-xl">Enterprise</p>
+            <p className="mb-2 font-cal text-xl">Custom</p>
             <p className="text-muted-foreground">
-              Dedicated support and needs for your company.
+              Want more regions? Want to host it on your own server? Want
+              something else? We can help you with that.
             </p>
           </div>
-          <p className="shrink-0">
-            <span className="font-cal text-2xl">Lets talk</span>
-          </p>
         </div>
       </div>
       <div>
@@ -23,7 +21,7 @@ export function EnterpricePlan() {
             target="_blank"
             rel="noreferrer"
           >
-            Schedule call
+            Talk to us
           </a>
         </Button>
       </div>
diff --git a/apps/web/src/config/features.ts b/apps/web/src/config/features.ts
index 6d8cb76d7b..8a28150bc6 100644
--- a/apps/web/src/config/features.ts
+++ b/apps/web/src/config/features.ts
@@ -84,9 +84,9 @@ export const cardConfig = {
     features: [
       {
         icon: "sparkles",
-        catchline: "Connect.",
+        catchline: "Reduce fagitue.",
         description:
-          "Aggregate alerts from all your monitoring services (Grafana, Datadog) and use our AI to make them actionable.",
+          "Reduce your alerts fatigue with automatic noise reduction.",
         badge: "Coming soon",
       },
       {