Delivery snapshot
Record date: March 4, 2026. Technology and screenshots describe the delivered version documented on this date. Any performance observations belong to the same point-in-time record. The linked live site may include later changes made by the client or other providers.
Lash Ibadry is a premium lash studio in Odessa, Texas, specializing in luxury eyelash extensions, eyebrow shaping, and professional waxing services. I built a sophisticated bilingual (English/Spanish) website that reflects the high-end nature of their brand while providing a seamless booking experience. The site features a warm, elegant aesthetic with gold accents, a dynamic gallery showcasing real client results fetched from cloud storage, and conversion-focused CTAs throughout.
- Create a sophisticated digital presence that mirrors the luxury in-studio experience and builds trust with potential clients
- Serve the Odessa community effectively with a fully bilingual interface that feels native in both English and Spanish
- Showcase the artist's work through a dynamic, filterable gallery that updates automatically without manual intervention
- Reduce booking friction by providing multiple contact options (SMS, WhatsApp, Instagram, TikTok) accessible from any page
- Cinematic hero with full-viewport imagery on mobile and split-panel layout on desktop, featuring animated reveals, thumbnail previews, and gold-gradient typography that establishes the premium brand identity.
- Dynamic gallery powered by Backblaze B2 that automatically pulls new images based on filename prefixes (10 categories: Depilación y Tinte, Efecto Foxy, Efecto Hawaiano, Efecto Aurora, Extensiones 3D, Extensiones 4D, Extensiones Wispy, Laminado, Lifting de Pestañas, Micropigmentación). Includes category filtering, masonry grid, and lightbox with zoom.
- Conversion-first booking through a persistent CTA button that triggers a modal/drawer with SMS, WhatsApp, Instagram, and TikTok contact options, meeting clients where they already are.
- Services showcase with transparent pricing for 20+ services across three categories (Extensiones de Pestañas, Cejas, Depilaciones), complete with policies on deposits, cancellations, and preparation instructions.
- Trust-building content including testimonials carousel, searchable FAQ accordion organized by topic (Reservas, Extensiones, Cejas y Depilaciones), and studio policies that set clear expectations.
- Mobile-optimized experience with a bottom navigation bar, safe-area handling, and touch-friendly interactions that feel native on smartphones.
- Next.js 16 App Router with Server Components for marketing pages and Client Components for interactive elements (gallery, booking modal, FAQ accordion).
- Tailwind CSS v4 with custom design tokens for the warm brown (#A0785A) and gold (#C9A96E) color palette, glassmorphism surfaces, and responsive typography.
- Framer Motion powering scroll-triggered animations, staggered reveals, spring-based transitions, and reduced-motion respecting preferences.
- Backblaze B2 S3 integration via custom API routes that list gallery objects, extract category from filename patterns, and serve signed URLs with hourly revalidation, enabling the client to drop new photos and see them live without code changes.
- shadcn/ui components (Dialog, Sheet, Accordion, Badge) adapted with custom theming for the warm aesthetic.
- Custom cursor component adding a subtle branded touch to the desktop experience.
- Cloudflare Pages deployment with OpenNext adapter for edge-optimized delivery.
Accessibility and Performance
- Honors system preferences for reduced motion with useReducedMotion hook toggling animations off gracefully.
- Implements proper semantic HTML, ARIA labels, keyboard navigation for modals and accordions, and focus management.
- Mobile-first responsive design with safe-area insets for notched devices and bottom navigation positioned in the thumb zone.
- Image optimization via Next.js Image component with proper sizes attributes, lazy loading for below-fold content, and priority loading for hero assets.
- Hourly ISR revalidation keeps gallery fresh without sacrificing performance with every request.
Delivery and Collaboration
- Partnered directly with the studio owner to translate their in-person service quality into a digital experience that feels equally premium.
- Designed the bilingual content strategy around the client's existing Spanish-language marketing materials, ensuring consistency across touchpoints.
- Configured the Backblaze B2 workflow so the client can upload new portfolio images with simple filename conventions and have them appear automatically.
- Documented the booking workflow and contact options so the owner can update availability and responses without engineering support.
Lash Ibadry now has a conversion-ready digital flagship that reflects the luxury positioning of the studio. The bilingual UX, dynamic portfolio, and frictionless booking paths help turn website visitors into booked appointments. The automated gallery system means the portfolio stays fresh with zero ongoing maintenance, while the FAQ and policies content reduces back-and-forth questions before the first contact.
View Project
