src/StartPlatz/Bundle/WebsiteBundle/Resources/views/Default/footer.tailwind.html.twig line 1

Open in your IDE?
  1. {% if footerLinks is not defined %}
  2.     {% set footerLinks   =  menuLinksAndPhrases.footerLinks %}
  3.     {% set footerPhrases =  menuLinksAndPhrases.footerPhrases %}
  4.     {% set targetPath    =  menuLinksAndPhrases.targetPath %}
  5.     {% set lang          =  menuLinksAndPhrases.lang %}
  6. {% endif %}
  8. <footer class="bg-[#232931] text-white py-16">
  9.     <div class="max-w-6xl mx-auto px-4">
  10.         {# Main Footer Grid #}
  11.         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
  12.             {# Column 1: About & Social #}
  13.             <div>
  14.                 <h2 class="text-xl font-semibold mb-6">{{ attribute(footerPhrases, 'about-title') }}</h2>
  15.                 <p class="text-white/70 mb-6">{{ attribute(footerPhrases, 'about-text') }}</p>
  17.                 <ul class="flex gap-3">
  18.                     <li>
  19.                         <a href="https://twitter.com/startplatz"
  20.                            class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">
  21.                             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
  22.                                 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
  23.                             </svg>
  24.                         </a>
  25.                     </li>
  26.                     <li>
  27.                         <a href="https://de-de.facebook.com/StartPlatz/"
  28.                            class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">
  29.                             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
  30.                                 <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
  31.                             </svg>
  32.                         </a>
  33.                     </li>
  34.                     <li>
  35.                         <a href="https://www.instagram.com/startplatz/"
  36.                            class="w-12 h-12 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors">
  37.                             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
  38.                                 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/>
  39.                             </svg>
  40.                         </a>
  41.                     </li>
  42.                 </ul>
  43.             </div>
  45.             {# Column 2: Website Links #}
  46.             <div>
  47.                 <h2 class="text-xl font-semibold mb-6">{{ attribute(footerPhrases, 'website') }}</h2>
  48.                 <ul class="space-y-2">
  49.                     <li><a href="{{ attribute(footerLinks, '/kontakt-aufnehmen') }}" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'kontakt') }}</a></li>
  50.                     <li><a href="/wlan-am-startplatz-koeln" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'wlan') }}</a></li>
  51.                     <li><a href="/pressebereich" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'presse') }}</a></li>
  52.                     <li><a href="/jobs" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'karriere') }}</a></li>
  53.                     <li><a href="/standorte" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'standorte') }}</a></li>
  54.                     <li><a href="/startplatz-archiv" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'archiv') }}</a></li>
  55.                     <li><a href="/startplatz-agb" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'agb') }}</a></li>
  56.                     <li><a href="/impressum" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'impressum') }}</a></li>
  57.                     <li><a href="/support" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'support') }}</a></li>
  58.                     <li><a href="/datenschutz" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> {{ attribute(footerPhrases, 'datenschutz') }}</a></li>
  59.                 </ul>
  60.             </div>
  62.             {# Column 3: Hot Topics #}
  63.             <div>
  64.                 <h2 class="text-xl font-semibold mb-6">{{ attribute(footerPhrases, 'hot topics') }}</h2>
  65.                 <ul class="space-y-2">
  66.                     <li><a href="/coworking-koeln" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Coworking Köln</a></li>
  67.                     <li><a href="/coworking-duesseldorf" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Coworking Düsseldorf</a></li>
  68.                     <li><a href="/konferenzraum" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Konferenzraum mieten Köln</a></li>
  69.                     <li><a href="/duesseldorf-tagungsraeume-und-konferenzraeume/" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Konferenzraum mieten Düsseldorf</a></li>
  70.                     <li><a href="/startup-wiki/business-model-canvas" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Business Model Canvas</a></li>
  71.                     <li><a href="/accelerator/" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> STARTPLATZ Accelerator</a></li>
  72.                     <li><a href="/gruenderstipendium-nrw" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Gründungsstipendium</a></li>
  73.                     <li><a href="/startup-wiki" class="text-white/60 hover:text-white transition-colors flex items-center gap-2"><span>→</span> Startup Wiki</a></li>
  74.                 </ul>
  75.             </div>
  77.             {# Column 4: Contact & Newsletter #}
  78.             <div>
  79.                 <h2 class="text-xl font-semibold mb-6">{{ lang == 'DE' ? 'Kontakt' : 'Contact' }}</h2>
  81.                 <div class="grid grid-cols-2 gap-4 mb-8">
  82.                     <div>
  83.                         <p class="font-semibold text-white mb-1">{{ lang == 'DE' ? 'Köln' : 'Cologne' }}</p>
  84.                         <p class="text-white/70 text-sm">Im Mediapark 5<br>50670 Köln</p>
  85.                         <p class="text-white/70 text-sm mt-2">info@startplatz.de<br>+49 221 975 802 00</p>
  86.                     </div>
  87.                     <div>
  88.                         <p class="font-semibold text-white mb-1">Düsseldorf</p>
  89.                         <p class="text-white/70 text-sm">Speditionstraße 15a<br>40221 Düsseldorf</p>
  90.                         <p class="text-white/70 text-sm mt-2">info@startplatz.de<br>+49 211 936 725 20</p>
  91.                     </div>
  92.                 </div>
  94.                 {# Newsletter #}
  95.                 <div>
  96.                     <h2 class="text-lg font-semibold mb-2">{{ attribute(footerPhrases, 'newsletter') }}</h2>
  97.                     <p class="text-white/70 text-sm mb-3">
  98.                         {{ attribute(footerPhrases, 'newsletter-teaser') }}<br>
  99.                         {{ attribute(footerPhrases, 'newsletter-description') }}
  100.                     </p>
  102.                     <form action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94"
  103.                           method="post"
  104.                           target="_blank"
  105.                           novalidate>
  106.                         <button type="submit"
  107.                                 class="px-6 py-2 bg-green-600 hover:bg-green-700 text-white rounded-lg transition-colors font-medium">
  108.                             {{ attribute(footerPhrases, 'anmelden') }}
  109.                         </button>
  110.                         {# Honeypot field #}
  111.                         <div style="position: absolute; left: -5000px;" aria-hidden="true">
  112.                             <input type="text" name="b_8a2b498caca4323b774191382_51dae9d56a" tabindex="-1" value="">
  113.                         </div>
  114.                     </form>
  115.                 </div>
  117.                 {# ProvenExpert Badge #}
  118.                 <div class="mt-6">
  119.                     <div class="pe-richsnippets"></div>
  120.                     <script type="text/javascript" src="https://www.provenexpert.com/widget/richsnippet.js?u=1HQBkRmo1xQpmqGB1xmA5DGAlMwpkxQZ&v=2" async></script>
  121.                 </div>
  122.             </div>
  123.         </div>
  125.         {# Copyright #}
  126.         <div class="border-t border-white/10 pt-8 text-center">
  127.             <p class="text-white/50 text-sm">
  128.                 Copyright © <script>document.write(new Date().getFullYear());</script> All rights reserved
  129.             </p>
  130.         </div>
  131.     </div>
  132. </footer>