feat: update social images

README.md

@@ -1,14 +1,30 @@
 <p align="center">
   <a href="https://argos-ci.com/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://raw.githubusercontent.com/argos-ci/argos/main/resources/logos/logo-github-readme.png" alt="Argos" width="300" height="61">
+  <img src="https://raw.githubusercontent.com/argos-ci/argos/main/resources/logos/github-readme-banner.jpg">
   </a>
 </p>
 
-# Argos website
+<h3 align="center">Argos</h3>
 
-Argos website available on [argos-ci.com](https://argos-ci.com).
+<p align="center">
+  Argos is the open source visual testing platform for modern engineering teams.
+  <br />
+  <a href="https://argos-ci.com"><strong>Learn more »</strong></a>
+  <br />
+  <br />
+  <a href="https://argos-ci.com/docs"><strong>Docs</strong></a> ·
+  <a href="https://github.com/argos-ci/argos-javascript/tree/main/examples"><strong>Examples</strong></a> ·
+  <a href="https://x.com/argos_ci"><strong>Follow us on X</strong></a> ·
+  <a href="https://argos-ci.com/discord"><strong>Discord</strong></a>
+</p>
+
+<p align="center">
+  <a href="https://app.argos-ci.com/argos-ci/argos/reference"><img src="https://argos-ci.com/badge.svg" alt="Covered by Argos"></a>
+  <a href="https://github.com/argos-ci/argos/actions/workflows/ci.yml">
+    <img src="https://github.com/argos-ci/argos/actions/workflows/ci.yml/badge.svg" alt="CI status" />
+  </a>
+</p>
 
-## Links
+## Argos website
 
-- [Documentation](https://argos-ci.com/docs/getting-started)
-- [Join us on Discord](https://argos-ci.com/discord)
+This repository hosts the Argos website, built using [Next.js](https://nextjs.org/).

app/home/hero/Hero.tsx

@@ -47,7 +47,7 @@ export function Hero() {
               Introducing Official Storybook SDK{" "}
               <ChevronRightIcon className="inline h-4 w-4" />
             </Link>
-            <h1 className="min-h-32 bg-hero-text-gradient bg-clip-text font-accent text-5xl leading-tight text-transparent md:text-6xl lg:bg-hero-text-gradient-lg lg:leading-none">
+            <h1 className="bg-hero-text-gradient bg-clip-text font-accent text-4xl leading-tight text-transparent md:min-h-32 md:text-6xl lg:bg-hero-text-gradient-lg lg:leading-none">
               Eliminate visual
               <br />
               bugs & regressions

app/homepage.tsx

@@ -4,7 +4,7 @@ import * as React from "react";
 import { ArgosEmblem } from "@/components/ArgosEmblem";
 import { CallToActionSection } from "@/components/CallToActionSection";
 import { RedirectIfCookie } from "@/components/RedirectIfCookie";
-import { getMetadata } from "@/lib/metadata";
+import { defaultDescription, defaultTitle, getMetadata } from "@/lib/metadata";
 
 import { Customers } from "./home/Customers";
 import { DemoVideo } from "./home/demo-video/demoVideo";
@@ -18,9 +18,8 @@ import { VisualTesting } from "./home/visual-testing/VisualTesting";
 import { Why } from "./home/why/Why";
 
 export const metadata: Metadata = getMetadata({
-  absoluteTitle: "Argos — Eliminate visual bugs & regressions",
-  description:
-    "Meet the modern visual testing platform to detect and review visual regressions.",
+  absoluteTitle: defaultTitle,
+  description: defaultDescription,
   pathname: "/",
 });
 

app/layout.tsx

@@ -6,6 +6,7 @@ import { Inter } from "next/font/google";
 import localFont from "next/font/local";
 
 import { TooltipProvider } from "@/components/Tooltip";
+import { defaultDescription, defaultTitle } from "@/lib/metadata";
 import "@/styles/globals.css";
 import "@/styles/highlight-js-github-dark.min.css";
 
@@ -20,9 +21,9 @@ const calSans = localFont({
   variable: "--font-calsans",
 });
 
-const title = "Argos — Eliminate visual bugs & regressions";
-const description =
-  "Argos is an open-source visual testing tool that helps teams catch visual regressions in their web applications. Seamlessly integrate with your CI/CD pipeline, automate visual tests, and ensure a consistent user experience. Improve your app's quality with fast, reliable visual comparisons.";
+const title = defaultTitle;
+const description = defaultDescription;
+
 export const metadata: Metadata = {
   metadataBase: new URL("https://argos-ci.com"),
   title: {

app/opengraph-image.alt.txt

@@ -1 +1 @@
-Visual Testing for modern web apps
+Eliminate visual bugs and regressions - Argos

app/twitter-image.alt.txt

@@ -1 +1 @@
-Visual Testing for modern web apps
+Eliminate visual bugs and regressions - Argos

lib/metadata.tsx

@@ -1,5 +1,9 @@
 import { Metadata } from "next";
 
+export const defaultTitle = "Argos — Eliminate visual bugs & regressions";
+export const defaultDescription =
+  "Argos is an open-source visual testing tool that helps teams catch visual regressions in their web applications. Seamlessly integrate with your CI/CD pipeline, automate visual tests, and ensure a consistent user experience. Improve your app's quality with fast, reliable visual comparisons.";
+
 export function getMetadata({
   title,
   absoluteTitle,

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.