38 lines
1.6 KiB
TypeScript
38 lines
1.6 KiB
TypeScript
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
|
// file as the canonical source for the "process" section.
|
|
|
|
import React from 'react';
|
|
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function ProcessSection(): React.JSX.Element {
|
|
return (
|
|
<div id="process" data-section="process">
|
|
<SectionErrorBoundary name="process">
|
|
<FeaturesMediaCards
|
|
tag="Design Process"
|
|
title="How I solve complex problems"
|
|
description="From concept to deployment, I ensure every pixel serves a purpose."
|
|
items={[
|
|
{
|
|
title: "User Research",
|
|
description: "Conducting interviews and usability testing to validate assumptions.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749877.jpg",
|
|
},
|
|
{
|
|
title: "Design Systems",
|
|
description: "Building scalable, accessible design systems that grow with the product.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expert-engineer-develops-industrial-prototypes-using-3d-modeling-software_482257-116562.jpg",
|
|
},
|
|
{
|
|
title: "Measurable Results",
|
|
description: "Tracking outcomes through analytics and iterative refinement cycles.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-pointing-infographic_23-2148352542.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
);
|
|
}
|