templates/pages/sponsoring.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Sponsoring - Soutenir nos projets{% endblock %}
  3. {% block body %}
  4. <div class="page-header" style="height: 40vh; min-height: 300px; background-image: linear-gradient(rgba(31, 31, 31, 0.8), rgba(31, 31, 31, 0.8)), url('https://images.unsplash.com/photo-1556761175-5973dc0f32b7?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');">
  5. <div class="container fade-up">
  6. <h1 class="page-title">Devenir Sponsor</h1>
  7. <p style="font-size: 1.2rem; color: var(--gold); max-width: 600px; margin: 0 auto;">Associez l'image de votre entreprise à un événement culturel international et premium.</p>
  8. </div>
  9. </div>
  10. <section class="section-padding">
  11. <div class="container">
  12. <div class="section-title fade-up">
  13. <span>Partenariat Corporate</span>
  14. <h2>Pourquoi nous sponsoriser ?</h2>
  15. </div>
  16. <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px;">
  17. <div class="fade-up" style="text-align: center; padding: 30px; background: #fff; border-radius: var(--border-radius); box-shadow: var(--shadow-soft);">
  18. <i class="fas fa-eye fa-3x" style="color: var(--gold); margin-bottom: 20px;"></i>
  19. <h3 style="margin-bottom: 15px;">Visibilité Accrue</h3>
  20. <p style="color: #666; font-size: 0.95rem;">Exposez votre marque devant plus de 15 000 festivaliers et notre communauté en ligne de 50 000 abonnés.</p>
  21. </div>
  22. <div class="fade-up" style="text-align: center; padding: 30px; background: #fff; border-radius: var(--border-radius); box-shadow: var(--shadow-soft); transition-delay: 0.1s;">
  23. <i class="fas fa-handshake fa-3x" style="color: var(--gold); margin-bottom: 20px;"></i>
  24. <h3 style="margin-bottom: 15px;">RSE & Engagement</h3>
  25. <p style="color: #666; font-size: 0.95rem;">Valorisez votre démarche RSE en soutenant directement la culture, l'éducation et la jeunesse africaine.</p>
  26. </div>
  27. <div class="fade-up" style="text-align: center; padding: 30px; background: #fff; border-radius: var(--border-radius); box-shadow: var(--shadow-soft); transition-delay: 0.2s;">
  28. <i class="fas fa-ticket-alt fa-3x" style="color: var(--gold); margin-bottom: 20px;"></i>
  29. <h3 style="margin-bottom: 15px;">Avantages VIP</h3>
  30. <p style="color: #666; font-size: 0.95rem;">Accédez à nos espaces VIP pour vos relations publiques et invitez vos meilleurs clients ou collaborateurs.</p>
  31. </div>
  32. </div>
  33. <div class="fade-up" style="background: var(--black-dark); color: #fff; padding: 50px; border-radius: var(--border-radius-lg); display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;">
  34. <div>
  35. <h3 style="font-size: 2rem; margin-bottom: 20px;">Télécharger le Dossier de Sponsoring</h3>
  36. <p style="color: #aaa; margin-bottom: 30px;">Découvrez en détail nos offres de partenariat, les retombées médiatiques attendues et les différents packs disponibles (Bronze, Silver, Gold, Platinum).</p>
  37. <a href="#" class="btn btn-primary" style="display: inline-flex; align-items: center; gap: 10px;"><i class="fas fa-file-pdf"></i> Dossier PDF (2.5 Mo)</a>
  38. </div>
  39. <div style="background: #fff; border-radius: var(--border-radius); padding: 30px;">
  40. <h4 style="color: var(--black-dark); margin-bottom: 20px; font-size: 1.5rem;">Demande de contact</h4>
  41. <form action="{{ path('app_contact_submit') }}" method="POST">
  42. <input type="hidden" name="type" value="sponsoring">
  43. <input type="hidden" name="subject" value="Demande de partenariat">
  44. <input type="text" name="name" required placeholder="Nom de l'entreprise / Contact" style="width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; outline: none;">
  45. <input type="email" name="email" required placeholder="Email professionnel" style="width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; outline: none;">
  46. <textarea name="message" required placeholder="Votre message ou projet de partenariat..." style="width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; outline: none; height: 100px; resize: none;"></textarea>
  47. <button type="submit" class="btn btn-outline" style="width: 100%;">Envoyer la demande</button>
  48. </form>
  49. </div>
  50. </div>
  51. </div>
  52. </section>
  53. {% endblock %}