Eerste merksite voor Cucina Food.

Statische HTML/CSS/JS: homepage, productlijnen, recepten, zoekbare winkelvinder.
This commit is contained in:
mo
2026-08-29 14:34:18 +02:00
commit 10e510682c
33 changed files with 4091 additions and 0 deletions
+144
View File
@@ -0,0 +1,144 @@
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cucina Food — halal wereldkeuken in de supermarkt</title>
<meta name="description" content="Halal maaltijdpakketten, ovenschotels, salades en vlees. Vind Cucina in een supermarkt bij jou in de buurt.">
<link rel="icon" href="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Group-1000002463-1.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:ital,wght@0,400;0,600;0,700;1,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/site.css">
</head>
<body>
<a class="skip" href="#inhoud">Naar de inhoud</a>
<header class="site-header" data-header>
<a class="brand" href="/">
<img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Group-1000002463-1.png" width="42" height="42" alt="Cucina Halal Food">
<span class="word">CUCINA</span>
</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-label="Menu">☰</button>
<nav class="site-nav">
<a href="/to-cook/">To Cook</a>
<a href="/to-heat/">To Heat</a>
<a href="/to-go/">To Go</a>
<a href="/halal-meat/">Meat</a>
<a href="/recepten/">Recepten</a>
<a href="/halal/">Halal</a>
<a href="/over-ons/">Over</a>
<a class="btn" href="/waar-te-koop/">Vind in de buurt</a>
</nav>
</header>
<main id="inhoud">
<section class="hero">
<img class="bg" src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Chicken-Meat-Kababs-1.webp" alt="Halal gerechten van Cucina">
<div class="hero-copy">
<div class="kicker">Halal · supermarkt · vandaag op tafel</div>
<h1>De wereldkeuken, gewoon in het schap.</h1>
<p>Heerlijke halal producten om mee te koken, op te warmen of to go. Cucina is de keuken van ons allemaal.</p>
<div class="hero-actions">
<a class="btn" href="/to-cook/">Bekijk To Cook</a>
<a class="btn btn-ghost" href="/waar-te-koop/">Vind in de buurt</a>
</div>
</div>
</section>
<section class="section">
<div class="wrap">
<h2>Vier manieren om te eten</h2>
<p class="lede">Koken, opwarmen, meenemen of puur vlees. Altijd halal, altijd in de supermarkt.</p>
<div class="grid-4"><a class="tile" href="/to-cook/"><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Pasta-Pesta-Red-chili-kip.webp" alt="To Cook"><b>To Cook</b><span>Halal maaltijdpakketten</span></a><a class="tile" href="/to-heat/"><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/10/cucinaa-foods.webp" alt="To Heat"><b>To Heat</b><span>Ovenschotels &amp; kant-en-klare maaltijden</span></a><a class="tile" href="/to-go/"><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Cutting-Borad-and-Tomato.webp" alt="To Go"><b>To Go</b><span>Halal maaltijdsalades</span></a><a class="tile" href="/halal-meat/"><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/10/halal_meat_chicken.webp" alt="Halal Meat"><b>Halal Meat</b><span>Premium kwaliteit halal vlees</span></a></div>
</div>
</section>
<section class="section" style="padding-top:0">
<div class="wrap">
<h2>Vanavond op tafel</h2>
<div class="grid-3"><a class="tile" href="/recepten/rode-pasta-pesto-met-gehaktballetjes/"><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image-6-1.png" alt="Rode pasta pesto met gehaktballetjes"><b>Rode pasta pesto met gehaktballetjes</b><span>35 min · 2–4 personen</span></a><a class="tile" href="/recepten/gele-kokoscurry-met-kip/"><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image.png" alt="Gele kokoscurry met kip"><b>Gele kokoscurry met kip</b><span>25 min · 2–4 personen</span></a><a class="tile" href="/recepten/kip-teriyaki-met-gewokte-broccoli/"><img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image-5-2.png" alt="Kip teriyaki met gewokte broccoli"><b>Kip teriyaki met gewokte broccoli</b><span>25 min · 2–4 personen</span></a></div>
<p style="margin-top:1rem"><a class="btn btn-ghost dark" href="/recepten/">Alle recepten</a></p>
</div>
</section>
<section class="lime-band" data-finder>
<div class="wrap">
<h2>Waar ligt Cucina?</h2>
<p class="lede">Zoek op plaats of postcode. Geen muur van 500 adressen.</p>
<form class="search" role="search">
<input type="search" name="q" placeholder="Plaats of postcode" autocomplete="off">
<button type="submit">Zoek</button>
</form>
<p class="muted" data-status>Typ een plaats of postcode.</p>
<ul class="store-list" data-results></ul>
</div>
</section>
<section class="section">
<div class="wrap">
<h2>Halal, van bron tot bord</h2>
<div class="trust">
<div><strong>100% halal</strong>Opgericht door moslimondernemers met Marokkaanse roots. Halal is geen label, het is hoe we werken. In lijn met SMIIC-normen.</div>
<div><strong>BRC &amp; IFS</strong>Geproduceerd onder internationale voedselveiligheidsstandaarden, met controle op elke stap.</div>
<div><strong>Gewoon in de supermarkt</strong>Halal food hoort in elk schap te liggen — zichtbaar, vertrouwd, zonder concessies.</div>
</div>
</div>
</section>
<section class="section" style="padding-top:0">
<div class="wrap">
<h2>Verkrijgbaar bij</h2>
<div class="retail">
<img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image-6.png" alt="Retailpartner">
<img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image-7.png" alt="Retailpartner">
<img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/image-8.png" alt="Retailpartner">
<img src="https://www-static.cucinafood.nl/wp-content/uploads/2025/02/Group-1000002471.svg" alt="Retailpartner">
</div>
</div>
</section>
<section class="section" style="padding-top:0">
<div class="wrap">
<div class="samples">
<div>
<h2>Voor retailers</h2>
<p class="lede" style="margin:0">Wil je Cucina in het schap? Vraag samples aan. Shop je voor vanavond, gebruik de winkelvinder.</p>
</div>
<a class="btn" href="/contact/#samples">Vraag samples</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div>
<strong>Cucina Food</strong>
<p>Bos en Lommerplein 280<br>1055 RW Amsterdam<br>
<a href="mailto:info@cucinafood.nl">info@cucinafood.nl</a></p>
<div class="social">
<a href="https://www.facebook.com/Cucinafoodnl/">Facebook</a>
<a href="https://www.instagram.com/cucinafoodnl/">Instagram</a>
<a href="https://www.tiktok.com/@cucinafood">TikTok</a>
</div>
</div>
<div>
<strong>Assortiment</strong>
<ul>
<li><a href="/to-cook/">To Cook</a></li>
<li><a href="/to-heat/">To Heat</a></li>
<li><a href="/to-go/">To Go</a></li>
<li><a href="/halal-meat/">Halal Meat</a></li>
<li><a href="/recepten/">Recepten</a></li>
</ul>
</div>
<div>
<strong>Cucina</strong>
<ul>
<li><a href="/halal/">Halal beleid</a></li>
<li><a href="/over-ons/">Over ons</a></li>
<li><a href="/waar-te-koop/">Waar te koop</a></li>
<li><a href="/contact/">Contact &amp; samples</a></li>
<li><a href="/privacy/">Privacy</a></li>
<li><a href="/voorwaarden/">Voorwaarden</a></li>
</ul>
</div>
</footer>
<script src="/js/site.js"></script>
</body>
</html>