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 
-                            items={posts}
+                            blogPosts={posts}
                             animationType="slide-up"
                             gridVariant="three-columns-all-equal-width"
                             textboxLayout="default"

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

@@ -43,11 +43,11 @@ function ProductDetailContent({
     return (
         <>
             <ProductDetailCard 
-                name={product.name}
-                description={product.description || ""}
-                price={product.price || ""}
-                images={[{ src: product.imageSrc || "", alt: product.imageAlt || product.name }]}
-                onAddToCart={handleAddToCart}
+                productName={product.name}
+                productDescription={product.description || ""}
+                productPrice={product.price || ""}
+                productImages={[{ src: product.imageSrc || "", alt: product.imageAlt || product.name }]}
+                onAddToCartClick={handleAddToCart}
             />
             <ProductCart 
                 isOpen={isCartOpen}

src/app/shop/page.tsx

@@ -21,10 +21,10 @@ function ShopPageContent() {
     return (
         <ProductCatalog
             products={products}
-            search={search}
-            onSearchChange={setSearch}
-            category={category}
-            onCategoryChange={setCategory}
+            searchQuery={search}
+            onSearchQueryChange={setSearch}
+            selectedCategory={category}
+            onSelectedCategoryChange={setCategory}
         />
     );
 }