Update src/app/page.tsx

src/app/blog/page.tsx

@@ -56,7 +56,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
@@ -123,7 +124,7 @@ export default function BlogPage() {
                     )}
 
                     <FooterMedia
-                        imageSrc="asset://footer-motion-bg"
+                        imageSrc="https://img.b2bpic.net/free-vector/gradient-triangles-abstract-sport-background_52683-14013.jpg"
                         imageAlt="Motion graphics background"
                         logoText="Alex Motion"
                         copyrightText="© 2024 Alex Motion. All rights reserved."

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #e63946;;
-  --secondary-cta: #ffffff;;
-  --accent: #e63946;;
-  --background-accent: #e8a8b6;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #e63946;;
-  --secondary-cta: #ffffff;;
-  --accent: #e63946;;
-  --background-accent: #e8a8b6;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';