<!DOCTYPE html><html lang="nl" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="description" content="Nanosmid – Meubels op de grens van ambacht en algoritme"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="canonical" href="https://nanosmid.nl/"><meta name="generator" content="Astro v5.15.8"><!-- Open Graph / Social Media --><meta property="og:type" content="website"><meta property="og:url" content="https://nanosmid.nl/"><meta property="og:title" content="Nanosmid – Ambacht + Algoritme"><meta property="og:description" content="Nanosmid – Meubels op de grens van ambacht en algoritme"><meta property="og:image" content="https://nanosmid.nl/og-image.jpg"><meta property="og:locale" content="nl_NL"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Nanosmid – Ambacht + Algoritme"><meta name="twitter:description" content="Nanosmid – Meubels op de grens van ambacht en algoritme"><meta name="twitter:image" content="https://nanosmid.nl/og-image.jpg"><title>Nanosmid – Ambacht + Algoritme</title><link rel="stylesheet" href="/_astro/index.Ujidkfw_.css"></head> <body class="bg-white text-gray-900 font-sans antialiased" data-astro-cid-sckkx6r4> <!-- Header --> <header class="border-b border-gray-200" data-astro-cid-sckkx6r4> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" data-astro-cid-sckkx6r4> <div class="flex justify-between items-center h-16" data-astro-cid-sckkx6r4> <!-- Logo --> <a href="/" class="text-xl font-medium tracking-tight hover:text-gray-600 transition-colors" data-astro-cid-sckkx6r4>
Nanosmid
</a> <!-- Navigation --> <ul class="hidden md:flex space-x-8" data-astro-cid-sckkx6r4> <li data-astro-cid-sckkx6r4> <a href="/" class="text-sm font-medium transition-colors text-gray-900" data-astro-cid-sckkx6r4>
Home
</a> </li> <li data-astro-cid-sckkx6r4> <a href="/projecten" class="text-sm font-medium transition-colors text-gray-600 hover:text-gray-900" data-astro-cid-sckkx6r4>
Projecten
</a> </li> </ul> <!-- Mobile menu button --> <button id="mobile-menu-button" class="md:hidden p-2 rounded-md text-gray-600 hover:text-gray-900 hover:bg-gray-100 transition-colors" aria-label="Open menu" data-astro-cid-sckkx6r4> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-sckkx6r4> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" data-astro-cid-sckkx6r4></path> </svg> </button> </div> <!-- Mobile menu --> <div id="mobile-menu" class="hidden md:hidden pb-4" data-astro-cid-sckkx6r4> <ul class="space-y-2" data-astro-cid-sckkx6r4> <li data-astro-cid-sckkx6r4> <a href="/" class="block py-2 text-sm font-medium text-gray-900" data-astro-cid-sckkx6r4>
Home
</a> </li> <li data-astro-cid-sckkx6r4> <a href="/projecten" class="block py-2 text-sm font-medium text-gray-600" data-astro-cid-sckkx6r4>
Projecten
</a> </li> </ul> </div> </nav> </header> <!-- Main content --> <main data-astro-cid-sckkx6r4>   <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-24"> <div class="grid lg:grid-cols-2 gap-12 items-center"> <!-- Hero Content --> <div class="space-y-8"> <div class="space-y-4"> <h1 class="text-5xl sm:text-6xl lg:text-7xl font-light tracking-tight leading-tight">
Design hoeft niet ingewikkeld te zijn
</h1> <p class="text-xl text-gray-600 max-w-xl">
Bij Nanosmid komen ambacht en algoritme bij elkaar.
</p> </div> <!-- CTA --> <a href="/projecten" class="inline-flex items-center justify-center px-8 py-4 text-base font-medium text-white bg-gray-900 hover:bg-gray-800 transition-colors rounded-sm">
Bekijk projecten
</a> </div> <!-- Hero Image --> <div class="relative"> <a href="/projecten/kura-zit-opbergbank" class="block group"> <div class="aspect-[4/3] rounded-sm overflow-hidden"> <img src="/images/kura/hero.png" alt="Kura zit-/opbergbank" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"> </div> <div class="mt-4 flex items-baseline gap-3"> <span class="text-lg font-medium">Kura</span> <span class="text-sm text-gray-500">蔵</span> <span class="text-sm text-gray-500">— Zit-/opbergbank</span> </div> </a> </div> </div> </section>  <section class="bg-gray-50 py-24"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center space-y-6"> <h2 class="text-3xl sm:text-4xl font-light tracking-tight">
Zelf ontwerpen, door ons laten bouwen
</h2> <p class="text-lg text-gray-600 max-w-2xl mx-auto">
Wel zelf een ontwerp op maat maar door ons laten bouwen en laten plaatsen?
</p> </div> </div> </section>  <section class="bg-gray-50 py-24"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center space-y-6"> <h2 class="text-3xl sm:text-4xl font-light tracking-tight">
Zelf ontwerpen en zelf bouwen met jouw materiaal
</h2> <p class="text-lg text-gray-600 max-w-2xl mx-auto">
je wil het zelf bouwen maar wel met de planken die jij hebt of in je lokale bouwemarkt bescikbaar zijn .
                pas het ontwerp en de materialen aan, krijg direct een bouwplan, maattekeningen en zaagplan.
</p> </div> </div> </section>  </main> <!-- Footer --> <footer class="border-t border-gray-200 mt-24" data-astro-cid-sckkx6r4> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12" data-astro-cid-sckkx6r4> <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0" data-astro-cid-sckkx6r4> <p class="text-sm text-gray-600" data-astro-cid-sckkx6r4>
© 2025 Nanosmid. Ambacht + Algoritme.
</p> <nav class="flex space-x-6" data-astro-cid-sckkx6r4> <a href="/" class="text-sm text-gray-600 hover:text-gray-900 transition-colors" data-astro-cid-sckkx6r4>
Home
</a> </nav> </div> </div> </footer> <script type="module">const e=document.getElementById("mobile-menu-button"),t=document.getElementById("mobile-menu");e?.addEventListener("click",()=>{t?.classList.toggle("hidden")});</script> </body> </html> 