Medcardpr homepage build - v0 by VercelMedcardpr homepage build - v0 by Vercel
No message content
document.md
Screenshot 2026-05-07 at 11.38.57 AM.png
Screenshot 2026-05-07 at 11.39.11 AM.png
Screenshot 2026-05-07 at 11.40.14 AM.png
Screenshot 2026-05-07 at 11.37.51 AM.png
Screenshot 2026-05-07 at 11.38.16 AM.png
4d ago
I'll build this Puerto Rico medical cannabis card homepage following the Leafwell design patterns with your custom branding. Let me first check the current project structure and then create all the components.
Now let me install Framer Motion first, then I'll create all the components for the landing page.
Now let me update the globals.css with the custom color palette and then create all the components:
Now let me update the layout and create the main page:
I've built the complete homepage for medcardpr.com (Punto Verde) with all 10 sections matching the Leafwell design patterns but with your custom Puerto Rico branding. The site includes:
Header - Logo with leaf icon, navigation, ES/EN language toggle, and gold CTA button
Hero - Bold headline, dual CTAs for tourists/residents, trust signals, and a phone mockup showing the medical card
How It Works - 3-step process with icons and numbered badges
Pricing Cards - Side-by-side cards for tourist permits ($149) and resident licenses ($199) with features and CTAs
Qualifying Conditions - Grid of 18 medical conditions with hover effects
Trust Section - Dark emerald background with 4 security/trust pillars
Testimonials - 6 cards with Puerto Rican names/locations, star ratings, and quotes
FAQ - Accordion with 8 common questions about the process
Final CTA - Clean call-to-action section with trust signals
The design uses your exact color palette (emerald green #0F5132, gold #C9A961, warm white #FAF8F3, navy #0F1F2E), Lucide icons throughout, Framer Motion animations, and is fully mobile-responsive.
4d ago
0px
Code editing is not availableDuplicate this chat to use a more powerful code editor.