TB Shampoo: Șampon Premium cu Aminoacizi
Un site web multilingual și de înaltă performanță pentru șamponul premium cu aminoacizi al Tatienei Braga, cu animații fluide, hartă interactivă și formular de contact cu integrare de email.
Internaționalizare Multilinguală
Am implementat suport complet i18n cu Next-Intl pentru trei limbi (Engleză, Română, Rusă) cu schimbare fluentă a limbii și rutare locală bazată pe URL.
Animații Fluide Framer Motion
Am creat animații elegante declanșate de scroll folosind Framer Motion cu variante personalizate de fade-in și tranziții între elemente pentru o experiență de utilizator rafinată.
Hartă Interactivă Leaflet
Am integrat Leaflet cu React-Leaflet pentru a prezenta locația Beauty House TB cu markeri personalizați și informații popup, dezactivând SSR pentru compatibilitatea cu harta.
Formular de Contact cu Email
Am construit un formular de contact securizat cu integrare Resend și React-Email, cu notificări toast, validare a formularului și stări de încărcare pentru un feedback fluid pentru utilizator.
Prezentare Adaptivă a Produsului
Am proiectat un layout complet adaptiv pentru prezentarea produselor de șampon, a caracteristicilor, întrebărilor frecvente, testimonialelor și informațiilor de contact folosind breakpoints Tailwind CSS.
Acest proiect este o migrare completă și o îmbunătățire a unui site web de prezentare a unui șampon premium pe Next.js 14 cu App Router. Site-ul prezintă cei 20 de ani de experiență a Tatienei Braga ca stilist și formula sa unică de șampon cu aminoacizi. Am implementat suport multilingual, animații fluide, integrare de hartă interactivă și un sistem robust de contact prin email, păstrând în același timp o performanță excelentă cu optimizarea imaginilor Next.js.
Provocarea și soluția
Principala provocare a fost integrarea hărților Leaflet într-un mediu Next.js App Router, care a fost rezolvată prin importuri dinamice cu SSR dezactivat. O altă provocare a fost asigurarea unei livrări fiabile a emailurilor din formularul de contact, rezolvată cu integrarea Resend și o gestionare adecvată a stării formularului.