Embed

<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Webdesign</title>

  
  <link href="https://fonts.cdnfonts.com/css/aquire" rel="stylesheet"/>
  
  <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet"/>

  <style>
    /* --- 1) Forceer de bestaande navbar over de hero heen en maak ‘m transparant --- */
    header,
    .navbar,
    #header,
    #navbar,
    nav {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      background: transparent !important;
      z-index: 9999 !important;
      transition: background 0.3s ease, position 0.3s ease;
    }

    /* --- 2) Zodra er gescrolled wordt: maak ‘m fixed met achtergrond --- */
    header.header-scrolled,
    .navbar.header-scrolled,
    #header.header-scrolled,
    #navbar.header-scrolled,
    nav.header-scrolled {
      position: fixed !important;
      background: rgba(0, 0, 0, 0.9) !important;
    }

    /* --- 3) Zorg dat de hero onder de navbar blijft --- */
    #vanta-bg {
      position: relative !important;
      z-index: 1 !important;
      margin-top: 0 !important;
      overflow: hidden;
      width: 100vw;
      height: 100vh;
      background: #000;
      color: white;
    }

    /* --- 4) Body reset --- */
    html, body {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      background: #000;
      overflow-x: hidden;
    }

    /* --- 5) Geanimeerde teksten in de hero --- */
    .animated-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      margin: 0;
      text-align: center;
      font-family: 'Aquire', sans-serif;
      font-weight: 400;
      color: inherit;
      text-shadow:
        0 0 5px rgba(255,255,255,0.8),
        0 0 10px rgba(255,255,255,0.6),
        0 0 20px rgba(255,255,255,0.4),
        0 0 30px rgba(255,255,255,0.2);
    }

    .first-text {
      font-size: 8vw;
      opacity: 0;
      animation: fadeInHoldFadeOut 1.5s ease forwards;
    }
    @keyframes fadeInHoldFadeOut {
      0%   { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
      20%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
      80%  { opacity: 1; transform: translate(-50%, -50%) scale(1); }
      100% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
    }

    .second-text {
      font-size: 8vw;
      opacity: 0;
      animation: appearAnim 1s ease-out forwards;
      animation-delay: 2.5s;
    }
    @keyframes appearAnim {
      0%   { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
      100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    }

    .sub-text {
      position: absolute;
      top: calc(50% + 6vw);
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
      margin: 0;
      text-align: center;
      font-family: 'Raleway', sans-serif;
      font-size: 1.6rem;
      opacity: 0;
      animation: slideIn 2s ease forwards;
      animation-delay: 2.5s;
    }
    @keyframes slideIn {
      from { opacity: 0; transform: translateX(-50%) translateY(50px); }
      to   { opacity: 1; transform: translateX(-50%) translateY(0); }
    }

    /* --- 6) Responsive tweaks --- */
    @media (min-width: 1024px) {
      .first-text, .second-text { font-size: 6vw; }
      .sub-text {
        font-size: 1.4rem;
        top: calc(50% + 5vw);
      }
    }
    @media (max-width: 767px) {
      .first-text, .second-text { font-size: 10vw; }
      .sub-text {
        font-size: 1.2rem;
        top: calc(50% + 8vw);
      }
    }
  </style>
</head>
<body>

  
  <section id="vanta-bg">
    <h1 class="animated-text first-text">AI</h1>
    <h1 class="animated-text second-text">AQUIRE</h1>
    <p class="sub-text">Custom AI Chatbots & Voice Assistants for Your Business</p>
  </section>

  

  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
  <script>
    VANTA.NET({
      el: "#vanta-bg",
      mouseControls: true,
      touchControls: true,
      gyroControls: false,
      minHeight: 200.00,
      minWidth: 200.00,
      scale: 1.00,
      scaleMobile: 1.00,
      color: 0x888888,
      backgroundColor: 0x000000,
      points: 12.00,
      maxDistance: 30.00,
      spacing: 20.00
    });

    // 7) Scroll-detectie: navbar ‘komt terug’ zodra je niet helemaal bovenaan bent
    window.addEventListener('scroll', function() {
      document.querySelectorAll('header, .navbar, #header, #navbar, nav')
        .forEach(el => {
          if (window.scrollY > 0) {
            el.classList.add('header-scrolled');
          } else {
            el.classList.remove('header-scrolled');
          }
        });
    });
  </script>

</body>
</html>

Logo showcase

We’re proud to power AI-driven conversations for businesses of all sizes. Here are a few of the companies we’ve partnered with:

Our Customers

List

“We combine speed, security, and deep customization to deliver AI solutions that work from day one.”

Why Choose AQUIRE?

<p>Crafted from your data and brand voice</p>

AI Chatbot intelligent digital customer service application concept.

Truly Custom Builds

<p>Go live in 1–2 weeks, EU‑hosted</p>

Digital chatbot, A.I., robot application, conversation assistant, AI Artificial Intelligence concept. Woman using mobile smart phone chatting with digital chatbot customer service

Rapid Deployment

<p>Web chat, WhatsApp, Messenger &amp; phone</p>

Chat bot  service concept. Virtual assistant and CRM software automation technology. Customer using online service with chat bot to get support.

Omnichannel Reach

<p>Testing A-Z, Until we reach perfection</p>

Continuous Optimization

Enterprise‑Grade Security

Text

<h2 style="white-space:pre-line">Our Proven 4‑Step Process</h2>

Timeline

Services

"Powered by Agents by AQUIRE, our platform gives us full control."

Platform Features

<p>● Validate thousands of prompts in minutes<br />● Real‑time performance feedback &amp; edge‑case detection</p>

Chatbot concept. open AI, Artificial Intelligence. businessman using technology smart robot AI, enter command prompt, contact for business information analysis, Futuristic technology transformation.

Custom Chatbot Development

<p>● Easy connection with third parties<br />● 10x cheaper then others</p>

Easy flow

<p>● Sentiment &amp; intent trend reports<br />● Conversion funnels &amp; drop‑off alerts<br />● Export to CSV/PDF</p>

Chatbot Chat with AI, Artificial Intelligence. man using technology smart robot AI, artificial intelligence by enter command prompt for generates something, Futuristic technology transformation.

Analytics & Dashboards

"Connect your favorite tools in minutes, using your own accounts."

Seamless Integrations

<p>24/7 chatbots that answer with real data in seconds.</p>

E‑Commerce

<p>Voice assistants that schedule appointments, send reminders, and triage basic patient queries.</p>

Healthcare

<p>AI tutors that answer student FAQs, grade simple quizzes, and deliver personalized study plans.</p>

Education & e‑Learning

<p>Virtual agents that troubleshoot service issues, anwser questions and lead to the right pages on their website.</p>

Telecom & Utilities

<p>Digital concierges that book test drives, check service status, and push timely maintenance reminders.</p>

AI

AQUIRE

Our Customers

Why Choose AQUIRE?

Our Proven 4‑Step Process

Platform Features

Seamless Integrations

Platform Features

Ready to Transform Your Customer Experience?