
Landing Page - Drugstore
Visão geral
A comprehensive, modern, and fully responsive landing page developed for a fictional compounding pharmacy. This project was built with a strong focus on high performance, Search Engine Optimization (SEO), and delivering a fluid, interactive User Experience (UX). Key Features: -Internationalization (i18n): Dynamic language switching architecture supporting both Portuguese (PT-BR) and Spanish (ES). -Advanced Quote Request Form: Complex form implementation featuring robust schema validation using Zod and React Hook Form. It includes capabilities for medical prescription file uploads (JPG, PNG, or PDF), input masking, and real-time visual feedback via Toast notifications. -API Route Simulation: Engineered a simulated backend endpoint (POST /api/orders) with realistic latency to mock order processing and return dynamic order IDs. -Interactive UI/UX: Smooth entrance and scroll animations powered by Framer Motion. The layout also integrates interactive touch-friendly carousels for the Hero and Products sections using Embla Carousel. -SEO & Accessibility: Deep technical optimization including JSON-LD structured data (Schema.org), Open Graph meta tags, dynamic sitemaps, and a custom localized 404 page.