bender/e311bf14-8400-49a4-bc15-1221badc1260
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-05-13 08:38:28 +00:00
parent 7e9e3d5cff
commit 307fdada9b
1 changed files with 40 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,182 +2,52 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
export default function LandingPage() {
export default function PortfolioPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="largeSmall"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Nexora"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="portfolio-body" data-section="portfolio-body">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Brand Identity X",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=2",
},
{
id: "p2",
name: "Nexora UI Suite",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-notebook-laptop-waffle-coffee-cup-tablecloth-white-background_23-2148061440.jpg",
},
{
id: "p3",
name: "Game Thumbnails",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg",
},
{
id: "p4",
name: "Web Platform A",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg",
},
{
id: "p5",
name: "Social Media Kit",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-167110.jpg",
},
{
id: "p6",
name: "UI Concept",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/ideas-creation-design-process-icon_53876-132252.jpg",
},
]}
title="Our Work"
description="Featured projects showcasing our vision."
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Client Spotlights"
description="Stories behind our most innovative collaborations."
features={[
{
id: "f1",
title: "Tech Startup Launch",
author: "CEO Nexora",
description: "Full branding and platform design for a green-energy tech firm.",
tags: [
"Branding",
"Web",
],
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-22977.jpg",
},
{
id: "f2",
title: "Global E-commerce Hub",
author: "Nexora Studio",
description: "High-conversion UX design for luxury fashion brand.",
tags: [
"UI/UX",
"E-commerce",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443499.jpg",
},
{
id: "f3",
title: "FinTech Mobile App",
author: "Nexora Labs",
description: "Security-focused financial interface with clean aesthetic.",
tags: [
"App Design",
"UI",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-material-table_23-2148148325.jpg",
},
{
id: "f4",
title: "Hospitality Portal",
author: "Nexora Design",
description: "Redesigning the booking experience for boutique hotels.",
tags: [
"Web",
"UX",
],
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749872.jpg",
},
{
id: "f5",
title: "Healthtech Dashboard",
author: "Nexora Creative",
description: "Complex data visualization for healthcare tracking.",
tags: [
"Dashboard",
"Analytics",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-elements-arrangement-with-empty-screen-tablet_23-2148708013.jpg",
},
products={[
{ id: "p1", name: "Brand Identity X", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg" },
{ id: "p2", name: "Nexora UI Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/blank-white-notebook-laptop-waffle-coffee-cup-tablecloth-white-background_23-2148061440.jpg" },
{ id: "p3", name: "Game Thumbnails", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Nexora"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);