1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>About DJ Retain</title> 5<meta charset="utf-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1.0"> 7<meta name="description" content="Discover DJ Retain, a renowned Christian dance music producer known for blending powerful beats with faith-driven messages. Learn about his journey and musical vision."> 8<meta name="keywords" content="DJ Retain, Christian dance music, Christian DJ, DJ Retain biography, DJ Retain career, DJ Retain story"> 9<meta property="og:title" content="About DJ Retain"> 10<meta property="og:description" content="Discover DJ Retain, a renowned Christian dance music producer known for blending powerful beats with faith-driven messages. Learn about his journey and musical vision."> 11<meta property="og:image" content="https://www.djretain.com/assets/files/retain-dj-foto-shoot-studio-lights.jpg"> 12<meta property="og:type" content="website"> 13<meta property="og:updated_time" content="1779372418"> 14<meta name="twitter:title" content="About DJ Retain"> 15<meta name="twitter:description" content="Discover DJ Retain, a renowned Christian dance music producer known for blending powerful beats with faith-driven messages. Learn about his journey and musical vision."> 16<meta name="twitter:image" content="https://www.djretain.com/assets/files/retain-dj-foto-shoot-studio-lights.jpg"> 17 <link rel="shortcut icon" type="image/png" href="/assets/files/retain-dj-music-favicon.png" data-href_alt="retain_dj_music_favicon"> 18 <link rel="canonical" href="https://www.djretain.com/about-me/"> 19 <link rel="preload" href="/assets/fonts/poppins/poppins-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 20<link rel="preload" href="/assets/fonts/poppins/poppins-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 21<link rel="stylesheet" href="/assets/css/fonts.css?v=1779372418"> 22 <link rel="stylesheet" href="/assets/css/website.css?v=1779372418"> 23 <link rel="stylesheet" href="/assets/css/page-1312230.css?v=1779372418"> 24
24<script> 25 const LANGUAGE_CODE = 'en'; 26</script>
vendor: 1 bytes, line 26
26
27<script src="/assets/vendors/jquery/jquery.min.js"></script>
27 28 <meta name="theme-color" content="#944ACF" /> 29<link rel="stylesheet" href="https://use.typekit.net/jyk8yng.css"> 30<meta property="og:site_name" content="DJ Retain"> 31<!-- Google Tag Manager -->
32<script>
vendor: 331 bytes, lines 32-36
32(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 33new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 34j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 35'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 36})(window,document,'script','dataLayer','
36GTM-K86KRD74
vendor: 3 bytes, line 36
36');
36</script>
36 37<!-- End Google Tag Manager --> 38 <link rel="alternate" hreflang="en" href="https://www.djretain.com/en/about-me/"> 39<link rel="alternate" hreflang="es" href="https://www.djretain.com/es/sobre-mi/"> 40<link rel="alternate" hreflang="pt" href="https://www.djretain.com/pt/sobre-mim/"> 41<link rel="alternate" href="https://www.djretain.com/en/about-me/" hreflang="x-default" />
42<script type="application/ld+json"> 43{ 44 "@context": "http://schema.org", 45 "@type": "Person", 46 "name": "Retain", 47 "alternateName": "DJ Retain", 48 "url": "https://www.djretain.com/about", 49 "image": "https://www.djretain.com/assets/files/retain-dj-music-about-christian-artist-netherlands.1920x0x0x100.jpg", 50 "description": "Living in the Netherlands, DJ Retain, real name Peter, has been influenced by renowned DJs and has grown to touch many lives worldwide with his dance music infused with his faith. His documentary âGOD IS A DJâ explores his journey in dance music and faith.", 51 "jobTitle": "Music Producer and DJ", 52 "worksFor": { 53 "@type": "Organization", 54 "name": "Retain Music", 55 "sameAs": "https://www.djretain.com" 56 }, 57 "memberOf": [ 58 { 59 "@type": "Organization", 60 "name": "Armada Music Publishing" 61 } 62 ], 63 "award": "2 million views on YouTube for 'Break Every Chain'", 64 "nationality": { 65 "@type": "Country", 66 "name": "The Netherlands" 67 }, 68 "birthDate": "1997-05-25", 69 "email": "[email protected]", 70 "sameAs": [ 71 "https://www.facebook.com/retaindj", 72 "https://musicbrainz.org/artist/1d308783-3d63-4e72-9140-5560fdb14432", 73 "https://www.instagram.com/retaindj", 74 "https://www.youtube.com/channel/UC5JvSJZfOwAnqCOEWv2XoAw", 75 "https://open.spotify.com/artist/5SwavZEv1VevR29sNLYTbF", 76 "https://www.tiktok.com/@retaindj", 77 "https://www.linkedin.com/company/retain-music/", 78 "https://soundcloud.com/retainmusic", 79 "https://music.apple.com/nl/artist/retain/953492719", 80 "https://music.youtube.com/channel/UC9G9aBGiSQtgS0ChB0kjvRg", 81 "https://www.last.fm/music/Retain" 82 ] 83} 84</script>
84 85
85<script src="/js/script.js" defer data-domain="djretain.com"></script>
85 86 87 </head> 88 <body> 89
89<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
vendor: 2 bytes, line 89
89
90<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
vendor: 2 bytes, line 90
90
91<script src="https://unpkg.com/split-type"></script>
vendor: 2 bytes, line 91
91
92<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
vendor: 2 bytes, line 92
92
93<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Flip.min.js"></script>
93 94
95<script> 96 const lenis = new Lenis(); 97 98 lenis.on('scroll', ScrollTrigger.update); 99 100 gsap.ticker.add((time) => { 101 lenis.raf(time * 1000); 102 }); 103 104 gsap.ticker.lagSmoothing(0); 105</script>
105 106
107<script> 108addEventListener("DOMContentLoaded", (event) => { 109 if (!document.querySelector("#bw-editor")) { 110 const headings = document.querySelectorAll("[data-text-reveal-1]"); 111 112 headings.forEach((heading) => { 113 let outerSplit; 114 let innerSplit; 115 let tl; 116 117 function init() { 118 gsap.set(heading, { autoAlpha: 1 }); 119 120 if (outerSplit && innerSplit) { 121 outerSplit.revert(); 122 innerSplit.revert(); 123 } 124 125 outerSplit = new SplitType(heading, { 126 types: "lines", 127 lineClass: "st-line", 128 tagName: 'span', 129 }); 130 131 innerSplit = new SplitType(heading.querySelectorAll(".st-line"), { 132 types: "lines", 133 lineClass: "st-line-inner", 134 tagName: 'span', 135 }); 136 137 gsap.from(innerSplit.lines, { 138 duration: 0.64, 139 ease: "power2.out", 140 skewY: 6, 141 stagger: 0.12, 142 yPercent: 164, 143 scrollTrigger: { 144 trigger: heading, 145 start: "top 75%", 146 toggleActions: "play none none none", 147 }, 148 }); 149 } 150 151 let timeout; 152 let delay = 250; 153 154 let previousWidth = window.innerWidth; 155 156 window.addEventListener("resize", function () { 157 if (window.innerWidth !== previousWidth) { 158 gsap.set(heading, { autoAlpha: 0 }); 159 clearTimeout(timeout); 160 timeout = setTimeout(init, delay); 161 previousWidth = window.innerWidth; 162 } 163 }); 164 165 init(); 166 }); 167 } 168}); 169</script>
169 170 171<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 171-172
171 172<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
172GTM-K86KRD74
vendor: 85 bytes, lines 172-173
172" 173height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
174<!-- End Google Tag Manager (noscript) --> 175 176 <div class="page" id="page-1312230"> 177 <header class="block-113-1 dark"> 178 <div class="container container-1"> 179 <div class="row row-1"> 180 <div class="col col-1"> 181 <div class="box box-1"> 182 <a class="media-1 light" data-color="fill" href="/" id="media-1-m4sqa3jc"> 183 <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" id="svg-vhbbnfxefmfcczfxepx2i31z6ri75sbr"> 184 <path id="svg-el-xu5vuoyb7538v9xdjxyxtwq0jsbubf84" data-name="Path 118" d="M50,662.309v-5.647H33.333v16.667A31.329,31.329,0,0,0,5.647,656.662H0v16.667H16.667A31.33,31.33,0,0,0,0,701.015v5.647H16.667V690a31.329,31.329,0,0,0,27.686,16.667H50V690H33.333A31.33,31.33,0,0,0,50,662.309M33.333,686.662A3.333,3.333,0,0,1,30,690H20a3.333,3.333,0,0,1-3.333-3.333v-10A3.333,3.333,0,0,1,20,673.329H30a3.333,3.333,0,0,1,3.333,3.333Z" transform="translate(706.662) rotate(90)"/> 185</svg> 186 </a> 187 <a class="media-1 hidescroll light" data-color="fill" href="/" id="media-1-mtw8jgf8"> 188 <svg xmlns="http://www.w3.org/2000/svg" width="109.659" height="21.011" viewBox="0 0 109.659 21.011" id="svg-mzut27io5y4gq0qbd6p5ezu3rximvxy6"> 189 <g id="svg-el-ave8zhsdd7t92li9zz3ni7kvqvvcvlue" data-name="Group 81" transform="translate(-128.496 -74.823)"> 190 <path id="svg-el-yn4473ej7aebwa4cr8angfwr7xk75seu" data-name="Path 95" d="M101.28,508.531c-2.735-.167-5.5-.167-8.238-.167-2.8,0-5.6,0-8.438.167v-7.6l5.47-.334c-4.1-.7-5.97-3-5.97-5.5a9.12,9.12,0,0,1,.1-1.367h6.87a11.924,11.924,0,0,0-.334,2.9c0,2.435.867,3.8,3.3,3.8h7.237Z" transform="translate(637.027 -5.946) rotate(90)"/> 191 <path id="svg-el-4gcr6h07vyftwy6i0m617c2g892wpraw" data-name="Path 96" d="M93.409,379.488v13.006c2.4-.2,3.269-2.2,3.269-4.936a27.179,27.179,0,0,0-.8-6.87h4.9a28.376,28.376,0,0,1,1,7.837c0,7.137-2.535,11.673-8.4,11.673-6.3,0-9.271-5.136-9.271-11.406,0-6.737,3.2-9.471,7.271-9.471a13.181,13.181,0,0,1,2.034.167m-1.767,6.3c-2,.2-3.035,1.1-3.035,3.035a3.558,3.558,0,0,0,3.168,3.6Z" transform="translate(544.603 -5.946) rotate(90)"/> 192 <path id="svg-el-wd7wbrtxmfn97bodcm76cdx5ahy3x2nu" data-name="Path 97" d="M86.629,308.5h-6.1l.033,2.4H76.324c0-3.568-1.3-8.1-2.635-9.872v-.5h2.6c-.033-1.5-.033-3-.1-4.536h4.369c-.067,1.5-.067,3.035-.067,4.536h5.4c1.668,0,2.368-.933,2.368-2.668A5.9,5.9,0,0,0,88,295.989h4.836a17.367,17.367,0,0,1,.534,4.569c0,5.7-2.3,7.937-6.737,7.937" transform="translate(477.28 2.468) rotate(90)"/> 193 <path id="svg-el-15oabijxhr3qobb282nsas4759r1gm4j" data-name="Path 98" d="M96.544,181.03c2.035,0,2.9,0,4.736-.133v7.27l-4.669.4c3.269.834,5.17,3.4,5.17,7.17,0,3.4-1.5,5.736-4.536,5.736-4.536,0-5.67-5-5.77-12.606-1.5.2-2.168,1.267-2.168,3.868a32.718,32.718,0,0,0,.867,7.2h-5a38.843,38.843,0,0,1-1.067-8.871c0-7.2,2.2-10.038,7.6-10.038ZM93.409,188.8h-.4c.2,3.635,1.067,5.3,2.534,5.3,1,0,1.534-.667,1.534-1.9a3.482,3.482,0,0,0-3.669-3.4" transform="translate(384.299 -5.946) rotate(90)"/> 194 <path id="svg-el-hwt97qnerhmpyg0m9f47cnkeyymp5hih" data-name="Path 99" d="M69.681,133.869c-1.7,0-2.935-1.2-2.935-4.335,0-3.168,1.2-4.369,2.935-4.369,1.7,0,2.9,1.2,2.9,4.369,0,3.135-1.2,4.335-2.9,4.335m17.576-.233c-2.635-.133-4.469-.133-6.637-.133-1.934,0-4.169,0-6.837.133.1-1.167.134-2.368.134-4.135,0-1.734-.033-2.968-.134-4.1,2.668.134,4.9.134,6.77.134,2.2,0,4.069,0,6.7-.134Z" transform="translate(339.273 8.077) rotate(90)"/> 195 <path id="svg-el-cakfvyzergk5cidy2oka3a2wsnqj207w" data-name="Path 100" d="M101.28,21.877c-2.7-.167-5.436-.167-8.138-.167-2.835,0-5.67,0-8.538.167V14.14l5.036-.3A6.693,6.693,0,0,1,84.1,6.8c0-4.069,2-6.67,7.4-6.67h5.036C98.111.133,99.712.1,101.28,0V8.2c-1.6-.1-3.168-.134-4.769-.134h-3.7c-2.168,0-3.235.967-3.235,2.768s1.167,2.935,3.235,2.935h3.735c1.6,0,3.168-.033,4.736-.134Z" transform="translate(238.154 -5.946) rotate(90)"/> 196 </g> 197</svg> 198 </a> 199 </div> 200 </div> 201 <div class="col col-2"> 202 <div class="box box-2"> 203 <div class="button-wrapper hidescroll not-xs not-sm not-md"> 204 <a class="button-3 light" href="https://open.spotify.com/artist/5SwavZEv1VevR29sNLYTbF?si=JyNrqIRWQluCrjEQ6QcrKA" target="_blank"><span class="not-xs not-sm not-md">Spotify</span></a> 205 </div> 206 <nav class="menu-4 dark hidescroll dropdown" data-menu="language"> 207 <ul><li class="active"><a href="/about-me/">EN</a></li><li><a href="/es/sobre-mi/">ES</a></li><li><a href="/pt/sobre-mim/">PT</a></li></ul> 208 </nav> 209 <div class="icon-1 light" data-color="fill"> 210 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="13" viewBox="0 0 19 13" id="svg-z152dnr2ynhaeh0gpgrzdfenoys1232d"> 211 <g id="svg-el-at3t7soc58dhfdgl2hdxjt48hvf8ikbd" data-name="Group 30" transform="translate(-107.828 -81)">
212 <path id="svg-el-m0kgdkij6p8punc3wacw4w7mtoc1c2kv" data-name="Line 13" d="M18,.5H0A.5.5,0,0,1-.5,0,.5.5,0,0,1,0-.5H18a.5.5,0,0,1,.5.5A.5.5,0,0,1,18,.5Z" transform="translate(108.328 81.5)"/> 213 <path id="svg-el-w14ijood8y79iqrokqumd0m4cdphxtg3" data-name="Line 14" d="M13.828.5H0A.5.5,0,0,1-.5,0,.5.5,0,0,1,0-.5H13.828a.5.5,0,0,1,.5.5A.5.5,0,0,1,13.828.5Z" transform="translate(112.5 93.5)"/> 214 <path id="svg-el-da89k5t3uao14z07g7qcwa6aqj6mj8ui" data-name="Line 15" d="M17.828.5H0A.5.5,0,0,1-.5,0,.5.5,0,0,1,0-.5H17.828a.5.5,0,0,1,.5.5A.5.5,0,0,1,17.828.5Z" transform="translate(108.5 87.5)"/> 215 </g> 216</svg> 217 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" id="svg-byd4xhu1hsy4wx03j3r0swhbnb0ynuwg"> 218 <g id="svg-el-3cxnkjuvgljsuo3ttvbflgoj2mj4igkb" data-name="Group 177" transform="translate(-1608 -80)"> 219 <path id="svg-el-7aohmhuzbnuzld7007isvgqslaox4is0" data-name="Line 15" d="M11,11.5a.5.5,0,0,1-.354-.146l-11-11a.5.5,0,0,1,0-.707.5.5,0,0,1,.707,0l11,11A.5.5,0,0,1,11,11.5Z" transform="translate(1608.5 80.5)"/> 220 <path id="svg-el-mrj0lgxebozeziu7qwiu16rb03lwc5mh" data-name="Line 20" d="M0,11.5a.5.5,0,0,1-.354-.146.5.5,0,0,1,0-.707l11-11a.5.5,0,0,1,.707,0,.5.5,0,0,1,0,.707l-11,11A.5.5,0,0,1,0,11.5Z" transform="translate(1608.5 80.5)"/> 221 </g> 222</svg> 223 </div> 224 225 </div> 226 </div> 227 </div> 228 </div> 229 </header> 230 <section class="block-8-2 dark"> 231 <div class="container container-1"> 232 <div class="row row-1"> 233 <div class="col col-1 not-xs not-sm not-md"> 234 <div class="media-2 dark"> 235 <img src="/assets/files/retain-blob-purple-strong.svg" alt="Retain blob purple strong"> 236 </div> 237 <div class="media-2 dark"> 238 <img src="/assets/files/retain-blob-blue-strong.svg" alt="Retain blob blue strong"> 239 </div> 240 <div class="media-2 dark"> 241 <img src="/assets/files/retain-blob-orange-strong.svg" alt="Retain blob orange strong"> 242 </div> 243 <div class="media-2 dark"> 244 <img src="/assets/files/retain-blob-orange-strong.svg" alt="Retain blob orange strong"> 245 </div> 246 <div class="box box-1"> 247 <div class="media-4 light"> 248 <img src="/assets/files/retain-dj-christian-event-teenzone-netherlands.webp" alt="Retain_DJ_Christian_Event_Teenzone_Netherlands" srcset="/assets/files/retain-dj-christian-event-teenzone-netherlands.480x0x0x100.webp 480w, /assets/files/retain-dj-christian-event-teenzone-netherlands.960x0x0x100.webp 960w, /assets/files/retain-dj-christian-event-teenzone-netherlands.1920x0x0x100.webp 1920w, /assets/files/retain-dj-christian-event-teenzone-netherlands.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 249 </div> 250 <div class="media-4 light"> 251 <img src="/assets/files/retain-dj-music-about-christian-artist-netherlands.jpg" alt="retain-dj-music-about-christian-artist-netherlands" srcset="/assets/files/retain-dj-music-about-christian-artist-netherlands.480x0x0x100.jpg 480w, /assets/files/retain-dj-music-about-christian-artist-netherlands.960x0x0x100.jpg 960w, /assets/files/retain-dj-music-about-christian-artist-netherlands.1920x0x0x100.jpg 1920w, /assets/files/retain-dj-music-about-christian-artist-netherlands.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 252 </div> 253 <div class="media-4 light"> 254 <img src="/assets/files/retain-dj-music-back-shirt-merchandise-urban-model.jpg" alt="retain-dj-music-back-shirt-merchandise-urban-model" srcset="/assets/files/retain-dj-music-back-shirt-merchandise-urban-model.480x0x0x100.jpg 480w, /assets/files/retain-dj-music-back-shirt-merchandise-urban-model.960x0x0x100.jpg 960w, /assets/files/retain-dj-music-back-shirt-merchandise-urban-model.1920x0x0x100.jpg 1920w, /assets/files/retain-dj-music-back-shirt-merchandise-urban-model.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 255 </div> 256 <div class="media-4 light"> 257 <img src="/assets/files/retain-03-2026-hr-39.jpg" alt="Retain 03 2026 HR 39" srcset="/assets/files/retain-03-2026-hr-39.480x0x0x100.jpg 480w, /assets/files/retain-03-2026-hr-39.960x0x0x100.jpg 960w, /assets/files/retain-03-2026-hr-39.1920x0x0x100.jpg 1920w, /assets/files/retain-03-2026-hr-39.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921p
257x"> 258 </div> 259 </div> 260 </div> 261 <div class="col col-2"> 262 <div class="box box-2"> 263 <div class="box box-3"> 264 <div class="box box-4"> 265 <div class="heading-3 light"><a href="/">Home</a></div> 266 </div> 267 <div class="separator-1 light empty"></div> 268 </div> 269 <div class="box box-3"> 270 <div class="box box-4"> 271 <div class="heading-3 light"><a href="/about-me/">About me</a></div> 272 </div> 273 <div class="separator-1 light empty"></div> 274 </div> 275 <div class="box box-3"> 276 <div class="box box-4"> 277 <div class="heading-3 light"><a href="/blog/">Blog</a></div> 278 </div> 279 <div class="separator-1 light empty"></div> 280 </div> 281 <div class="box box-3"> 282 <div class="box box-4"> 283 <div class="heading-3 light"><a href="/contact/">Contact</a></div> 284 <div class="text-2 not-xs not-sm not-md light"> 285 <p>Book retain</p> 286 </div> 287 </div> 288 <div class="separator-1 light empty"></div> 289 </div> 290 </div> 291 </div> 292 </div> 293 </div> 294 <div class="media-2 dark not-lg not-xl"> 295 <img src="/assets/files/retain-blob-purple-soft.svg" alt="Retain blob purple soft"> 296 </div> 297 </section> 298 <section id="block-8-13787427" class="dark"> 299 <div class="container container-1"> 300 <div class="row row-1"> 301 <div class="col col-1"> 302 <div class="box box-1"> 303 <div class="media-2 dark"> 304 <img src="/assets/files/retain-blob-purple-soft.svg" alt="Retain blob purple soft"> 305 </div> 306 <h1 class="heading-2 fouc light" data-text-reveal-1><span style="color: #944acf;"><em>Meet retain</em></span><br>about me</h1> 307 </div> 308 </div> 309 </div> 310 <div class="row row-2"> 311 <div class="col col-2"> 312 <div class="box box-2"> 313 <div class="text-1 light"> 314 <p>Living in the Netherlands, Retain has grown up in a country that has produced many international DJs like Tiesto, Martin Garrix, Armin van Buuren and many more. Started as a dance producer and DJ, his music now touches the lives of many people worldwide, with millions of streams and his presence on major stages.</p> 315 </div> 316 </div> 317 </div> 318 </div> 319 </div> 320 </section> 321 <section id="block-8-13706857" class="dark"> 322 <div class="container container-1"> 323 <div class="row row-1"> 324 <div class="col col-1"> 325 <div class="box box-1" data-scroll_speed="104%"> 326 <div class="media-4 light"> 327 <img src="/assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.jpg" alt="retain-dj-music-about-me-foto-shoot-studio-lights-3" srcset="/assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.480x0x0x100.jpg 480w, /assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.960x0x0x100.jpg 960w, /assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.1920x0x0x100.jpg 1920w, /assets/files/retain-dj-music-about-me-foto-shoot-studio-lights-3.jpg 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 328 </div> 329 </div> 330 <div class="box box-2 not-xs not-sm not-md" > 331 <div class="media-4 light"> 332 <img src="/assets/files/retain-jongerendag-setvexy-5989.webp" alt="EU Jongerendag SetVexy 5989" srcset="/assets/files/retain-jongerendag-setvexy-5989.480x0x0x100.webp 480w, /assets/files/retain-jongerendag-setvexy-5989.960x0x0x100.webp 960w, /assets/files/retain-jongerendag-setvexy-5989.1920x0x0x100.webp 1920w, /assets/files/retain-jongerendag-setvexy-5989.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 333 </div> 334 </div> 335 </div> 336 <div class="col col-2 not-xs not-sm not-md"> 337 <div class="box box-3" data-scroll_speed="92%"> 338 <div class="media-4 light"> 339 <img src="/assets/files/eu-jongerendag-setvexy-1638.webp" alt="EU Jongerendag SetVexy 1638" srcset="/assets/files/eu-jongerendag-setvexy-1638.480x0x0x100.webp 480w, /assets/files/eu-jongerendag-setvexy-1638.960x0x0x100.webp 960w, /assets/files/eu-jongerendag-setvexy-1638.1920x0x0x100.webp 1920w, /assets/files/eu-jongerendag-setvexy-1638.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921p
339x"> 340 </div> 341 </div> 342 </div> 343 </div> 344 </div> 345 </section> 346 <section id="block-8-13706859" class="dark"> 347 <div class="container container-1"> 348 <div class="row row-1"> 349 <div class="col col-1"> 350 <div class="box box-1"> 351 <h2 class="heading-0168 light">Who is DJ Retain</h2> 352 <div class="text-3 light"> 353 <p>Over the years, Retain has collaborated with various artists and released a range of songs. He achieved millions of streams with remixes such as ‘Ever Be,’ ‘No Longer Slaves,’ and ‘Break Every Chain’. He regularly releases new worship remixes and original songs. In August 2021, Retain released the mini-documentary ‘GOD IS A DJ’ on <a href="https://youtu.be/VUOnkoRed0I?si=SZxIPVRI6JKwNDkY" target="_blank">YouTube</a>, exploring his perspective on dance music and religion. The track ‘Open Arms’ is the result of this process.</p> 354 <p><span style="color: #944acf;"><strong>Discover the rhythm</strong></span><br>From a young age, Retain had a great love for music, as a child he used to listen to music with his ears close to the speaker. He started making music himself: drumming, playing the piano, guitar and making music on his computer in his attic. Various genres inspired him, but “when I discovered dance music, I was immediately hooked.” In the worship genre, he favored Newsboys, TobyMac, and later Capital Kings. When he started exploring dance music, DJs like Avicii, Armin van Buuren en Tiesto really stood out.</p> 355 <p>Using software that the biggest DJs used, he began experimenting with dance music at a very young age. “Hours and hours of experimenting, tinkering, amazing!” A lot of practice and listening back ensured that his music sounded better over time. His musical journey started gradually immersing himself in the dance world. Retain connected with other DJs, including the then relatively unknown Martin Garrix, who gave him a golden tip: producing is the most important because DJs are known for their tracks, not just for their skills. “I started producing a tremendous number of songs.”</p> 356 </div> 357 </div> 358 </div> 359 </div> 360 </div> 361 </section> 362 <section id="block-8-13709672" class="dark"> 363 <div class="container container-1"> 364 <div class="row row-1"> 365 <div class="col col-1"> 366 <div class="box box-1"> 367 <h2 class="heading-3 fouc light" data-text-reveal-1>Book<br>retain</h2> 368 </div> 369 <div class="box box-2"> 370 <div class="text-2 light"> 371 <p><strong>Bookings</strong><br><span style="color: #ff5000;"><a href="mailto:info@djretain.com">info@djretain.com</a></span></p> 372 </div> 373 <div class="button-wrapper"> 374 <a class="button-2 light" href="/contact/">Contact</a> 375 </div> 376 </div> 377 <div class="box box-3 not-xs not-sm not-md" data-bg_scroll_speed="96%"> 378 <div class="media-4 light" data-position="center-bottom"> 379 <img src="/assets/files/retain-music-dj-show-live-opwekking-christian.webp" alt="retain-music-dj-show-live-opwekking-christian" srcset="/assets/files/retain-music-dj-show-live-opwekking-christian.480x0x0x100.webp 480w, /assets/files/retain-music-dj-show-live-opwekking-christian.960x0x0x100.webp 960w, /assets/files/retain-music-dj-show-live-opwekking-christian.1920x0x0x100.webp 1920w, /assets/files/retain-music-dj-show-live-opwekking-christian.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 380 </div> 381 </div> 382 </div> 383 </div> 384 </div> 385 </section> 386 <section id="block-8-13787429" class="dark"> 387 <div class="container container-1"> 388 <div class="row row-1"> 389 <div class="col col-1"> 390 <div class="box box-1"> 391 <div class="text-3 light"> 392 <p><span style="color: #944acf;"><strong>“Welcome to the family”</strong></span><br>That started to get noticed. At a certain point, several major record labels were interested. A chance for a career in mainstream dance music, a contract with a major music label, and his own management were possible. This made him think at a young age: “Do I want to make mainstream dance music, tour a lot and live in the night?” He followed his heart and decided to focus on Christian dance more and more. He started turning well-known worship songs into dance tracks.</p> 393 <p>He continued making music and improving. Together with Reyer, he created the song ‘Break every chain,’ which has over 2 million views on YouTube. Getting further into the music scene he got in touch with Bart van Houten, who was mainly focu
393sed on hip-hop, but was very interested in working together with Retain, specifically for Christian remixes and dance music.</p> 394 <p>Signing a management contract with Bart and a publishing contract with Armada Music Publishing from Amsterdam was a special moment, especially as Retain later met Armin van Buren. He was recording his radio show ‘A State Of Trance’ and gave Retain a warm welcome, saying "Welcome to the family." Retain truly sees a wink from God. "As if he's saying, 'See, I take care of you!"</p> 395 <p><span style="color: #944acf;"><strong>Source of life</strong></span><br>In addition to a deep passion for dance, he has a profound belief in God. Jesus is the source and inspiration for every song he creates. "God gives life. Everything I do is ultimately for Him." Therefore, Retain aims to create dance music that flows from life — an accessible way to spread the beautiful message of God.</p> 396 <p><span style="color: #944acf;"><strong>Happy, emotional, dynamic</strong></span><br>Retain's songs are characterized by a good beat and a summery vibe. They make you happy and energetic while carrying a deeper meaning. You can blast his music in the car, but it also serves as a moment of calm. He wants his music to touch people, inspire them, and make them think. ‘With my music, the melodies and the deeper message in it, I hope I can inspire people, get them to think about life and maybe see something of the love of God.’ says Retain. ‘For me being an artist is the ultimate way to share my passion for Jesus and dance music.</p> 397 </div> 398 </div> 399 </div> 400 </div> 401 </div> 402 </section> 403 <section class="custom-images-2-1 dark"> 404 <div class="container container-1"> 405 <div class="row row-1"> 406 <div class="col col-1"> 407 <div class="box box-1"> 408 <h2 class="heading-1 fouc light" data-text-reveal-1><span style="color: #3aa9c4;"><em>Check out the</em></span><br>merch<span class="not-xs not-sm not-md">andise</span></h2> 409 <div class="button-wrapper"> 410 <a class="button-1 dark" href="/merchandise/">Go to the shop</a> 411 </div> 412 </div> 413 </div> 414 </div> 415 <div class="row row-2"> 416 <div class="col col-2"> 417 <div class="media-2 light" data-size="960x0" data-ratio="3x2" data-scroll_speed="96%" > 418 <img src="/assets/files/retain-dj-music-black-t-shirt-models-urban-4.960x0.jpg" alt="retain-dj-music-black-t-shirt-models-urban-4" srcset="/assets/files/retain-dj-music-black-t-shirt-models-urban-4.480x0.jpg 480w, /assets/files/retain-dj-music-black-t-shirt-models-urban-4.960x0.jpg 960w, /assets/files/retain-dj-music-black-t-shirt-models-urban-4.1920x0.jpg 1920w" sizes="(max-width: 480px) 480px, 960px"> 419 </div> 420 </div> 421 <div class="col col-3"> 422 <div class="media-2 light" data-size="640x0" data-ratio="3x4" data-scroll_speed="104%" > 423 <img src="/assets/files/retain-dj-music-cream-hoodie-urban-logo-model.640x0.jpg" alt="retain-dj-music-cream-hoodie-urban-logo-model" srcset="/assets/files/retain-dj-music-cream-hoodie-urban-logo-model.640x0.jpg 640w, /assets/files/retain-dj-music-cream-hoodie-urban-logo-model.1280x0.jpg 1280w" sizes="640px"> 424 </div> 425 </div> 426 <div class="col col-4"> 427 <div class="media-2 light" data-size="640x0" data-ratio="3x4" data-scroll_speed="94%" data-scroll_speed_xs="108"> 428 <img src="/assets/files/retain-dj-music-black-t-shirt-detail.640x0.jpg" alt="retain-dj-music-black-t-shirt-detail" srcset="/assets/files/retain-dj-music-black-t-shirt-detail.640x0.jpg 640w, /assets/files/retain-dj-music-black-t-shirt-detail.1280x0.jpg 1280w" sizes="640px"> 429 </div> 430 </div> 431 </div> 432 </div> 433 </section> 434 <section class="block-27-1 dark"> 435 <div class="media-4 dark"> 436 <img src="/assets/files/retain-dj-christian-event-square-netherlands.webp" alt="Retain_DJ_Christian_Event_Square_Netherlands" srcset="/assets/files/retain-dj-christian-event-square-netherlands.480x0x0x100.webp 480w, /assets/files/retain-dj-christian-event-square-netherlands.960x0x0x100.webp 960w, /assets/files/retain-dj-christian-event-square-netherlands.1920x0x0x100.webp 1920w, /assets/files/retain-dj-christian-event-square-netherlands.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921p
436x"> 437 </div> 438 </section> 439 <footer class="block-33-1 dark"> 440 <div class="container container-1"> 441 <div class="row row-1"> 442 <div class="col col-1"> 443 <div class="box box-1"> 444 <h2 class="heading-6 light" data-text-reveal-1>Book Retain</h2> 445 </div> 446 </div> 447 </div> 448 <div class="row row-2"> 449 <div class="col col-2"> 450 <div class="box box-2"> 451 <div class="text-2 light"> 452 <p><strong>Bookings</strong><br><a href="mailto:info@djretain.com">info@djretain.com</a></p> 453 </div> 454 </div> 455 </div> 456 <div class="col col-2"> 457 <div class="box box-2"> 458 <div class="text-2 light"> 459 <p><strong>Management</strong><br><a href="mailto:mgmt@djretain.com">mgmt@djretain.com</a></p> 460 </div> 461 </div> 462 </div> 463 <div class="col col-2"> 464 <div class="box box-2"> 465 <div class="text-2 light"> 466 <p><strong>Press</strong><br><a href="mailto:info@djretain.com">info@djretain.com</a></p> 467 </div> 468 </div> 469 </div> 470 </div> 471 <div class="row row-3"> 472 <div class="col col-3"> 473 <div class="box box-3"> 474 <div class="button-wrapper"> 475 <a class="button-2 dark" href="/contact/">Contact</a> 476 </div> 477 </div> 478 </div> 479 </div> 480 </div> 481 </footer> 482 <footer class="block-12-1 dark"> 483 <div class="media-4 dark"> 484 <img src="/assets/files/retain-dj-christian-event-opwekking-youth-netherlands.webp" alt="Retain_DJ_Christian_Event_Opwekking_Youth_Netherlands" srcset="/assets/files/retain-dj-christian-event-opwekking-youth-netherlands.480x0x0x100.webp 480w, /assets/files/retain-dj-christian-event-opwekking-youth-netherlands.960x0x0x100.webp 960w, /assets/files/retain-dj-christian-event-opwekking-youth-netherlands.1920x0x0x100.webp 1920w, /assets/files/retain-dj-christian-event-opwekking-youth-netherlands.webp 1921w" sizes="(max-width: 480px) 480px, (max-width: 960px) 960px, (max-width: 1920px) 1920px, 1921px"> 485 </div> 486 <div class="media-2 light" data-scroll_speed="88%" data-scroll_speed_xs="96"> 487 <img src="/assets/files/retain-footer-symbol.svg" class="not-xs not-sm not-md" alt="Retain footer symbol"> 488 <img src="/assets/files/retain-footer-symbol-mobile.svg" class="not-lg not-xl" alt="Retain footer symbol mobile"> 489 </div> 490 <div class="media-3 light"> 491 <img src="/assets/files/retain-blob-orange-soft.svg" alt="Retain blob orange soft"> 492 </div> 493 <div class="container container-1"> 494 <div class="row row-1 not-xs not-sm not-md"> 495 <div class="col col-1"> 496 <div class="box box-1"> 497 <div class="menu"> 498 <nav class="menu-1 light default-menu" data-levels="1"> 499 <ul><li class="page-1312229"><a href="/">Home</a></li><li class="active page-1312230"><a href="/about-me/">About me</a></li><li class="page-1322919"><a href="/blog/">Blog</a></li><li class="page-1323622"><a href="/contact/">Contact</a></li></ul> 500 </nav> 501 </div> 502 </div> 503 </div> 504 </div> 505 <div class="row row-2"> 506 <div class="col col-2"> 507 <div class="box box-2"> 508 <div class="text-6 light"> 509 <p>©2025 Retain Music</p> 510 </div> 511 </div> 512 </div> 513 <div class="col col-3"> 514 <div class="box box-3"> 515 <div class="text-6 light"> 516 <p>All rights reserved | <a href="/privacy-policy/">Privacy Policy</a></p> 517 </div> 518 </div> 519 </div> 520 </div> 521 </div> 522 </footer> 523 </div> 524 525 526
526<script src="/assets/js/script.js?v=1779372418"></script>
vendor: 1 bytes, line 526
526
527<script> 528 window.addEventListener('load', () => { 529 new Menu(); 530new Scroll(); 531 532new Dropdown({selector: '.block-113-1 .dropdown'}); 533 534$(document).ready(function() { 535 536 ScrollTrigger.create({ 537 start: 'top+=48', 538 onEnter: ()=>{ 539 gsap.to('.hidescroll', { 540 autoAlpha: 0, 541 duration: 0.24, 542 ease: 'power2.out' 543 }); 544 }, 545 onLeaveBack: ()=>{ 546 gsap.to('.hidescroll', { 547 autoAlpha: 1, 548 duration: 0.24, 549 ease: 'power2.out' 550 }); 551 } 552 }); 553 554 555 const menuHandler = $('.block-113-1 .icon-1'); 556 const menuHandlerIcons = document.querySelectorAll('.block-113-1 .icon-1 svg') 557 const targetElement = $('.block-8-2'); 558 const timeline = gsap.timeline({ paused: true }); 559 let handlerDisabled = false; 560 let clickCount = 0; 561 562 function disableButton() { 563 handlerDisabled = true; 564 menuHandler.disabled = true; 565 566 setTimeout(()=>{ 567 handlerDisabled = false; 568 menuHandler.disabled = false; 569 }, 800); 570 } 571 572 timeline 573 .to(menuHandlerIcons[0], { autoAlpha: 0, display: 'none', duration: 0.2 }) 574 .set(menuHandler, { padding: 18 }) 575 .to(menuHandlerIcons[1], { autoAlpha: 1, display: 'block', duration: 0.2 }) 576 .set(targetElement, { autoAlpha: 1 }, 0) 577 .fromTo(targetElement, { clipPath: 'inset(0 0 100% 0)' }, { clipPath: 'inset(0 0 0% 0)', duration: 0.8, ease: 'power2.inOut' }, 0); 578 579 menuHandler.on('click', function() { 580 if (handlerDisabled) { 581 return; 582 } 583 disableButton(); 584 585 if (clickCount % 2 === 0) { 586 timeline.restart(); 587 } else { 588 timeline.reverse(); 589 } 590 clickCount++; 591 }); 592 593 594}); 595$(document).ready(function() { 596 function setCol1Height() { 597 var col2Height = $('.block-8-2 .col-2').outerHeight(); 598 $('.block-8-2 .col-1').css('height', col2Height); 599 } 600 setCol1Height(); 601 $(window).resize(function() { 602 setCol1Height(); 603 }); 604}); 605 606 607const boxes = document.querySelectorAll('.block-8-2 .box-3'); 608const media2Items = document.querySelectorAll('.block-8-2 .col-1 .media-2'); 609const media4Items = document.querySelectorAll('.block-8-2 .col-1 .media-4'); 610 611gsap.set(media2Items, { opacity: 0 }); 612gsap.set(media2Items[0], { opacity: 1 }); 613gsap.set(media4Items, { opacity: 0 }); 614gsap.set(media4Items[0], { opacity: 1 }); 615 616boxes.forEach((box, index) => { 617 box.addEventListener('mouseenter', () => { 618 media4Items.forEach(media => { 619 gsap.to(media, { opacity: 0, duration: 0.5 }); 620 }); 621 gsap.to(media4Items[index], { opacity: 1, duration: 0.5 }); 622 media2Items.forEach(media => { 623 gsap.to(media, { opacity: 0, duration: 0.5 }); 624 }); 625 gsap.to(media2Items[index], { opacity: 1, duration: 0.5 }); 626 }); 627}); 628 629 630if (window.parent !== window) { 631 window.parent.postMessage({'height': document.body.scrollHeight}); 632 } 633 }); 634</script>
634 635 </body> 636</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.