From 7ad620d57f3dd27aa9aeaedabbaa3c005efaffb4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 11:42:05 +0000
Subject: [PATCH] Update src/app/portfolio/page.tsx

---
 src/app/portfolio/page.tsx | 70 +++++++++++++++++++++++---------------
 1 file changed, 42 insertions(+), 28 deletions(-)

diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 60dc880..3b6ffb2 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Briefcase } from "lucide-react";
 
@@ -62,33 +61,48 @@ const PortfolioPage = () => {
 
       {/* Portfolio Case Studies */}
       <div id="portfolio" data-section="portfolio">
-        <ProductCardOne
-          title="Turning Vision Into Reality"
-          description="Showcase of our successful projects across diverse industries. Each case study represents our commitment to delivering innovative solutions and measurable business impact."
-          tag="Case Studies"
-          tagIcon={Briefcase}
-          tagAnimation="slide-up"
-          products={[
-            {
-              id: "1",              name: "Financial Tech Platform",              price: "Finance",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/financial-tech-solution-showcase-showing-1772536829700-08f53efb.png",              imageAlt: "Finance platform"},
-            {
-              id: "2",              name: "HR Management System",              price: "Human Resources",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/human-resources-platform-illustration-sh-1772536829975-a0919a4e.png",              imageAlt: "HR system"},
-            {
-              id: "3",              name: "Legal Services Platform",              price: "Legal Tech",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/legal-services-platform-showing-law-firm-1772536830626-e5e66c56.png",              imageAlt: "Legal platform"},
-            {
-              id: "4",              name: "Startup Solution Suite",              price: "Startup",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/startup-solution-platform-showing-modern-1772536829727-82b44a37.png",              imageAlt: "Startup solution"},
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          carouselMode="buttons"
-          ariaLabel="Portfolio section"
-        />
+        <div className="py-12 md:py-20 px-4">
+          <div className="max-w-6xl mx-auto">
+            <div className="mb-12">
+              <div className="flex items-center gap-2 mb-4">
+                <Briefcase className="w-5 h-5" />
+                <span className="text-sm font-medium">Case Studies</span>
+              </div>
+              <h2 className="text-3xl md:text-5xl font-bold mb-4">Turning Vision Into Reality</h2>
+              <p className="text-lg text-gray-600 max-w-2xl">Showcase of our successful projects across diverse industries. Each case study represents our commitment to delivering innovative solutions and measurable business impact.</p>
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+              <div className="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/financial-tech-solution-showcase-showing-1772536829700-08f53efb.png" alt="Finance platform" className="w-full h-64 object-cover" />
+                <div className="p-6">
+                  <h3 className="text-xl font-semibold mb-2">Financial Tech Platform</h3>
+                  <p className="text-gray-600">Finance</p>
+                </div>
+              </div>
+              <div className="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/human-resources-platform-illustration-sh-1772536829975-a0919a4e.png" alt="HR system" className="w-full h-64 object-cover" />
+                <div className="p-6">
+                  <h3 className="text-xl font-semibold mb-2">HR Management System</h3>
+                  <p className="text-gray-600">Human Resources</p>
+                </div>
+              </div>
+              <div className="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/legal-services-platform-showing-law-firm-1772536830626-e5e66c56.png" alt="Legal platform" className="w-full h-64 object-cover" />
+                <div className="p-6">
+                  <h3 className="text-xl font-semibold mb-2">Legal Services Platform</h3>
+                  <p className="text-gray-600">Legal Tech</p>
+                </div>
+              </div>
+              <div className="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/startup-solution-platform-showing-modern-1772536829727-82b44a37.png" alt="Startup solution" className="w-full h-64 object-cover" />
+                <div className="p-6">
+                  <h3 className="text-xl font-semibold mb-2">Startup Solution Suite</h3>
+                  <p className="text-gray-600">Startup</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
 
       {/* Footer */}