refactor: centralize SEO image dimensions and iframe width in site config

Author: eric15342335

src/app/about-us/page.tsx

@@ -14,8 +14,8 @@ export const metadata: Metadata = {
     images: [
       {
         url: siteConfig.seoImage,
-        width: 882,
-        height: 802,
+        width: siteConfig.seoImageWidth,
+        height: siteConfig.seoImageHeight,
         alt: title,
       },
     ],

src/app/blog/page.tsx

@@ -15,8 +15,8 @@ export const metadata: Metadata = {
     images: [
       {
         url: siteConfig.seoImage,
-        width: 882,
-        height: 802,
+        width: siteConfig.seoImageWidth,
+        height: siteConfig.seoImageHeight,
         alt: title,
       },
     ],

src/app/join-us/page.tsx

@@ -14,8 +14,8 @@ export const metadata: Metadata = {
     images: [
       {
         url: siteConfig.seoImage,
-        width: 882,
-        height: 802,
+        width: siteConfig.seoImageWidth,
+        height: siteConfig.seoImageHeight,
         alt: title,
       },
     ],

src/app/layout.tsx

@@ -31,8 +31,8 @@ export const metadata: Metadata = {
     images: [
       {
         url: siteConfig.seoImage,
-        width: 882,
-        height: 802,
+        width: siteConfig.seoImageWidth,
+        height: siteConfig.seoImageHeight,
         alt: title,
       },
     ],

src/app/our-work/page.tsx

@@ -15,8 +15,8 @@ export const metadata: Metadata = {
     images: [
       {
         url: siteConfig.seoImage,
-        width: 882,
-        height: 802,
+        width: siteConfig.seoImageWidth,
+        height: siteConfig.seoImageHeight,
         alt: title,
       },
     ],

src/app/page.tsx

@@ -18,8 +18,8 @@ export const metadata: Metadata = {
     images: [
       {
         url: siteConfig.seoImage,
-        width: 882,
-        height: 802,
+        width: siteConfig.seoImageWidth,
+        height: siteConfig.seoImageHeight,
         alt: title,
       },
     ],

src/app/resources/page.tsx

@@ -15,8 +15,8 @@ export const metadata: Metadata = {
     images: [
       {
         url: siteConfig.seoImage,
-        width: 882,
-        height: 802,
+        width: siteConfig.seoImageWidth,
+        height: siteConfig.seoImageHeight,
         alt: title,
       },
     ],

src/app/upcoming-event/page.tsx

@@ -14,8 +14,8 @@ export const metadata: Metadata = {
     images: [
       {
         url: siteConfig.seoImage,
-        width: 882,
-        height: 802,
+        width: siteConfig.seoImageWidth,
+        height: siteConfig.seoImageHeight,
         alt: title,
       },
     ],

src/components/sections/resource-iframe.tsx

@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button";
 import { cn, noReturnDebounce } from "@/lib/utils";
 
 const IFRAME_DEFAULTS = {
-  WIDTH: 1338,
+  WIDTH: 1440,
   HEIGHT: 600,
 } as const;
 

src/lib/config.ts

@@ -26,6 +26,8 @@ export const siteConfig = {
   donate: "mailto:alphahku1213@gmail.com?subject=Donation Inquiry",
   parentOrg: "https://alphaeducation.org",
   seoImage: "/ALPHA-HKU.png",
+  seoImageWidth: 882,
+  seoImageHeight: 802,
   mainNav,
   utilityNav,
   staticRoutes: [