Tangerine Signup Form
An energetic marketing signup component with bold tangerine orange accents.
Features
- Side-by-side layout: signup form (left) + benefits & social proof (right)
- Form fields: First Name, Last Name, Work Email, Company Name
- Newsletter checkbox with description
- Gradient CTA submit button with shadow
- Benefits list with icons (Launch Faster, 10x Reach, Grow Audience, Real-Time Analytics)
- Social proof strip with avatar stack and testimonial quote
- Stats row (Active Users, Satisfaction, Revenue)
- Decorative geometric shapes in background
- Dark mode: charcoal (#1A1A1A) background with tangerine accents
- Nunito Google Font for friendly rounded typography
- Responsive: stacks vertically on mobile
Dependencies
lucide-react for icons- Shadcn UI: Button, Card, Input, Label, Separator
Customization
- Replace benefits data array with your product's value propositions
- Swap hex colors (#FF9F1C, #F77F00) for your brand palette
- Add form validation using react-hook-form or Zod
- Connect submit handler to your backend or email service
- Adjust social proof testimonial and stats to match real data
