Home Werk
SaaS bouwenAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOWebshop bouwen
AI-oplossingenB2B-platformsE-commerceHorecaLead generationLogistiekOnderwijsProcesautomatiseringSaaS-platformsStartup MVPVastgoedZorg
JuridischZorgVastgoedFinanceHoreca
Den HaagRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
OverWerkwijzeLabBlogContact

Vraag ChatGPT, Claude of Perplexity over ons Nieuw

Sectie die bezoekers uitnodigt om een AI-assistent over het bedrijf te laten vertellen: kies een onderwerp, de vraag staat klaar in een bewerkbaar tekstvak (field-sizing:content, fallback vaste hoogte) en knoppen openen ChatGPT, Claude of Perplexity met die vraag via ?q=. Met kopieerknop (Clipboard API, fallback selecteren) en een kaart die laat zien wat er in de llms.txt van de site staat. Staten: leeg tekstvak schakelt de knoppen uit, gekopieerd en kopiëren mislukt.

Notariskantoor Hendriks & Van Gestel · 's-Hertogenbosch

Vraag een AI-assistent wat ze van ons weten

Je vergelijkt notarissen waarschijnlijk toch al. Kies je onderwerp, de vraag staat klaar. Pas hem gerust aan, en lees zelf het antwoord.

Opent in een nieuw tabblad. Wij zien niet wat je vraagt of wat het antwoord is.

hendriksvangestel.voorbeeld.nl/llms.txtopen
# Notariskantoor Hendriks & Van Gestel
> Notariskantoor in 's-Hertogenbosch, sinds 1971.
> Familierecht, onroerend goed en ondernemingsrecht.

## Tarieven (vaste prijzen, incl. btw)
- [Testament](/tarieven/testament.md): € 395
- [Leveringsakte en hypotheekakte](/tarieven/huis.md): € 1.150
- [Samenlevingscontract](/tarieven/samenwonen.md): € 595
- [Oprichting bv](/tarieven/bv.md): vanaf € 750

## Contact
- Stationsweg 12, 's-Hertogenbosch
- 073 612 40 90 · info@voorbeeld.nl

Wat is llms.txt? Een korte samenvatting van de site voor AI-assistenten, op een vaste plek. Zo noemen ze onze echte prijzen en niet die van een verouderde vergelijkingssite.

Zo gebruik je het

  1. Plak de HTML op de plek waar het onderdeel moet komen.
  2. Zet de CSS in je stylesheet. Alle klassen hebben een eigen voorvoegsel, dus niets botst met je eigen opmaak.
  3. Voeg de JavaScript toe en roep init() aan met het element waar de HTML in staat.
<!-- Vraag ChatGPT, Claude of Perplexity over ons · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="vai">
  <div class="vai__in">
    <div class="vai__l">
      <p class="vai__kick">Notariskantoor Hendriks &amp; Van Gestel · 's-Hertogenbosch</p>
      <h2 class="vai__h">Vraag een <span class="vai__nw">AI-assistent</span> wat ze van ons weten</h2>
      <p class="vai__lead">Je vergelijkt notarissen waarschijnlijk toch al. Kies je onderwerp, de vraag staat klaar. Pas hem gerust aan, en lees zelf het antwoord.</p>
      <div class="vai__topics" role="radiogroup" aria-label="Onderwerp">
        <label><input type="radio" name="vai-t" value="testament" checked><span>Testament</span></label>
        <label><input type="radio" name="vai-t" value="huis"><span>Huis kopen</span></label>
        <label><input type="radio" name="vai-t" value="samen"><span>Samenwonen</span></label>
        <label><input type="radio" name="vai-t" value="bv"><span>Bv oprichten</span></label>
      </div>
      <label class="vai__lbl" for="vai-q">Je vraag</label>
      <textarea id="vai-q" class="vai__q" rows="5"></textarea>
      <div class="vai__btns">
        <a class="vai__ai" data-ai="chatgpt" href="#" target="_blank" rel="noopener"><svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="7"/><path d="M10 6.5v7M6.5 10h7"/></svg>Vraag ChatGPT</a>
        <a class="vai__ai" data-ai="claude" href="#" target="_blank" rel="noopener"><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M10 3v14M3 10h14M5 5l10 10M15 5L5 15"/></svg>Vraag Claude</a>
        <a class="vai__ai" data-ai="perplexity" href="#" target="_blank" rel="noopener"><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 4h12v12H4zM10 4v12M4 10h12"/></svg>Vraag Perplexity</a>
        <button class="vai__copy" type="button"><svg viewBox="0 0 20 20" aria-hidden="true"><rect x="6.5" y="6.5" width="9" height="10" rx="1.5"/><path d="M4.5 13.5v-9a1 1 0 0 1 1-1h7"/></svg><span>Kopieer vraag</span></button>
      </div>
      <p class="vai__msg" aria-live="polite"></p>
      <p class="vai__small">Opent in een nieuw tabblad. Wij zien niet wat je vraagt of wat het antwoord is.</p>
    </div>
    <div class="vai__r">
      <div class="vai__file">
        <div class="vai__file-h"><span>hendriksvangestel.voorbeeld.nl/llms.txt</span><a href="#">open</a></div>
        <pre class="vai__pre"><code><span class="vai__c1"># Notariskantoor Hendriks &amp; Van Gestel</span>
<span class="vai__c2">&gt; Notariskantoor in 's-Hertogenbosch, sinds 1971.
&gt; Familierecht, onroerend goed en ondernemingsrecht.</span>

<span class="vai__c1">## Tarieven (vaste prijzen, incl. btw)</span>
- [Testament](/tarieven/testament.md): € 395
- [Leveringsakte en hypotheekakte](/tarieven/huis.md): € 1.150
- [Samenlevingscontract](/tarieven/samenwonen.md): € 595
- [Oprichting bv](/tarieven/bv.md): vanaf € 750

<span class="vai__c1">## Contact</span>
- Stationsweg 12, 's-Hertogenbosch
- 073 612 40 90 · info@voorbeeld.nl</code></pre>
      </div>
      <p class="vai__note"><b>Wat is llms.txt?</b> Een korte samenvatting van de site voor AI-assistenten, op een vaste plek. Zo noemen ze onze echte prijzen en niet die van een verouderde vergelijkingssite.</p>
    </div>
  </div>
</div>
</div>

Meer uit paginasecties

Iets gezien dat je mooi vindt?

Zet het in je selectie en stuur hem op. Dan bouwen we je site eromheen, in jouw huisstijl.

Neem contact op →