<!doctype html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Red Banana – Creative digital agency</title>
<meta name="description" content="Red Banana: al 20 jaar de digital agency voor creative content en development in Brabant en ver daarbuiten.">
<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=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
  :root{
    --red:#e30613;
    --red-dark:#b8040f;
    --yellow:#ffd500;
    --ink:#111111;
    --text:#2b2b2b;
    --muted:#6b6b6b;
    --bg:#ffffff;
    --soft:#f6f4f1;
    --radius:18px;
    --max:1140px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Poppins',system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;font-size:17px}
  a{color:var(--red);text-decoration:none;font-weight:500}
  a:hover{text-decoration:underline}
  img{max-width:100%;display:block}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

  /* Header */
  header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #eee}
  .nav{display:flex;align-items:center;justify-content:space-between;height:78px}
  .nav img{height:44px;width:auto}
  .nav ul{display:flex;gap:28px;list-style:none}
  .nav ul a{color:var(--ink);font-weight:500;font-size:15px}
  .nav ul a:hover{color:var(--red);text-decoration:none}
  .btn{display:inline-block;background:var(--red);color:#fff;padding:13px 26px;border-radius:999px;font-weight:600;transition:.2s}
  .btn:hover{background:var(--red-dark);text-decoration:none;transform:translateY(-2px)}
  .btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
  .btn.ghost:hover{background:#fff;color:var(--ink)}

  /* Hero */
  .hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:110px 0 120px}
  .hero::after{content:"";position:absolute;right:-180px;top:-140px;width:520px;height:520px;border-radius:50%;background:var(--red);opacity:.9}
  .hero::before{content:"";position:absolute;right:220px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:var(--yellow)}
  .hero .wrap{position:relative;z-index:1}
  .tag{display:inline-block;background:rgba(255,255,255,.1);padding:6px 14px;border-radius:999px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}
  .hero h1{font-size:clamp(36px,6vw,64px);line-height:1.08;font-weight:800;max-width:760px;margin-bottom:24px}
  .hero h1 span{color:var(--red)}
  .hero p{max-width:620px;font-size:19px;color:#d6d6d6;margin-bottom:36px}
  .hero .cta{display:flex;gap:14px;flex-wrap:wrap}

  /* Sections */
  section{padding:100px 0}
  .eyebrow{color:var(--red);font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
  h2{font-size:clamp(28px,4vw,42px);line-height:1.15;color:var(--ink);font-weight:700;margin-bottom:24px}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
  .lead p+p{margin-top:18px}

  /* Services */
  .services{background:var(--soft)}
  .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .card{background:#fff;border-radius:var(--radius);padding:30px 26px;transition:.25s;border:1px solid #ece8e2}
  .card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
  .card .ico{width:48px;height:48px;border-radius:14px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:18px}
  .card h3{color:var(--ink);font-size:19px;margin-bottom:8px}
  .card p{font-size:15px;color:var(--muted)}
  .card ul{list-style:none;font-size:15px}
  .card li{padding:3px 0}

  /* EEAT */
  .eeat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
  .pillar{border-left:4px solid var(--red);padding:6px 0 6px 18px}
  .pillar b{display:block;font-size:42px;line-height:1;color:var(--red);font-weight:800}
  .pillar span{color:var(--ink);font-weight:600}

  /* Partners */
  .partners{background:var(--ink);color:#fff}
  .partners h2{color:#fff}
  .partners p{color:#cfcfcf;max-width:720px}
  .logos{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}
  .logos a{color:#fff;border:1px solid #3a3a3a;padding:16px 28px;border-radius:999px;font-weight:600;transition:.2s}
  .logos a:hover{border-color:var(--red);background:var(--red);text-decoration:none}

  /* Contact */
  .contact{text-align:center}
  .contact h2{margin-bottom:14px}
  .contact p{color:var(--muted);max-width:560px;margin:0 auto 32px}
  .mail{font-size:clamp(22px,3vw,32px);font-weight:700;display:inline-block;margin-bottom:28px}

  /* Footer */
  footer{background:#0a0a0a;color:#9a9a9a;padding:40px 0;font-size:14px}
  footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
  footer img{height:34px;filter:invert(1)}
  .social{display:flex;gap:12px}
  .social a{width:42px;height:42px;border-radius:50%;background:#1d1d1d;display:grid;place-items:center;transition:.2s}
  .social a:hover{background:var(--red)}
  .social svg{width:18px;height:18px;fill:#fff}

  @media (max-width:900px){
    .grid2{grid-template-columns:1fr;gap:32px}
    .cards{grid-template-columns:1fr 1fr}
    .eeat{grid-template-columns:1fr 1fr;gap:24px}
    .nav ul{display:none}
  }
  @media (max-width:560px){
    .cards{grid-template-columns:1fr}
    section{padding:70px 0}
    .hero{padding:80px 0 90px}
    .hero::after{width:320px;height:320px;right:-160px}
  }
</style>
</head>
<body>

<header>
  <div class="wrap nav">
    <a href="#top"><img src="https://web.archive.org/web/20260925073300im_/https://redbanana.nl/wp-content/uploads/2025/01/Logo-redbanana-Black.png" alt="Red Banana"></a>
    <ul>
      <li><a href="#over">Over ons</a></li>
      <li><a href="#diensten">Diensten</a></li>
      <li><a href="#eeat">Vindbaarheid</a></li>
      <li><a href="#partners">Partners</a></li>
    </ul>
    <a class="btn" href="#contact">Contact</a>
  </div>
</header>

<main id="top">

  <section class="hero">
    <div class="wrap">
      <span class="tag">Roosendaal · Brabant · en ver daarbuiten</span>
      <h1>Creative digital agency met <span>20 jaar</span> ervaring</h1>
      <p>Al 20 jaar de digital agency voor creative content en development. Een team van gedreven professionals op het gebied van content, development, design en AI.</p>
      <div class="cta">
        <a class="btn" href="#contact">Neem contact op</a>
        <a class="btn ghost" href="#diensten">Wat we doen</a>
      </div>
    </div>
  </section>

  <section id="over">
    <div class="wrap grid2">
      <div>
        <div class="eyebrow">Welkom bij Red Banana</div>
        <h2>Werken aan het online succes van diverse merken</h2>
      </div>
      <div class="lead">
        <p>Welkom bij Red Banana. Al 20 jaar de digital agency voor creative content en development in Brabant en ver daarbuiten! Met een team van gedreven professionals op het gebied van content, development, design en AI, werken wij dagelijks aan het online succes van diverse merken in de meest uiteenlopende branches. We werken aan <a href="https://redbanana.nl/online-marketing-bureau/social-media-bureau/">social media content</a>, strategie, <a href="https://redbanana.nl/online-marketing-bureau/e-mail-marketing-uitbesteden/">e-mail marketing</a>, <a href="https://redbanana.nl/online-marketing-bureau/social-media-adverteren/">social advertising</a> en natuurlijk <a href="https://redbanana.nl/online-marketing-bureau/seo-uitbesteden/">SEO met de bijbehorende EEAT richtlijnen</a>.</p>
        <p>Daarnaast hebben we een team van creatieve en gepassioneerde developers en designers die zich iedere dag inzetten om conversiegerichte en functionele websites en <a href="https://redbanana.nl/webshop-laten-maken/">webshops te maken</a>. Hier limiteren we ons niet alleen tot één CMS, maar werken we aan <a href="https://redbanana.nl/website-laten-maken/">WordPress websites</a>, <a href="https://redbanana.nl/webshop-laten-maken/lightspeed/">Lightspeed webshops</a>, <a href="https://redbanana.nl/webshop-laten-maken/shopify/">Shopify webshops</a> en meer. We denken mee, bespreken jouw wensen en bieden maatwerk om meerwaarde te creëren voor jouw bedrijf.</p>
      </div>
    </div>
  </section>

  <section id="diensten" class="services">
    <div class="wrap">
      <div class="eyebrow">Diensten</div>
      <h2>Content, development, design &amp; AI</h2>
      <div class="cards">
        <div class="card">
          <div class="ico">01</div>
          <h3>Content &amp; social</h3>
          <ul>
            <li><a href="https://redbanana.nl/online-marketing-bureau/social-media-bureau/">Social media content</a></li>
            <li><a href="https://redbanana.nl/online-marketing-bureau/social-media-adverteren/">Social advertising</a></li>
            <li><a href="https://redbanana.nl/online-marketing-bureau/e-mail-marketing-uitbesteden/">E-mail marketing</a></li>
          </ul>
        </div>
        <div class="card">
          <div class="ico">02</div>
          <h3>Websites</h3>
          <p>Conversiegerichte en functionele <a href="https://redbanana.nl/website-laten-maken/">WordPress websites</a>, op maat ontworpen en gebouwd.</p>
        </div>
        <div class="card">
          <div class="ico">03</div>
          <h3>Webshops</h3>
          <ul>
            <li><a href="https://redbanana.nl/webshop-laten-maken/lightspeed/">Lightspeed webshops</a></li>
            <li><a href="https://redbanana.nl/webshop-laten-maken/shopify/">Shopify webshops</a></li>
            <li><a href="https://redbanana.nl/webshop-laten-maken/">En meer</a></li>
          </ul>
        </div>
        <div class="card">
          <div class="ico">04</div>
          <h3>SEO &amp; strategie</h3>
          <p><a href="https://redbanana.nl/online-marketing-bureau/seo-uitbesteden/">SEO volgens de EEAT richtlijnen</a>, structured data en vindbaarheid in AI.</p>
        </div>
      </div>
    </div>
  </section>

  <section id="eeat">
    <div class="wrap">
      <div class="grid2">
        <div>
          <div class="eyebrow">Een volledige online entiteit</div>
          <h2>Een volledige online entiteit met behulp van Red Banana</h2>
        </div>
        <div class="lead">
          <p>In het gezellige en creatieve Roosendaal werken we dagelijks aan de volledige entiteit van een merk of bedrijf. We helpen met de basis, een webshop of website, maar helpen ook bij de verdere strategie en uitwerking van het merk of de e-commerce inspanningen. En ook vindbaarheid mag hier niet bij ontbreken. De basis van een webshop of website ligt bij structured data en het juist kunnen uitlezen door Google’s robots. Maar tegenwoordig zijn AI en authenticiteit misschien wel de belangrijkste pijlers voor online zichtbaarheid en vindbaarheid.</p>
          <p>Bij Red Banana werken we daarom ook volgens de EEAT richtlijnen: Expertise, Experience, Authoritativeness en Trust. Deze vier pijlers zijn sinds 2022 dé manier geworden om online vindbaar te zijn en zeker met de opkomst van AI en AI overviews zijn deze belangrijker dan ooit. We combineren daarom onze jarenlange kennis van content marketing, strategisch denken en creatief schrijven met actuele kennis, ervaring en onderzoek op het gebied van online vindbaarheid, AI en de EEAT principes.</p>
        </div>
      </div>
      <div class="eeat">
        <div class="pillar"><b>E</b><span>Expertise</span></div>
        <div class="pillar"><b>E</b><span>Experience</span></div>
        <div class="pillar"><b>A</b><span>Authoritativeness</span></div>
        <div class="pillar"><b>T</b><span>Trust</span></div>
      </div>
    </div>
  </section>

  <section id="partners" class="partners">
    <div class="wrap">
      <div class="eyebrow">Partners &amp; labels</div>
      <h2>Gelukkig doen we dit niet alleen</h2>
      <p>Al meer dan 20 jaar hebben we voor diverse bedrijven en merken mogen werken, waardoor we prachtige projecten tentoon kunnen stellen. Daarnaast hebben we ook creatieve en innovatieve partners en labels die ons dagelijks ondersteunen en beter maken.</p>
      <div class="logos">
        <a href="https://www.dutchcowboys.nl/" target="_blank" rel="noopener">DutchCowboys</a>
        <a href="https://www.travelvalley.nl/" target="_blank" rel="noopener">TravelValley</a>
        <a href="https://www.stylecowboys.nl/" target="_blank" rel="noopener">StyleCowboys</a>
      </div>
    </div>
  </section>

  <section id="contact" class="contact">
    <div class="wrap">
      <div class="eyebrow">Contact</div>
      <h2>Zullen we samen iets moois maken?</h2>
      <p>Vertel ons over je project, website of webshop. We denken graag met je mee.</p>
      <a class="mail" href="mailto:dev@redbanana.nl">dev@redbanana.nl</a><br>
      <a class="btn" href="mailto:dev@redbanana.nl">Stuur een e-mail</a>
    </div>
  </section>

</main>

<footer>
  <div class="wrap">
    <img src="https://web.archive.org/web/20260925073300im_/https://redbanana.nl/wp-content/uploads/2025/01/Logo-redbanana-Black.png" alt="Red Banana">
    <span>© <span id="y">2026</span> Red Banana · Roosendaal</span>
    <div class="social">
      <a href="https://www.facebook.com/RedBananaNL/" target="_blank" rel="noopener" aria-label="Facebook">
        <svg viewBox="0 0 24 24"><path d="M14 8h3V4h-3c-2.8 0-4.5 1.8-4.5 4.6V11H7v4h2.5v9h4v-9h3l.5-4h-3.5V8.8c0-.5.3-.8.5-.8z"/></svg>
      </a>
      <a href="https://www.instagram.com/redbanananl/" target="_blank" rel="noopener" aria-label="Instagram">
        <svg viewBox="0 0 24 24"><path d="M12 7a5 5 0 100 10 5 5 0 000-10zm0 8.2a3.2 3.2 0 110-6.4 3.2 3.2 0 010 6.4zM17.3 5.5a1.2 1.2 0 100 2.4 1.2 1.2 0 000-2.4zM12 2c-2.7 0-3 0-4.1.1C4.4 2.2 2.2 4.4 2.1 7.9 2 9 2 9.3 2 12s0 3 .1 4.1c.1 3.5 2.3 5.7 5.8 5.8 1.1.1 1.4.1 4.1.1s3 0 4.1-.1c3.5-.1 5.7-2.3 5.8-5.8.1-1.1.1-1.4.1-4.1s0-3-.1-4.1c-.1-3.5-2.3-5.7-5.8-5.8C15 2 14.7 2 12 2zm0 1.8c2.7 0 3 0 4 .1 2.6.1 3.9 1.4 4 4 .1 1 .1 1.3.1 4s0 3-.1 4c-.1 2.6-1.4 3.9-4 4-1 .1-1.3.1-4 .1s-3 0-4-.1c-2.6-.1-3.9-1.4-4-4C3.8 15 3.8 14.7 3.8 12s0-3 .1-4c.1-2.6 1.4-3.9 4-4 1-.1 1.3-.1 4.1-.1z"/></svg>
      </a>
      <a href="https://www.linkedin.com/company/red-banana/" target="_blank" rel="noopener" aria-label="LinkedIn">
        <svg viewBox="0 0 24 24"><path d="M4.98 3.5a2.5 2.5 0 11-.02 5 2.5 2.5 0 01.02-5zM3 9.5h4V21H3zM9.5 9.5h3.8v1.6h.1c.5-1 1.8-2 3.8-2 4 0 4.8 2.6 4.8 6V21h-4v-5.3c0-1.3 0-2.9-1.8-2.9s-2 1.4-2 2.8V21h-4z"/></svg>
      </a>
    </div>
  </div>
</footer>

<script>document.getElementById('y').textContent=new Date().getFullYear();</script>
</body>
</html>
