Update src/app/portfolio/page.tsx
This commit is contained in:
@@ -3,7 +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
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; // For portfolio display
|
||||
|
||||
interface FooterProps {
|
||||
brandName?: string;
|
||||
@@ -43,19 +43,18 @@ export default function PortfolioPage() {
|
||||
];
|
||||
|
||||
const navbarProps = {
|
||||
brandName: "Nexsoft Australia", navItems: navItems,
|
||||
brandName: "Nexsoft Australia", navItems: navItems.map(item => ({ name: item.name, id: item.href })),
|
||||
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",
|
||||
textboxLayout: "default", useInvertedBackground: false,
|
||||
const productCardTwoProps = {
|
||||
title: "Our Portfolio", description: "Discover the projects we've brought to life.", gridVariant: "bento-grid", // This is valid for ProductCardTwo
|
||||
animationType: "slide-up", textboxLayout: "default", useInvertedBackground: false,
|
||||
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" }
|
||||
{ id: "1", brand: "Client Project", name: "Project Alpha", price: "Case Study", rating: 5, reviewCount: "0", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_1.webp", imageAlt: "Project Alpha screenshot" },
|
||||
{ id: "2", brand: "Client Project", name: "Project Beta", price: "Case Study", rating: 5, reviewCount: "0", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_2.webp", imageAlt: "Project Beta screenshot" },
|
||||
{ id: "3", brand: "Client Project", name: "Project Gamma", price: "Case Study", rating: 5, reviewCount: "0", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_3.webp", imageAlt: "Project Gamma screenshot" },
|
||||
{ id: "4", brand: "Client Project", name: "Project Delta", price: "Case Study", rating: 5, reviewCount: "0", imageSrc: "https://r2.webild.io/p/4e2bb7a8-1a5c-4235-9008-012903330663_img_4.webp", imageAlt: "Project Delta screenshot" }
|
||||
]
|
||||
};
|
||||
|
||||
@@ -82,12 +81,12 @@ export default function PortfolioPage() {
|
||||
<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 id="product-card-two" data-section="product-card-two">
|
||||
<ProductCardTwo {...productCardTwoProps} />
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<Footer brandName="Nexsoft Australia" navItems={navItems} />
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user