export default function NgengweInspiredPortfolioSite() {
const site = {
brand: “Your Name Studio”,
subtitle: “Artist • Designer • Attorney”,
intro:
“A minimalist portfolio site inspired by the clean, image-forward feel of ngengwe.com. Replace the images, text, and links below to make it your own.”,
email: “hello@example.com”,
instagram: “https://instagram.com/yourhandle”,
linkedin: “https://linkedin.com/in/yourprofile”,
works: [
{
title: “Pinned Work One”,
year: “2026”,
category: “Brand Identity”,
image:
“https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1200&q=80”,
description:
“A flagship project with strong visual storytelling and a clean editorial presentation.”,
},
{
title: “Pinned Work Two”,
year: “2025”,
category: “Creative Direction”,
image:
“https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80”,
description:
“A second featured project. Swap this image and text with your own portfolio piece.”,
},
{
title: “Pinned Work Three”,
year: “2024”,
category: “Photography”,
image:
“https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?auto=format&fit=crop&w=1200&q=80”,
description:
“A large-format visual project presented in a simple immersive gallery style.”,
},
],
about:
“Use this section for your biography, practice focus, artistic statement, or studio philosophy. Keep it short and strong.”,
};
const [index, setIndex] = React.useState(0);
const current = site.works[index];
const prev = () => setIndex((i) => (i === 0 ? site.works.length – 1 : i – 1));
const next = () => setIndex((i) => (i === site.works.length – 1 ? 0 : i + 1));
return (
{site.brand}
{site.intro}
{current.title}
{current.description}
))}
{site.about}
- Replace the brand name, subtitle, and about text at the top of the file.
- Swap each image URL with your own artwork, headshots, logos, or case-study images.
- Add or remove projects in the works array.
- Change colors by editing the Tailwind classes.
);
}