src/app/page.tsx

@@ -166,8 +166,8 @@ export default function CocaColaPage() {
           testimonial="Coca-Cola isn't just a drink—it's a moment of pure happiness. The refreshing taste and iconic brand have been part of my life for decades. It's simply the best!"
           rating={5}
           author="Sarah Mitchell, Global Consumer"
-          ratingAnimation="entrance-slide"
-          avatarsAnimation="entrance-slide"
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
           useInvertedBackground={false}
           avatars={[
             { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Mitchell" },

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

@@ -1,6 +1,6 @@
 "use client";
 
-import { use, useCallback } from "react";
+import { use, useCallback, useState } from "react";
 import { useRouter } from "next/navigation";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -19,6 +19,7 @@ interface ProductPageProps {
 export default function ProductPage({ params }: ProductPageProps) {
     const { id } = use(params);
     const router = useRouter();
+    const [cartOpen, setCartOpen] = useState(false);
 
     const {
         product,
@@ -33,8 +34,6 @@ export default function ProductPage({ params }: ProductPageProps) {
 
     const {
         items: cartItems,
-        isOpen: cartOpen,
-        setIsOpen: setCartOpen,
         addItem,
         updateQuantity,
         removeItem,

src/app/shop/page.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useState } from "react";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -13,11 +14,16 @@ export default function ShopPage() {
         isLoading,
         search,
         setSearch,
+        category,
+        setCategory,
+        sort,
+        setSort,
         filters,
-        cartOpen,
-        setCartOpen,
+        categories,
     } = useProductCatalog({ basePath: "/shop" });
 
+    const [cartOpen, setCartOpen] = useState(false);
+
     if (isLoading) {
         return (
             <ThemeProvider