{"id":6,"date":"2025-12-08T14:55:52","date_gmt":"2025-12-08T14:55:52","guid":{"rendered":"https:\/\/www.aiwebsitedesigns.nl\/?page_id=6"},"modified":"2025-12-08T16:59:33","modified_gmt":"2025-12-08T16:59:33","slug":"home","status":"publish","type":"page","link":"https:\/\/www.aiwebsitedesigns.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-aether-kinetic-library alignfull aether-kinetic-wrapper\"><svg class=\"absolute w-0 h-0 overflow-hidden\" aria-hidden=\"true\"><defs><filter id=\"liquid-filter\"><feTurbulence id=\"turb\" type=\"fractalNoise\" baseFrequency=\"0.0\" numOctaves=\"2\" result=\"noise\"><\/feTurbulence><feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" scale=\"60\" xChannelSelector=\"R\" yChannelSelector=\"G\"><\/feDisplacementMap><\/filter><\/defs><\/svg><nav class=\"fixed top-0 w-full z-50 px-8 py-6 flex justify-between items-center bg-black\/50 backdrop-blur-md border-b border-white\/5\"><div class=\"font-bold text-xl tracking-tetter text-white\">AI WEBSITE DESIGN<\/div><div class=\"nav-links md:flex gap-6 uppercase text-xs font-bold text-neutral-500\"><a href=\"#velocity\" class=\"hover:text-white transition-colors\">01. Velocity<\/a><a href=\"#fracture\" class=\"hover:text-white transition-colors\">02. Fracture<\/a><a href=\"#liquid\" class=\"hover:text-white transition-colors\">03. Liquid<\/a><a href=\"#spotlight\" class=\"hover:text-white transition-colors\">04. Spotlight<\/a><a href=\"#pixel\" class=\"hover:text-white transition-colors\">05. Pixel<\/a><a href=\"#voxel\" class=\"hover:text-white transition-colors\">06. Voxel<\/a><a href=\"#lens\" class=\"hover:text-white transition-colors text-white\">07. Lens<\/a><\/div><button class=\"nav-menu-toggle text-xs font-bold border border.white\/20 px-4 py-2 rounded hover:bg-white hover:text-black transition-colors\">MENU<\/button><\/nav><main class=\"flex flex-col w-full relative z-10 bg-[#050505] mb-[50vh] shadow-2xl shadow-black\"><section id=\"velocity\" class=\"h-screen flex flex-col justify-center items-center relative overflow-hidden\"><div class=\"absolute top-32 text-center\"><span class=\"text-xs font-mono text-neutral-500 uppercase tracking-widest\">[ SCROLL TO DEFORM ]<\/span><\/div><div class=\"text-center space-y-4\"><h1 class=\"velocity-text text-[12vw] font-black leading-[0.8] tracking-tetter text-transparent bg-clip-text bg-gradient-to-b from-white to-neutral-600 will-change-transform\">WEBSITE<\/h1><h1 class=\"velocity-text text-[12vw] font-black leading-[0.8] tracking-tetter text-transparent bg-clip-text bg-gradient-to-b from-neutral-600 to-neutral-900 will-change-transform\">DESIGN<\/h1><\/div><\/section><section id=\"fracture\" class=\"fracture-section\"><div class=\"section-label\"><span>[ 02. MOUSE FRACTURE ]<\/span><\/div><div class=\"absolute top-12 right-12 z-10\"><button class=\"code-button text-xs font-bold bg-white text-black px-3 py-1 rounded hover:scale-105 transition-transform\" data-code-type=\"fracture\">CODE<\/button><\/div><div class=\"fracture-container\" id=\"fracture-container\"><div class=\"f-slice\" data-dir=\"1.5\"><div class=\"f-bg\"><\/div><\/div><div class=\"f-slice\" data-dir=\"-1.2\"><div class=\"f-bg\"><\/div><\/div><div class=\"f-slice\" data-dir=\"2\"><div class=\"f-bg\"><\/div><\/div><div class=\"f-slice\" data-dir=\"-1.5\"><div class=\"f-bg\"><\/div><\/div><div class=\"f-slice\" data-dir=\"1\"><div class=\"f-bg\"><\/div><\/div><\/div><\/section><section id=\"liquid\" class=\"liquid-section\"><div class=\"section-label\"><span>[ 03. SVG TURBULENCE ]<\/span><\/div><div class=\"absolute top-12 right-12 z-10\"><button class=\"code-button text-xs font-bold bg-white text-black px-3 py-1 rounded hover:scale-105 transition-transform\" data-code-type=\"liquid\">CODE<\/button><\/div><div class=\"flex flex-col md:flex-row gap-20 items-center justify-center w-full px-6\"><div class=\"text-right max-w-sm order-2 md:order-1\"><h2 class=\"text-6xl font-bold mb-6 tracking-tetter whitespace-pre-line\">LIQUID\nREALITY<\/h2><p class=\"text-neutral-400 text-sm leading-relaxed\">Hover the image. A dynamically generated noise map displaces the pixels in real-time.<\/p><\/div><div class=\"liquid-container order-1 md:order-2\" id=\"liquid-trigger\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574169208507-84376144848b?q=80&amp;w=1200&amp;auto=format&amp;fit=crop\" class=\"liquid-img\" alt=\"Liquid\"\/><div class=\"liquid-overlay\"><h3 class=\"text-9xl font-black text-white opacity-20 tracking-tetter\">FLUX<\/h3><\/div><\/div><\/div><\/section><section id=\"spotlight\" class=\"spotlight-section\"><div class=\"max-w-7xl mx-auto px-6\"><div class=\"flex justify-between items-end mb-16\"><div><span class=\"text-xs font-mono text-neutral-500 uppercase tracking-widest\">[ 04. INTELLIGENT LIGHTING ]<\/span><h2 class=\"text-5xl font-bold mt-4 tracking-tetter whitespace-pre-line\">GRID<br>SYSTEM<\/h2><\/div><button class=\"code-button text-xs font-bold bg-white text-black px-3 py-1 rounded hover:scale-105 transition-transform\" data-code-type=\"spotlight\">CODE<\/button><\/div><div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\"><div class=\"spotlight-card h-[400px] group cursor-default\"><div class=\"card-content\"><i data-lucide=\"scan-line\" class=\"text-white w-5 h-5 mb-6\"><\/i><h3 class=\"text-2xl font-bold mb-2\">Raycasting<\/h3><p class=\"text-neutral-400 text-sm leading-relaxed\">Light follows cursor coordinates.<\/p><\/div><\/div><div class=\"spotlight-card h-[400px] group cursor-default\"><div class=\"card-content\"><i data-lucide=\"layers\" class=\"text-white w-5 h-5 mb-6\"><\/i><h3 class=\"text-2xl font-bold mb-2\">Depth Map<\/h3><p class=\"text-neutral-400 text-sm leading-relaxed\">Gradient masking for borders.<\/p><\/div><\/div><div class=\"spotlight-card h-[400px] group cursor-default\"><div class=\"card-content\"><i data-lucide=\"zap\" class=\"text-white w-5 h-5 mb-6\"><\/i><h3 class=\"text-2xl font-bold mb-2\">Zero Latency<\/h3><p class=\"text-neutral-400 text-sm leading-relaxed\">GPU accelerated composition.<\/p><\/div><\/div><\/div><\/div><\/section><section id=\"pixel\" class=\"pixel-section\"><div class=\"section-label\"><span>[ 05. DIGITAL FIELD ]<\/span><\/div><div class=\"absolute top-12 right-12 z-10\"><button class=\"code-button text-xs font-bold bg-white text-black px-3 py-1 rounded hover:scale-105 transition-transform\" data-code-type=\"pixel\">CODE<\/button><\/div><div class=\"pixel-grid\" id=\"pixel-grid\"><\/div><div class=\"absolute bottom-12 w-full text-center pointer-events-none\"><p class=\"text-neutral-500 text-sm\">Move cursor to disturb the digital field<\/p><\/div><\/section><section id=\"voxel\" class=\"voxel-section\"><div class=\"section-label\"><span>[ 06. 3D VOXEL TERRAIN ]<\/span><\/div><div class=\"absolute top-12 right-12 z-10\"><button class=\"code-button text-xs font-bold bg.white text-black px-3 py-1 rounded hover:scale-105 transition-transform\" data-code-type=\"voxel\">CODE<\/button><\/div><div class=\"voxel-stage\" id=\"voxel-grid\"><\/div><div class=\"absolute bottom-12 w-full text-center pointer-events-none\"><p class=\"text-neutral-500 text-sm\">Hover to elevate data landscape<\/p><\/div><\/section><section id=\"lens\" class=\"lens-section\"><div class=\"section-label text-white border-white\"><span>[ 07. FOCUS LENS ]<\/span><\/div><div class=\"absolute top-12 right-12 z-20\"><button class=\"code-button text-xs font-bold bg.white text-black px-3 py-1 rounded hover:scale-105 transition-transform\" data-code-type=\"lens\">CODE<\/button><\/div><div class=\"lens-blur-layer\"><\/div><div class=\"lens-ui dim-text\"><div class=\"flex flex-col justify-between h-full py-20 border-r border-white\/5 pr-10\"><div class=\"space-y-4\"><div class=\"data\"><span>SYS_ID<\/span><span>&#8212;<\/span><\/div><div class=\"data\"><span>STATUS<\/span><span>OFFLINE<\/span><\/div><\/div><\/div><div class=\"flex justify-center\"><h2>DATA<\/h2><\/div><div class=\"flex flex-col justify-end h-full py-20 border-l border-white\/5 pl-10 text-right\"><div class=\"data\"><span>ENCRYPTED<\/span><\/div><\/div><\/div><div class=\"lens-focus-layer\"><\/div><div class=\"lens-ui bright-text\" style=\"mask-image:radial-gradient(250px circle at var(--lens-x) var(--lens-y), black 0%, transparent 100%);-webkit-mask-image:radial-gradient(250px circle at var(--lens-x) var(--lens-y), black 0%, transparent 100%)\"><div class=\"flex flex-col justify-between h-full py-20 border-r border-white\/20 pr-10\"><div class=\"space-y-4\"><div class=\"data\"><span>SYS_ID<\/span><span>AE-9000<\/span><\/div><div class=\"data\"><span>STATUS<\/span><span class=\"text-emerald-400\">ONLINE<\/span><\/div><\/div><\/div><div class=\"flex justify-center\"><h2>DATA<\/h2><\/div><div class=\"flex flex-col justify-end h-full py-20 border-l border-white\/20 pl-10 text-right\"><div class=\"data\"><span>PACKET_01<\/span><span>0x44&#8230;F2<\/span><\/div><\/div><\/div><div class=\"lens-hud\" id=\"lens-hud\"><\/div><\/section><\/main><footer class=\"fixed bottom-0 left-0 w-full h-[50vh] flex flex-col justify-center items-center bg-black text-white z-0\"><h2 class=\"text-[15vw] font-display font-bold leading-none tracking-tetter text-neutral-800\">AETHER<\/h2><div class=\"mt-8 text-neutral-600 text-xs\">\u00a9 2024 GEMINI MOTION.<\/div><\/footer><div id=\"code-modal\" class=\"code-modal\"><div class=\"flex justify-between items-center mb-4\"><h3 class=\"text-white font-bold text-sm\">Standalone Code<\/h3><button class=\"code-close text-neutral-500 hover:text-white\">\u00d7<\/button><\/div><button class=\"code-copy w-full bg-white text-black py-2 rounded text-xs font-bold mb-4 hover:bg-neutral-200\">COPY TO CLIPBOARD<\/button><pre id=\"code-content\"><\/pre><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aiwebsitedesigns.nl\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aiwebsitedesigns.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aiwebsitedesigns.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aiwebsitedesigns.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aiwebsitedesigns.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":20,"href":"https:\/\/www.aiwebsitedesigns.nl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/www.aiwebsitedesigns.nl\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/www.aiwebsitedesigns.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}