30.1 kB
luckaerickson's picture
Design a modern, responsive homepage UI for BeYaft, a platform that connects professionals and individuals through real, verifiable 'before/after' transformations. The layout should follow the structure of Superprof’s homepage but adapted to BeYaft’s theme. Hero Section: Gradient background in fresh, professional colors (suggest blue-green or teal tones instead of pink). Large bold headline: 'Trouvez le professionnel parfait pour votre transformation'. Search bar with placeholder text: 'Essayez "Relooking buffet à Paris < 100€"'. Search categories below the search bar with icon + label (examples: Rénovation, Décoration, Coaching, Beauté, Mode, Sport, Mariage, Jardinage). Key Figures Section: Below hero: Display statistics in a row with icons: '2 500+ transformations publiées', '1 000+ professionnels visibles', '97% de satisfaction', 'Disponible partout en France'. Featured Professionals Section: Title: 'Des professionnels évalués et vérifiés' with 5-star icon. Grid of professional cards with: Large photo of the transformation or pro. Name and location (e.g., 'Sophie — Paris 16e'). Rating with stars + number of reviews. Tags like 'Ambassadeur' or 'Expert certifié'. Short description of expertise (e.g., 'Relooking cuisine, salle de bain, dressing — 200+ projets réalisés'). Price/hour or project rate + CTA 'Voir le projet'. Inspiration Section: Below professionals: carousel or grid of recent projects with before/after thumbnails. Title: 'Inspirez-vous de projets réels'. Each project card should show: Before photo, After photo, short description, and location. Footer: Call to action: 'Publiez votre projet' (Pro ou particulier). Links: Comment ça marche, Trouver un pro, Inspirations, Contact. Ensure the style is clean, minimalist, and image-focused, similar to Superprof, but with more emphasis on before/after visuals and project authenticity. - Initial Deployment
255b018 verified