About Section
Homepage about block (Meet Gabriel): bio, a compact Tools I use row (ToolLogos size='sm', small-caps label above), a More about me button and a portrait photo. Copy lives in the component.
Live Preview
Meet Gabriel
Product Designer (UX/UI) with 8+ years of experience designing production-ready interfaces grounded in strategic UX thinking, front-end/coding knowledge and a strong visual design background. I use AI tools across the design process to explore more options and test ideas with real people before anything is built.
Tools I use
Layout
Mobile
Circle portrait on top, then bio, the tools row (wraps to two lines) and the CTA stacked vertically.
Desktop (lg+)
Two-column: content on the left, 370px portrait image on the right. Uses FadeIn animations per block.
Import
tsx
import { AboutSection } from '@/components/sections/AboutSection'