src/app/blog/page.tsx

@@ -45,9 +45,7 @@ export default function BlogPage() {
             </div>
           ) : (
             <BlogCardOne
-              posts={posts}
-              title="Coffee Insights & Stories"
-              description="Explore articles about specialty coffee, brewing techniques, and our latest roasts."
+              items={posts}
             />
           )}
         </div>

src/app/page.tsx

@@ -45,7 +45,7 @@ export default function Home() {
           tag="Premium Specialty Coffee"
           tagIcon={Coffee}
           tagAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Explore Our Menu", href: "#features" },
             { text: "Visit Us Today", href: "#contact" }
@@ -112,6 +112,7 @@ export default function Home() {
           tag="Our Impact"
           tagAnimation="slide-up"
           useInvertedBackground={false}
+          metricsAnimation="slide-up"
           metrics={[
             {
               id: "beans-roasted",              value: "500+",              description: "Tons of beans roasted annually"
@@ -154,9 +155,9 @@ export default function Home() {
             }
           ]}
           kpiItems={[
-            { id: "rating", value: "4.9/5", description: "Average Rating" },
-            { id: "repeat", value: "87%", description: "Repeat Customers" },
-            { id: "satisfaction", value: "98%", description: "Satisfaction Rate" }
+            { value: "4.9/5", description: "Average Rating" },
+            { value: "87%", description: "Repeat Customers" },
+            { value: "98%", description: "Satisfaction Rate" }
           ]}
         />
       </div>
@@ -197,7 +198,7 @@ export default function Home() {
             { text: "Email Us", href: "mailto:hello@brewcraft.com" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={true}
         />
       </div>

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

@@ -58,7 +58,7 @@ export default function ProductDetailPage({ params }: PageProps) {
               </div>
             ) : product ? (
               <ProductDetailCard
-                product={product}
+                item={product}
                 onBackClick={handleBackClick}
               />
             ) : (

src/app/shop/page.tsx

@@ -47,9 +47,7 @@ export default function ShopPage() {
               </div>
             ) : (
               <ProductCatalog
-                products={products}
-                title="BrewCraft Coffee Shop"
-                description="Discover our selection of premium coffee beans and brewing equipment."
+                items={products}
               />
             )}
           </div>