diff --git a/templates/link-in-bio.md b/templates/link-in-bio.md new file mode 100644 index 0000000..169c670 --- /dev/null +++ b/templates/link-in-bio.md @@ -0,0 +1,26 @@ +--- +title: Link in Bio Page +app_type: link-in-bio +wallet: 0x4C853c8a919f3b5a00a1d3c96934896D5107c318 +--- + +You are an expert React developer. Generate a complete, production-ready React application for a modern link-in-bio page (like Linktree). + +Requirements: + +* Hero section with profile avatar, display name, and short bio +* Links section with 4-6 clickable social/media links displayed as cards with icons and labels +* Each link card should have hover effects and open in a new tab +* Footer with a small copyright or tagline +* Fully responsive layout using Tailwind CSS utility classes +* Clean, modern, visually appealing design with a cohesive color scheme +* Smooth transitions on hover for all interactive elements + +Technical: + +* React 18 with TypeScript +* Tailwind CSS for all styling +* Export a single default App component +* No external UI libraries or icon packs +* Use inline SVG for all icons (use simple geometric shapes where needed) +* All links should be styled consistently with readable text and proper touch targets