use og image through screenshothis url

Author: AmanVarshney01

apps/web/src/app/layout.tsx

@@ -12,6 +12,9 @@ const poppins = Poppins({
 	weight: ["400", "500", "600", "700", "800"],
 });
 
+const ogImage =
+	"https://api.screenshothis.com/v1/screenshots/take?api_key=ss_live_jRNSxQeqoZAfIZlqGOmzEAOlValCYtNIAlcPlmEbyGjvECgQHKCOJpMBTFTOjRAQ&url=https%3A%2F%2Fbetter-t-stack.amanv.dev%2F&width=1200&height=630&block_ads=true&block_cookie_banners=true&block_trackers=true&device_scale_factor=0.75&prefers_color_scheme=dark&is_cached=true";
+
 export const metadata: Metadata = {
 	title: "Better-T Stack",
 	description:
@@ -55,7 +58,7 @@ export const metadata: Metadata = {
 		siteName: "Better-T Stack",
 		images: [
 			{
-				url: "/image.jpg",
+				url: ogImage,
 				width: 1200,
 				height: 630,
 				alt: "Better-T Stack",
@@ -69,7 +72,7 @@ export const metadata: Metadata = {
 		title: "Better-T Stack",
 		description:
 			"A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
-		images: ["/image.jpg"],
+		images: [ogImage],
 	},
 	robots: {
 		index: true,