From ef76711fe09128bbd41e0043192c9fb864462e6f Mon Sep 17 00:00:00 2001 From: KM Koushik Date: Sat, 6 Sep 2025 21:29:39 +1000 Subject: [PATCH] add og images --- apps/marketing/package.json | 7 ++-- apps/marketing/src/app/layout.tsx | 33 ++++++++++++------- .../src/components/FeatureCardPlain.tsx | 1 + .../src/components/PricingCalculator.tsx | 4 +-- pnpm-lock.yaml | 11 +++++++ 5 files changed, 39 insertions(+), 17 deletions(-) diff --git a/apps/marketing/package.json b/apps/marketing/package.json index be534f0..09c89eb 100644 --- a/apps/marketing/package.json +++ b/apps/marketing/package.json @@ -10,11 +10,12 @@ "lint": "eslint . --max-warnings 0" }, "dependencies": { + "@usesend/email-editor": "workspace:*", + "@usesend/ui": "workspace:*", + "iconoir-react": "^7.11.0", "next": "^15.3.1", "react": "19.1.0", - "react-dom": "19.1.0", - "@usesend/ui": "workspace:*", - "@usesend/email-editor": "workspace:*" + "react-dom": "19.1.0" }, "devDependencies": { "@next/eslint-plugin-next": "^15.3.1", diff --git a/apps/marketing/src/app/layout.tsx b/apps/marketing/src/app/layout.tsx index 78f98ac..e167514 100644 --- a/apps/marketing/src/app/layout.tsx +++ b/apps/marketing/src/app/layout.tsx @@ -17,22 +17,21 @@ const jetbrainsMono = JetBrains_Mono({ export const metadata: Metadata = { title: "useSend – Open source email platform", - description: - "Open source email platform for everyone: SMTP, API, editor, analytics.", + description: "Pay only for what you send, not for storing contacts", icons: [{ rel: "icon", url: "/favicon.ico" }], metadataBase: new URL("https://usesend.com"), openGraph: { title: "useSend – Open source email platform", - description: - "Open source email platform for everyone: SMTP, API, editor, analytics.", + description: "Pay only for what you send, not for storing contacts", url: "https://usesend.com", siteName: "useSend", images: [ { - url: "/logo-squircle.png", - width: 512, - height: 512, - alt: "useSend", + url: "https://uploads.usesend.com/logos/og.png", + width: 1200, + height: 630, + alt: "useSend – Open source email platform", + type: "image/png", }, ], locale: "en_US", @@ -41,9 +40,15 @@ export const metadata: Metadata = { twitter: { card: "summary_large_image", title: "useSend – Open source email platform", - description: - "Open source email platform for everyone: SMTP, API, editor, analytics.", - images: ["/logo-squircle.png"], + description: "Pay only for what you send, not for storing contacts", + images: ["https://uploads.usesend.com/logos/og.png"], + }, + robots: { + index: true, + follow: true, + }, + alternates: { + canonical: "https://usesend.com", }, }; @@ -53,7 +58,11 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - + diff --git a/apps/marketing/src/components/FeatureCardPlain.tsx b/apps/marketing/src/components/FeatureCardPlain.tsx index b62d638..47c6ddd 100644 --- a/apps/marketing/src/components/FeatureCardPlain.tsx +++ b/apps/marketing/src/components/FeatureCardPlain.tsx @@ -7,6 +7,7 @@ export function FeatureCardPlain({ title?: string; content?: string; }) { + return (
diff --git a/apps/marketing/src/components/PricingCalculator.tsx b/apps/marketing/src/components/PricingCalculator.tsx index 9f2b338..56dbfd3 100644 --- a/apps/marketing/src/components/PricingCalculator.tsx +++ b/apps/marketing/src/components/PricingCalculator.tsx @@ -42,8 +42,8 @@ function Slider({ }, [dragging]); return ( -
-
+
+
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index b0ab382..8c0254b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -36,6 +36,9 @@ importers: '@usesend/ui': specifier: workspace:* version: link:../../packages/ui + iconoir-react: + specifier: ^7.11.0 + version: 7.11.0(react@19.1.0) next: specifier: ^15.3.1 version: 15.3.1(@babel/core@7.26.10)(react-dom@19.1.0)(react@19.1.0) @@ -11745,6 +11748,14 @@ packages: - supports-color dev: true + /iconoir-react@7.11.0(react@19.1.0): + resolution: {integrity: sha512-uvTKtnHYwbbTsmQ6HCcliYd50WK0GbjP497RwdISxKzfS01x4cK1Mn/F2mT/t2roSaJQ0I+KnHxMcyvmNMXWsQ==} + peerDependencies: + react: 18 || 19 + dependencies: + react: 19.1.0 + dev: false + /iconv-lite@0.4.24: resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==} engines: {node: '>=0.10.0'}