src/app/blog/page.tsx

@@ -39,9 +39,7 @@ export default function BlogPage() {
                 <div id="blog-section" data-section="blog-section">
                     {!isLoading && posts && posts.length > 0 && (
                         <BlogCardThree 
-                            title="Our Latest Articles"
-                            description="Stay updated with the latest news and tips from our bakery"
-                            items={posts}
+                            posts={posts}
                             animationType="slide-up"
                             gridVariant="three-columns-all-equal-width"
                             textboxLayout="default"

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

@@ -43,10 +43,10 @@ function ProductDetailContent({
     return (
         <>
             <ProductDetailCard 
-                title={product.name}
+                name={product.name}
                 description={product.description || ""}
                 price={product.price || ""}
-                imageSrc={product.imageSrc || ""}
+                image={product.imageSrc || ""}
                 imageAlt={product.imageAlt || product.name}
                 onAddToCart={handleAddToCart}
             />

src/app/shop/page.tsx

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