Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>À propos de nous | Pizzeria Yummy Témara</title> | |
| <meta name="description" content="Découvrez l'histoire de Pizzeria Yummy à Témara. Notre engagement pour des pizzas artisanales préparées avec des ingrédients frais et locaux."> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| .sticky-nav { | |
| position: sticky; | |
| top: 0; | |
| z-index: 50; | |
| } | |
| .team-member:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="sticky-nav bg-white shadow-md"> | |
| <div class="container mx-auto px-4 py-3"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center space-x-4"> | |
| <a href="index.html" class="text-2xl font-bold text-red-600">Pizzeria Yummy</a> | |
| <span class="hidden md:inline-block text-sm text-gray-500">Témara</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="index.html" class="text-gray-800 hover:text-red-600 font-medium">Accueil</a> | |
| <a href="menu.html" class="text-gray-800 hover:text-red-600 font-medium">Menu</a> | |
| <a href="about.html" class="text-red-600 font-medium">À propos</a> | |
| <a href="contact.html" class="text-gray-800 hover:text-red-600 font-medium">Contact</a> | |
| <a href="blog.html" class="text-gray-800 hover:text-red-600 font-medium">Blog</a> | |
| </div> | |
| <div class="md:hidden"> | |
| <button id="menu-toggle" class="text-gray-800 focus:outline-none"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4"> | |
| <a href="index.html" class="block py-2 text-gray-800 hover:text-red-600">Accueil</a> | |
| <a href="menu.html" class="block py-2 text-gray-800 hover:text-red-600">Menu</a> | |
| <a href="about.html" class="block py-2 text-red-600">À propos</a> | |
| <a href="contact.html" class="block py-2 text-gray-800 hover:text-red-600">Contact</a> | |
| <a href="blog.html" class="block py-2 text-gray-800 hover:text-red-600">Blog</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="bg-red-600 text-white py-16"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h1 class="text-4xl font-bold mb-4">Notre histoire à Témara</h1> | |
| <p class="text-xl max-w-2xl mx-auto">Depuis 2010, nous préparons avec passion les meilleures pizzas artisanales de la région.</p> | |
| </div> | |
| </section> | |
| <!-- Our Story Section --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col lg:flex-row items-center"> | |
| <div class="lg:w-1/2 mb-8 lg:mb-0 lg:pr-8" data-aos="fade-right"> | |
| <h2 class="text-3xl font-bold mb-6">La naissance de Pizzeria Yummy</h2> | |
| <p class="text-gray-600 mb-4">Tout a commencé en 2010 lorsque notre fondateur, Mehdi, a décidé de partager son amour pour la cuisine italienne avec les habitants de Témara. Après des années de formation auprès de pizzaiolos italiens, il a ouvert les portes de Pizzeria Yummy avec une vision simple : offrir des pizzas authentiques préparées avec des ingrédients frais et beaucoup de passion.</p> | |
| <p class="text-gray-600 mb-4">Située au cœur de Témara, notre pizzeria est rapidement devenue un lieu de rencontre apprécié des familles, des amis et des amateurs de bonne cuisine. Notre emplacement stratégique à proximité du centre-ville de Témara nous permet d'accueillir une clientèle diversifiée qui apprécie l'authenticité de nos recettes.</p> | |
| <p class="text-gray-600 mb-4">Nous sommes fiers d'utiliser des ingrédients locaux de Témara chaque fois que possible, soutenant ainsi l'économie locale et réduisant notre empreinte écologique. Nos tomates proviennent des maraîchers de la région, notre fromage est fabriqué par des artisans fromagers de Témara, et notre huile d'olive est sélectionnée auprès de producteurs marocains.</p> | |
| <p class="text-gray-600">Aujourd'hui, tout en conservant nos recettes traditionnelles, nous continuons à innover pour satisfaire les papilles des gourmets de Témara et des environs. Notre équipe de pizzaiolos expérimentés crée régulièrement de nouvelles spécialités inspirées des saveurs locales et des demandes de nos fidèles clients.</p> | |
| </div> | |
| <div class="lg:w-1/2" data-aos="fade-left"> | |
| <img src="http://static.photos/restaurant/640x360/2" alt="Intérieur Pizzeria Yummy Témara" class="rounded-lg shadow-md w-full mb-6"> | |
| <img src="http://static.photos/food/640x360/19" alt="Préparation de pâte fraîche Pizzeria Yummy Témara" class="rounded-lg shadow-md w-full"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Values Section --> | |
| <section class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Nos valeurs</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Value 1 --> | |
| <div class="bg-white p-8 rounded-lg shadow-sm text-center" data-aos="fade-up"> | |
| <div class="bg-red-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="heart" class="text-red-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Passion</h3> | |
| <p class="text-gray-600">Nous mettons tout notre cœur dans la préparation de chaque pizza, avec le même enthousiasme depuis notre ouverture à Témara.</p> | |
| </div> | |
| <!-- Value 2 --> | |
| <div class="bg-white p-8 rounded-lg shadow-sm text-center" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="bg-red-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="check-circle" class="text-red-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Qualité</h3> | |
| <p class="text-gray-600">Nous sélectionnons rigoureusement nos ingrédients, en privilégiant les produits locaux de la région de Témara chaque fois que possible.</p> | |
| </div> | |
| <!-- Value 3 --> | |
| <div class="bg-white p-8 rounded-lg shadow-sm text-center" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="bg-red-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i data-feather="users" class="text-red-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Communauté</h3> | |
| <p class="text-gray-600">Nous sommes fiers de faire partie de la communauté de Témara et nous nous engageons à soutenir les événements et initiatives locales.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Team Section --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Notre équipe à Témara</h2> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <!-- Team Member 1 --> | |
| <div class="team-member bg-gray-50 rounded-lg overflow-hidden shadow-md transition duration-300" data-aos="fade-up"> | |
| <img src="http://static.photos/people/320x240/1" alt="Mehdi - Fondateur Pizzeria Yummy Témara" class="w-full h-64 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-1">Mehdi</h3> | |
| <p class="text-red-600 font-medium mb-3">Fondateur & Pizzaiolo</p> | |
| <p class="text-gray-600">Formé en Italie, Mehdi apporte son expertise et sa passion pour les pizzas authentiques à Témara.</p> | |
| </div> | |
| </div> | |
| <!-- Team Member 2 --> | |
| <div class="team-member bg-gray-50 rounded-lg overflow-hidden shadow-md transition duration-300" data-aos="fade-up" data-aos-delay="100"> | |
| <img src="http://static.photos/people/320x240/2" alt="Amina - Gérante Pizzeria Yummy Témara" class="w-full h-64 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-1">Amina</h3> | |
| <p class="text-red-600 font-medium mb-3">Gérante</p> | |
| <p class="text-gray-600">Amina veille au bon fonctionnement de la pizzeria et à la satisfaction de nos clients à Témara.</p> | |
| </div> | |
| </div> | |
| <!-- Team Member 3 --> | |
| <div class="team-member bg-gray-50 rounded-lg overflow-hidden shadow-md transition duration-300" data-aos="fade-up" data-aos-delay="200"> | |
| <img src="http://static.photos/people/320x240/3" alt="Karim - Chef cuisinier Pizzeria Yummy Témara" class="w-full h-64 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-1">Karim</h3> | |
| <p class="text-red-600 font-medium mb-3">Chef cuisinier</p> | |
| <p class="text-gray-600">Karim crée nos délicieuses pâtes et plats italiens avec des recettes traditionnelles revisitées.</p> | |
| </div> | |
| </div> | |
| <!-- Team Member 4 --> | |
| <div class="team-member bg-gray-50 rounded-lg overflow-hidden shadow-md transition duration-300" data-aos="fade-up" data-aos-delay="300"> | |
| <img src="http://static.photos/people/320x240/4" alt="Fatima - Service client Pizzeria Yummy Témara" class="w-full h-64 object-cover"> | |
| <div class="p-6"> | |
| <h3 class="text-xl font-bold mb-1">Fatima</h3> | |
| <p class="text-red-600 font-medium mb-3">Service client</p> | |
| <p class="text-gray-600">Fatima accueille nos clients avec le sourire et s'assure que chaque visite à notre pizzeria de Témara soit mémorable.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Local Engagement Section --> | |
| <section class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col lg:flex-row items-center"> | |
| <div class="lg:w-1/2 mb-8 lg:mb-0 lg:pr-8" data-aos="fade-right"> | |
| <h2 class="text-3xl font-bold mb-6">Notre engagement local à Témara</h2> | |
| <p class="text-gray-600 mb-4">Chez Pizzeria Yummy, nous croyons en l'importance de soutenir notre communauté locale. C'est pourquoi nous nous approvisionnons auprès de producteurs de la région de Témara chaque fois que possible.</p> | |
| <p class="text-gray-600 mb-4">Nos légumes proviennent des maraîchers locaux, notre viande est sélectionnée auprès des bouchers de Témara, et même notre farine est produite dans la région.</p> | |
| <p class="text-gray-600 mb-6">Nous participons également à des événements communautaires et soutenons les initiatives locales, car nous sommes fiers de faire partie intégrante de la vie à Témara.</p> | |
| <a href="blog/engagement-local.html" class="inline-block bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-6 rounded-lg transition duration-300">En savoir plus</a> | |
| </div> | |
| <div class="lg:w-1/2" data-aos="fade-left"> | |
| <img src="http://static.photos/agriculture/640x360/2" alt="Producteurs locaux Témara" class="rounded-lg shadow-md w-full"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Ce que disent nos clients à Témara</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="bg-gray-50 p-6 rounded-lg shadow-sm" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4">"La meilleure pizza de Témara ! Les ingrédients sont toujours frais et le service est impeccable. Notre adresse préférée pour les soirées pizza en famille. Nous venons ici depuis l'ouverture et la qualité est toujours au rendez-vous."</p> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-gray-200 mr-3"></div> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Karim B.</h4> | |
| <p class="text-sm text-gray-500">Habitant de Témara depuis 15 ans</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="bg-gray-50 p-6 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5极速赛车开奖官网 极速赛车开奖直播 极速赛车开奖记录 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="极速赛车开奖官网 极速赛车开奖直播 极速赛车开奖记录star" class="w-5 h-5 fill-current"></极速赛车开奖官网 极速赛车开奖直播 极速赛车开奖记录i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4">"En tant qu'italien vivant à Témara, je peux affirmer que les pizzas de Yummy sont authentiques et délicieuses. La pâte est parfaite, le fromage est de qualité et les garnitures sont toujours fraîches. Un vrai goût d'Italie au cœur de Témara!"</p> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-gray-200 mr-3"></div> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Luca M.</h4> | |
| <p class="text-sm text-gray-500">Expatrié italien à Témara</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonial 3 --> | |
| <div class="bg-gray-50 p-6 rounded-lg shadow-sm" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4">"Je travaille à Témara et je commande souvent chez Yummy pour le déjeuner. Leur service de livraison est rapide et les pizzas arrivent toujours chaudes. Leur promotion 'menu déjeuner' est parfaite pour les travailleurs pressés!"</p> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-gray-200 mr-3"></div> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Sophie K.</h4> | |
| <p class="text-sm text-gray-500">Employée à Témara</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </body> | |
| </html> |