bender/2c59c0b8-2ab0-4b88-9683-9dda8bf255be
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/work/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 07:28:26 +00:00
parent 0fa7757f7b
commit daa8d94201
1 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/work/page.tsx
View File

@@ -3,7 +3,7 @@
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
@@ -63,7 +63,7 @@ export default function WorkPage() {
</div>
<div id="work" data-section="work">
<MetricCardEleven
<MetricCardTen
title="Recent Client Work"
description="Showcasing motion design excellence across diverse industries and brand narratives"
textboxLayout="default"
@@ -71,14 +71,14 @@ export default function WorkPage() {
animationType="slide-up"
metrics={[
{
id: "1", value: "TechFlow", title: "Product Launch Campaign", description: "70-second animated explainer for SaaS platform", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=19", imageAlt: "TechFlow product animation"},
id: "1", title: "TechFlow", subtitle: "Product Launch Campaign", category: "SaaS", value: "70-second explainer", buttons: [{ text: "View Case Study", href: "#" }]
},
{
id: "2", value: "Innovate Inc", title: "Feature Demonstration", description: "Custom motion graphics for enterprise software", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=20", imageAlt: "Innovate Inc feature demo"},
id: "2", title: "Innovate Inc", subtitle: "Feature Demonstration", category: "Enterprise", value: "Motion graphics", buttons: [{ text: "View Case Study", href: "#" }]
},
{
id: "3", value: "StartupXYZ", title: "Brand Story", description: "90-second animated origin story and mission", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=21", imageAlt: "StartupXYZ brand animation"},
id: "3", title: "StartupXYZ", subtitle: "Brand Story", category: "Startup", value: "90-second video", buttons: [{ text: "View Case Study", href: "#" }]
},
]}
/>
</div>
@@ -97,15 +97,18 @@ export default function WorkPage() {
{
id: "1", title: "SaaS Product Launch", description:
"A 60-second animated explainer that increased product launch engagement by 45% and drove qualified leads.", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=22", imageAlt: "SaaS product launch video"},
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=22", imageAlt: "SaaS product launch video"
},
{
id: "2", title: "Brand Documentary", description:
"A 3-minute animated brand story that connected founders with their audience on an emotional level.", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=23", imageAlt: "Brand documentary animation"},
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=23", imageAlt: "Brand documentary animation"
},
{
id: "3", title: "Feature Animation Series", description:
"A series of 30-second feature demonstrations that improved product adoption by 38% across the platform.", imageSrc:
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=24", imageAlt: "Feature animation series"},
"http://img.b2bpic.net/free-vector/bloggers-screen-collection_23-2148539660.jpg?_wi=24", imageAlt: "Feature animation series"
},
]}
/>
</div>