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