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:

1. Header - Logo with leaf icon, navigation, ES/EN language toggle, and gold CTA button
2. Hero - Bold headline, dual CTAs for tourists/residents, trust signals, and a phone mockup showing the medical card
3. How It Works - 3-step process with icons and numbered badges
4. Pricing Cards - Side-by-side cards for tourist permits ($149) and resident licenses ($199) with features and CTAs
5. Qualifying Conditions - Grid of 18 medical conditions with hover effects
6. Trust Section - Dark emerald background with 4 security/trust pillars
7. Testimonials - 6 cards with Puerto Rican names/locations, star ratings, and quotes
8. FAQ - Accordion with 8 common questions about the process
9. Final CTA - Clean call-to-action section with trust signals
10. Footer - Brand info, WhatsApp contact, legal links, and Ley 42-2017 mention

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.