diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index cf8582b..3f383d4 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -3,37 +3,38 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function PortfolioPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleApple
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Services", id: "/services" },
-                { name: "Portfolio", id: "/portfolio" },
-                { name: "About", id: "/about" },
-                { name: "Contact", id: "/contact" },
-            ]}
-            brandName="Amped Web Solutions"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Portfolio", id: "/portfolio" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Amped Web Solutions"
         />
-        <FeatureCardTwentyThree
+        <ProductCardTwo
             animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
             textboxLayout="default"
             title="Case Studies"
             description="Real results for real businesses."
-            features={[
-                { id: "1", title: "Local Cafe Redesign", tags: ["Web Design", "Marketing"], imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-page-with-laptop-rocket_23-2148261584.jpg?_wi=1" },
-                { id: "2", title: "AI Assistant Integration", tags: ["AI", "Automation"], imageSrc: "http://img.b2bpic.net/free-vector/realistic-ui-ux-landing-page_23-2149070669.jpg?_wi=1" },
-                { id: "3", title: "Regional Ad Campaign", tags: ["Growth", "Ads"], imageSrc: "http://img.b2bpic.net/free-vector/construction-web-landing-page_23-2148174677.jpg?_wi=1" }
+            useInvertedBackground={false}
+            products={[
+                { id: "1", brand: "Cafe", name: "Local Cafe Redesign", price: "$5k", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-vector/start-up-landing-page-with-laptop-rocket_23-2148261584.jpg?_wi=1" },
+                { id: "2", brand: "Tech", name: "AI Assistant Integration", price: "$15k", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-vector/realistic-ui-ux-landing-page_23-2149070669.jpg?_wi=1" },
+                { id: "3", brand: "Ads", name: "Regional Ad Campaign", price: "$8k", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-vector/construction-web-landing-page_23-2148174677.jpg?_wi=1" }
             ]}
         />
         <FooterLogoEmphasis 
             logoText="Amped Web Solutions" 
-            columns={[{ items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "About", href: "/about" }] }]}
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
         />
       </ReactLenis>
     </ThemeProvider>