feat: payload cms

components/blog/PostNavigation.tsx

@@ -31,7 +31,7 @@ export default function PostNavigation({
           {prev.frontmatter.featuredImage ? (
             <div
               className="absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110"
-              style={{ backgroundImage: `url(${prev.frontmatter.featuredImage}?ar=16:9)` }}
+              style={{ backgroundImage: `url(${prev.frontmatter.featuredImage.split('?')[0]})` }}
             />
           ) : (
             <div className="absolute inset-0 bg-neutral-100" />
@@ -82,7 +82,7 @@ export default function PostNavigation({
           {next.frontmatter.featuredImage ? (
             <div
               className="absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110"
-              style={{ backgroundImage: `url(${next.frontmatter.featuredImage}?ar=16:9)` }}
+              style={{ backgroundImage: `url(${next.frontmatter.featuredImage.split('?')[0]})` }}
             />
           ) : (
             <div className="absolute inset-0 bg-neutral-100" />

components/blog/VisualLinkPreview.tsx

@@ -29,7 +29,7 @@ export default function VisualLinkPreview({ url, title, summary, image }: Visual
         <div className="relative w-full md:w-64 h-48 md:h-auto flex-shrink-0 bg-neutral-50 overflow-hidden">
           {image ? (
             <Image
-              src={image}
+              src={image.split('?')[0]}
               alt={title}
               fill
               unoptimized