Merge pull request #98 from larsmbm/add-sponsors-to-the-homepage

Add sponsors to the homepage

Author: michielgerritsen

content/data/nl.csv

@@ -9,4 +9,7 @@
 "Become member","Lid worden"
 "Your email","Jouw emailadres"
 "Pay now","Nu betalen"
-"Directory of Magento in Nederland","Directory van Magento in Nederland"
+"Directory of Magento in Nederland","Directory van Magento in Nederland"
+"Sponsors","Sponsoren"
+"Want to become a sponsor of Mage-OS Netherlands? Send an email to","Wilt u ook sponsor worden van Mage-OS Nederland? Stuur een email naar"
+"Interest in sponsorship Mage-OS Netherlands","Interesse in sponsorschap Mage-OS Nederland"

content/pages/home-en.md

@@ -7,4 +7,6 @@
 
 Mage-OS Netherlands is an initiative of the Dutch Magento community, with the aim of representing the Magento / Adobe Commerce / Mage-OS ecosystem in the Netherlands. The association aims to facilitate initiatives from the community (such as Dutch events, a better website, information provision to online retailers and much more).
 
-All help is welcome, so if you have an idea to strengthen Magento in the Netherlands, let us know!
+All help is welcome, so if you have an idea to strengthen Magento in the Netherlands, let us know!
+
+{{snippet sponsors}}

content/pages/home-nl.md

@@ -4,6 +4,8 @@
 
 ## Over Mage-OS Nederland {#over}
 
-Mage-OS Nederland is een initiatief van de Nederlandse Magento community, met als doel het ecosysteem van Magento / Adobe Commerce / Mage-OS in Nederland te vertegenwoordigen. De vereniging stelt zich als doel om initiatieven vanuit de community te faciliteren (zoals Nederlandse events, een betere website, informatievoorziening richting webwinkeliers en nog veel meer). 
+Mage-OS Nederland is een initiatief van de Nederlandse Magento community, met als doel het ecosysteem van Magento / Adobe Commerce / Mage-OS in Nederland te vertegenwoordigen. De vereniging stelt zich als doel om initiatieven vanuit de community te faciliteren (zoals Nederlandse events, een betere website, informatievoorziening richting webwinkeliers en nog veel meer).
 
-Alle hulp is hierbij welkom, dus mocht je een idee hebben om Magento in Nederland te versterken, laat het ons weten!
+Alle hulp is hierbij welkom, dus mocht je een idee hebben om Magento in Nederland te versterken, laat het ons weten!
+
+{{snippet sponsors}}

content/snippets/sponsors.php

@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+use MageOsNl\Website\DirectoryProvider;
+
+$items = (new DirectoryProvider())->getDirectoryItems();
+$sponsors = array_filter($items, function($item) {
+    return $item->isSponsor();
+});
+
+if (empty($sponsors)) {
+    return;
+}
+?>
+<section class="py-8">
+    <h2 class="text-3xl font-bold text-center mb-8"><?= __('Sponsors') ?></h2>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+        <?php foreach ($sponsors as $sponsor): ?>
+            <div class="bg-white relative overflow-hidden shadow-lg ring-1 ring-black/5 p-6 text-center hover:shadow-xl transition-shadow flex flex-col">
+                <a href="<?= $sponsor->getUrl() ?>" class="no-underline flex flex-col h-full">
+                    <div class="relative h-[120px] flex items-center justify-center">
+                        <?php if ($sponsor->hasLogo()): ?>
+                            <img class="w-auto max-h-[100px] inline object-contain"
+                                 src="<?= $sponsor->getLogo() ?>"
+                                 alt=""
+                                 loading="lazy"
+                            />
+                        <?php endif; ?>
+                    </div>
+                    <div class="mt-auto">
+                        <h3 class="text-base font-semibold text-gray-900"><?= $sponsor->getName() ?></h3>
+                    </div>
+                </a>
+            </div>
+        <?php endforeach; ?>
+    </div>
+
+    <p class="my-8"><?= __('Want to become a sponsor of Mage-OS Netherlands? Send an email to') ?> <a class="hover:text-orange" href="mailto:bestuur@nl.mage-os.org?subject=<?= __('Interest in sponsorship Mage-OS Netherlands') ?>">bestuur@nl.mage-os.org</a></p>
+</section>