bender/5d0dcc36-df5c-41ee-b686-d2da211b6a77
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/portfolio/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 11:42:05 +00:00
parent 49f808274e
commit 7ad620d57f
1 changed files with 42 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/app/portfolio/page.tsx
View File

@@ -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 */}