Home Work
SaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
AI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
LegalHealthcareReal estateFinanceHospitality
The HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
AboutProcessLabBlogContact

Vraag ChatGPT, Claude of Perplexity over ons New

Section inviting visitors to let an AI assistant tell them about the business: pick a topic, the question is ready in an editable textarea (field-sizing:content, fallback fixed height) and buttons open ChatGPT, Claude or Perplexity with it via ?q=. Includes a copy button (Clipboard API, fallback select) and a card showing what the site llms.txt contains. States: empty textarea disables the buttons, copied and copy failed.

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.

How to use it

  1. Paste the HTML where the page sections should appear.
  2. Add the CSS to your stylesheet. All classes are prefixed, so nothing clashes with your own styles.
  3. Add the JavaScript and call init() with the element that contains the HTML.
<!-- 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>

More page sections

Seen something you like?

Add it to your selection and send it over. We build your site around it, in your brand.

Get in touch →