src/app/blog/page.tsx

@@ -39,7 +39,7 @@ export default function BlogPage() {
                 <div id="blog-section" data-section="blog-section">
                     {!isLoading && posts && posts.length > 0 && (
                         <BlogCardThree 
-                            posts={posts}
+                            items={posts}
                             animationType="slide-up"
                             gridVariant="three-columns-all-equal-width"
                             textboxLayout="default"

src/app/shop/[id]/page.tsx

@@ -46,8 +46,7 @@ function ProductDetailContent({
                 name={product.name}
                 description={product.description || ""}
                 price={product.price || ""}
-                image={product.imageSrc || ""}
-                imageAlt={product.imageAlt || product.name}
+                images={[{ src: product.imageSrc || "", alt: product.imageAlt || product.name }]}
                 onAddToCart={handleAddToCart}
             />
             <ProductCart 

src/app/shop/page.tsx

@@ -12,19 +12,19 @@ function ShopPageContent() {
     const {
         products,
         isLoading,
-        searchTerm,
-        setSearchTerm,
-        selectedCategory,
-        setSelectedCategory,
+        search,
+        setSearch,
+        category,
+        setCategory,
     } = useProductCatalog();
 
     return (
         <ProductCatalog
             products={products}
-            searchTerm={searchTerm}
-            onSearchChange={setSearchTerm}
-            selectedCategory={selectedCategory}
-            onCategoryChange={setSelectedCategory}
+            search={search}
+            onSearchChange={setSearch}
+            category={category}
+            onCategoryChange={setCategory}
         />
     );
 }