diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 3cf75f8..f1cb3d5 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { useBlogPosts, BlogPost } from "@/hooks/useBlogPosts";
+import { useBlogPosts } from "@/hooks/useBlogPosts";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -49,7 +49,7 @@ export default function BlogPage() {
                         <h2 className="text-4xl md:text-6xl font-extrabold text-center text-foreground">Latest Articles</h2>
                         <p className="text-xl md:text-2xl mt-4 text-center max-w-2xl mx-auto text-foreground opacity-80">Insights and updates from our team</p>
                         <div className="mt-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                            {posts.map((post: BlogPost) => (
+                            {posts.map((post: any) => (
                                 <a key={post.slug} href={`/blog/${post.slug}`} className="block rounded-lg shadow-xl overflow-hidden bg-card hover:scale-[1.02] transition-transform duration-300 ease-out">
                                     {post.coverImage && <img src={post.coverImage} alt={post.title} className="w-full h-48 object-cover" />}
                                     <div className="p-6">
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 81f791e..ebffbaa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -106,7 +106,7 @@ export default function LandingPage() {
           containerClassName="max-w-screen-xl mx-auto px-4 md:px-8"
           textBoxTitleClassName="text-4xl md:text-6xl font-extrabold text-center text-foreground"
           textBoxDescriptionClassName="text-xl md:text-2xl mt-4 text-center max-w-2xl mx-auto text-foreground opacity-80"
-          cardClassName="rounded-lg shadow-xl overflow-hidden bg-card hover:scale-[1.02] transition-transform duration-300 ease-out"
+          cardClassName="rounded-lg shadow-xl overflow-hidden bg-card-inverted hover:scale-[1.02] transition-transform duration-300 ease-out"
           imageClassName="w-full h-64 object-cover object-center"
           cardNameClassName="text-2xl font-semibold text-foreground mt-4 px-4"
           quantityControlsClassName="flex items-center justify-between px-4 mt-2"