Démo En ligne mars 2026

🧆 Ô Yara Libanais - Traiteur Libanais

Site vitrine pour Ô Yara Libanais, traiteur libanais authentique aux Lilas. Carte complète, galerie photos, informations pratiques et formulaire de contact.

Astro Tailwind CSS DaisyUI TypeScript Site Vitrine Restaurant Traiteur

Le projet

Site vitrine élégant pour Ô Yara Libanais, traiteur libanais situé aux Lilas. L’objectif : présenter la carte complète, mettre en valeur l’authenticité des recettes et faciliter la prise de contact.

Sections incluses

Hero

  • Nom du restaurant avec typographie arabe élégante
  • Tagline “Découvrez l’authenticité de la cuisine libanaise”
  • Deux CTA (voir la carte + nous contacter)
  • Ambiance visuelle chaleureuse

Carte complète

Organisée en 4 catégories avec prix :

  • Mezze Froids: Houmous, Moutabal, Taboulé, Fattouch (6.00€ - 7.00€)
  • Mezze Chauds: Falafel, Kebbé, Sambousek (7.50€ - 9.00€)
  • Plats Principaux: Chawarma Poulet/Agneau, Kafta, Chich Taouk (14.00€ - 16.00€)
  • Desserts: Baklawa, Halawet el Jibn, Mouhalabieh (5.00€ - 6.00€)

À Propos

  • Paragraphe introductif sur l’authenticité
  • 3 engagements : recettes authentiques transmises, ingrédients frais sélectionnés, préparation maison quotidienne
  • Image de cuisine libanaise

Galerie photos

6 photos de spécialités libanaises : Mezze, Houmous, Grillades, Falafel, Chawarma, Baklawa

Contact

  • Adresse complète : 5 Rue du Pré Saint-Gervais, 93260 Les Lilas
  • Téléphone : 01 86 04 08 00
  • Horaires : Mar-Sam 11h-20h30, Fermé Dim-Lun
  • Lien vers Google Maps intégré

Design & UX

Ambiance visuelle

  • Palette chaude évoquant le Moyen-Orient
  • Images de qualité sur les plats
  • Typographie élégante avec touches orientales
  • Mise en page aérée et lisible
  • Menu sticky avec lien direct vers la carte
  • Sections bien délimitées
  • Boutons CTA clairs et visibles

Mobile-friendly

  • Carte responsive sur mobile
  • Informations de contact facilement accessibles
  • Bouton d’appel direct sur mobile

Tech Stack

  • Framework: Astro 5 (static site)
  • Styling: Tailwind CSS v4 avec thème personnalisé
  • Components: DaisyUI pour les composants UI
  • Type Safety: TypeScript strict mode
  • Images: Unsplash pour les photos de plats
  • Icons: Emoji pour les icônes

Défis résolus

Présentation de la carte

Organisation claire des plats par catégories avec prix explicites. Mise en page lisible sur tous les devices pour que les clients puissent consulter facilement.

Authenticité

Texte et engagement sur la qualité des ingrédients et des recettes traditionnelles pour rassurer sur l’authenticité du traiteur.

Contact facile

Téléphone, adresse et horaires bien visibles pour faciliter la prise de commande ou la visite sur place.

Ce qui distingue ce projet

  • Carte complète et détaillée avec prix
  • 3 engagements mis en avant (authenticité, ingrédients frais, préparation maison)
  • Galerie visuelle des spécialités
  • Informations pratiques claires (horaires spécifiques, fermé dimanche et lundi)
  • Ambiance chaleureuse et authentique

Projets similaires