"use client";
import { PortfolioBook } from "@/components/ui/portfolio-book";
import "@/index.css";
const AVATAR_URL = "https://i.postimg.cc/YL3q3Dw7/profile-avatar.png";
const PROJECTS = [
{
number: "01",
title: "Brand Identity",
description: "Coffee brand with serious character.",
imageUrl: "https://i.postimg.cc/1VH5H7Zs/Warm-Brewly-Coffee-Branding-Mockup.png",
},
{
number: "02",
title: "Poster Design",
description: "Think Create Inspire — studio prints.",
imageUrl: "https://i.postimg.cc/9wpFpgjc/Opus-Studio-Exhibition-Poster.png",
},
{
number: "03",
title: "Packaging",
description: "Minimal skincare packaging & box.",
imageUrl: "https://i.postimg.cc/9wpFpgjV/Minimalist-NUDE-Skincare-Still-Life.png",
},
{
number: "04",
title: "Social Media",
description: "High-engagement editorial drops.",
imageUrl: "https://i.postimg.cc/LYjsq6CJ/Verve-Studio-Branding-Stationery-Mockup.png",
},
];
export default function DemoOne() {
return (
<PortfolioBook
authorName="Kuro"
authorRole="Visual Design • Creative Chaos"
authorTagline="Good design. Questionable decisions. ✦"
volumeLabel="Vol. 2026"
avatarUrl={AVATAR_URL}
bioIntro="Kuro here. I turn wild ideas into sharp visual stories."
bioFocus="Clean aesthetics, bold details, and way too much caffeine."
services={[
"Brand Identity & Vibe",
"Logo & Iconography",
"Print & Merch",
"Social & Digital Art",
"UI/UX & Interactive",
]}
skills={[
{ name: "Photoshop", level: 88 },
{ name: "Illustrator", level: 92 },
{ name: "InDesign", level: 75 },
{ name: "Figma", level: 90 },
{ name: "After Effects", level: 80 },
]}
quote="Currently designing instead of sleeping."
projects={PROJECTS}
moreProjectsUrl="https://www.ayushmxxn.com/"
experience={[
{
period: "2023 – Present",
role: "Freelance Visual Designer & Art Director",
description: "Crafting bold brand identities, posters & digital visual systems.",
},
{
period: "2022 – 2023",
role: "Studio Designer & Visual Artist",
description: "Designed editorial layouts, brand collateral & social drops.",
},
]}
education={{
degree: "Bachelor of Design",
school: "Independent Study & Creative Practice",
period: "2020 – 2024",
}}
contact={{
portfolio: "https://www.ayushmxxn.com/",
twitter: "https://x.com/ayushmxxn",
social: "@ayushmxxn",
discord: "https://discord.com/invite/kzk6uWey3g",
}}
/>
);
}
Part of Serenity UI — browse the full library on 21st.dev.