Hero Section

A modern hero section with animated blobs and stats.

Hello, I'm

Jane Smith

Product Designer • Frontend Engineer

Building beautiful and accessible web applications.

New York, NY

Figma

React

Next.js

Tailwind

Scroll Down

Install the component automatically via Shadcn CLI.

npx shadcn@latest add https://www.grettech.com/api/registry/hero-section

Hello, I'm

Backend Specialist

I build robust, scalable, and secure APIs for the web.

Scroll Down

Prop	Type	Default	Description
className	string	-	Optional CSS classes to apply.
personalData	object	-	Personal information
professionalData	object	-	Professional details
skills	string[]	['React', 'Next.js', 'TypeScript', 'Tailwind CSS']	List of skills
socialLinks	object[]	-	Social media links
imageAs	React.ElementType	"img"	Custom component to use for rendering images.
...props	React.HTMLAttributes<HTMLDivElement>	-	Accepts all standard HTML attributes (id, style, etc).