✏️ some improvment (openstatusHQ#862)

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.

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: {

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

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",
     },

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">

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>

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",
       },
       {