gib/GibSend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add og images

Browse Source
This commit is contained in:
KM Koushik
2025-09-06 21:29:39 +10:00
parent 01f6e36b8b
commit ef76711fe0
5 changed files with 39 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/marketing/package.json
View File

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

33
apps/marketing/src/app/layout.tsx
View File

@@ -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 (
<html lang="en" suppressHydrationWarning className="scroll-smooth bg-background">
<html
lang="en"
suppressHydrationWarning
className="scroll-smooth bg-background"
>
<body
className={`font-mono ${inter.variable} ${jetbrainsMono.variable} bg-background`}
>

1
apps/marketing/src/components/FeatureCardPlain.tsx
View File

@@ -7,6 +7,7 @@ export function FeatureCardPlain({
title?: string;
content?: string;
}) {
return (
<div className="rounded-[18px] bg-primary/20 p-1">
<div className="h-full rounded-[14px] bg-primary/20 p-0.5 shadow-sm">

4
apps/marketing/src/components/PricingCalculator.tsx
View File

@@ -42,8 +42,8 @@ function Slider({
}, [dragging]);
return (
<div className="flex items-center gap-3">
<div className="w-40 sm:w-56 md:w-72 shrink-0">
<div className="flex flex-col sm:flex-row gap-3 sm:items-center">
<div className="w-full sm:w-56 md:w-72 shrink-0">
<label htmlFor={id} className="text-sm font-medium block">
{label}
</label>