bender/42b57fa4-469e-4381-ae06-e7da04490221
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/portfolio/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-26 12:46:02 +00:00
parent ddf7bca905
commit af292d62dc
1 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,6 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import Link from "next/link";
import ProductCardThree from '@/components/sections/product/ProductCardThree'; // For portfolio display
interface FooterProps {
brandName?: string;
@@ -46,6 +47,16 @@ export default function PortfolioPage() {
button: {text: "Get a Quote", href: "/contact"}
};
const productCardThreeProps = {
title: "Our Portfolio", description: "Discover the projects we've brought to life.", gridVariant: "bento-grid", // Choose a responsive grid variant
animationType: "slide-up", products: [
{ id: "1", name: "Project Alpha", price: "Case Study", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_1.webp", imageAlt: "Project Alpha screenshot" },
{ id: "2", name: "Project Beta", price: "Case Study", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_2.webp", imageAlt: "Project Beta screenshot" },
{ id: "3", name: "Project Gamma", price: "Case Study", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_3.webp", imageAlt: "Project Gamma screenshot" },
{ id: "4", name: "Project Delta", price: "Case Study", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_4.webp", imageAlt: "Project Delta screenshot" }
]
};
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -62,13 +73,18 @@ export default function PortfolioPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay {...navbarProps} />
</div>
{/*
Due to an empty sectionRegistry, no sections can be rendered on this page.
This site will only display the Navbar and Footer.
*/}
<main className="min-h-[calc(10vh)] flex items-center justify-center">
<h1 className="text-3xl md:text-5xl font-bold text-center">Our Portfolio & News</h1>
<main>
<div id="portfolio-hero" data-section="portfolio-hero" className="py-20 md:py-32 text-center">
<h1 className="text-4xl md:text-6xl font-bold text-foreground">Our Portfolio</h1>
<p className="mt-4 text-xl text-foreground/80 max-w-2xl mx-auto">Explore our diverse range of successful projects and client collaborations.</p>
</div>
<div id="product-card-three" data-section="product-card-three">
<ProductCardThree {...productCardThreeProps} />
</div>
</main>
<Footer brandName="Nexsoft Australia" navItems={navItems} />
</ThemeProvider>
);