# 21st.dev Manual Handoff Template

Use this structure when the user is gathering 21st.dev pieces manually.

## Skeleton

Copy this into a markdown file or paste it into chat:

```text
# 21st.dev Manual Handoff

Reference URL:
https://example.com

Page goal:
Build a React landing page inspired by the reference site.

Desired page order:
- header
- hero
- features
- testimonials
- pricing
- footer

General project notes:
- Framework: React / Next.js / Vite
- Styling stack: Tailwind / CSS modules / other
- Existing component path:
- Constraints:

## header
Suggested 21st.dev categories used:
- https://21st.dev/s/navbar-navigation
- https://21st.dev/s/announcement

Chosen 21st.dev URLs:
- https://21st.dev/community/components/<author>/<component>/<demo>

Copy prompt or notes:
[Paste the 21st.dev "Copy prompt" block here.]

Component code blocks:
[Paste component source here when needed.]

Dependencies:
- lucide-react
- framer-motion

Placement / styling notes:
- Use as the top sticky navigation.

## hero
Suggested 21st.dev categories used:
- https://21st.dev/s/hero
- https://21st.dev/s/call-to-action

Chosen 21st.dev URLs:
- 

Copy prompt or notes:
[Paste copied prompt text here.]

Component code blocks:
[Paste source code here if needed.]

Dependencies:
- 

Placement / styling notes:
- 
```

## Rules

- Keep one section per page slice.
- Put every chosen 21st.dev URL in the same document.
- Include dependency names exactly as shown on 21st.dev or in the copied prompt.
- If you paste source, include the original filename immediately above the pasted code when possible.
