Componentes
Componentes pre-construidos para tu landing page y app
Componentes
EmpiezaTuSaaS incluye componentes listos para usar en tu landing page y app. Los componentes de landing estan en components/landing/ y los de UI en components/ui/.
Landing
Componentes de sección para tu landing page. Importalos desde el barrel file:
import { Navbar, Hero, PainPoints, Features, Pricing, FAQ, CTA, Footer, TechStack } from "@/components/landing";Header (Navbar)
Navegación sticky con menu movil responsive
Hero
Headline animado, CTA, prueba social y video demo
Pain Points
Lista de problemas con horas perdidas
Features
Tabs interactivos con funcionalidades por categoria
Pricing
Planes de precios con Stripe checkout
FAQ
Preguntas frecuentes con accordion colapsable
CTA
Call-to-action final con fondo visual
Footer
Pie de página con links de recursos y legal
Tech Stack
Logos de tecnologias y compatibilidad con IA
UI
Componentes base de shadcn/ui ya instalados en components/ui/:
Botones
Variantes, tamanos y estilos de botones
Formularios
Inputs, selects y validación
Modales
Dialogos y sheets
Agregar mas componentes
Usa el CLI de shadcn para instalar componentes adicionales:
npx shadcn@latest add [component]Ver todos los disponibles en ui.shadcn.com/docs/components.