<?php /** * Plugin Name: LucidEdge Splash Screen * Description: Adds an etheral shadow splash screen and partner logo marquee to LucidEdge.io * Version: 24.0.0 * Author: LucidEdge */ if (!defined('ABSPATH')) exit; // Inject early inline script in <head> to hide splash before DOM renders on non-first-visit add_action('wp_head', 'le_splash_early_script', 1); function le_splash_early_script() { if (is_admin()) return; ?> <script>/* LucidEdge splash guard */ (function(){ try { if (localStorage.getItem('le_splash_shown')) { document.documentElement.classList.add('le-no-splash'); } } catch(e) {} })(); </script> <?php } add_action('wp_footer', 'le_splash_screen', 1); function le_splash_screen() { if (is_admin()) return; ?> <style> /* ===== SPLASH SCREEN ===== */ #lucidedge-splash { position: fixed; inset: 0; z-index: 2147483647; background: #000; display: flex; align-items: center; justify-content: center; overflow: hidden; animation: le-splash-fade 0.6s ease-out 1.8s forwards; pointer-events: auto; } @keyframes le-splash-fade { 0% { opacity: 1; pointer-events: auto; } 100% { opacity: 0; pointer-events: none; } } #lucidedge-splash.le-done { display: none !important; } /* Hide splash instantly on non-first-visit (class set by early inline script in <head>) */ .le-no-splash #lucidedge-splash { display: none !important; animation: none !important; } /* ===== ETHERAL SHADOW LAYER ===== */ #le-etheral-wrap { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; } #le-etheral-inner { position: absolute; inset: -60px; width: calc(100% + 120px); height: calc(100% + 120px); filter: url(#le-etheral-filter) blur(4px); } #le-etheral-mask { width: 100%; height: 100%; background-color: rgba(200,200,200,1); -webkit-mask-image: url('https://framerusercontent.com/images/ceBGguIpUU8luwByxuQz79t7To.png'); mask-image: url('https://framerusercontent.com/images/ceBGguIpUU8luwByxuQz79t7To.png'); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } #le-etheral-noise { position: absolute; inset: 0; background-image: url("https://framerusercontent.com/images/g0QcWrxr87K0ufOxIUFBakwYA8.png"); background-size: 240px; background-repeat: repeat; opacity: 0.25; pointer-events: none; } #le-splash-title { position: relative; z-index: 2; font-family: 'Inter', sans-serif; font-size: clamp(48px, 8vw, 96px); font-weight: 800; color: #fff; letter-spacing: -0.03em; text-align: center; pointer-events: none; user-select: none; } /* ===== HIDE ORIGINAL ELEMENTOR LOGO AREA ===== */ .elementor-element-37948936 { display: none !important; } [data-id="7a4ac4ff"] .elementor-widget-image-box, [data-id="7a4ac4ff"] .elementor-widget-text-editor { display: none !important; } /* ===== SLIDESHOW COMPONENT ===== */ #le-slideshow { position: relative; width: 100%; height: 100vh; min-height: 500px; overflow: hidden; background: #000; display: none; } .le-slide { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity 0.8s ease-in-out; z-index: 0; } .le-slide.le-slide-active { opacity: 1; z-index: 1; } /* Dark overlay for readability */ .le-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient( to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.05) 100% ); z-index: 1; } /* Slide text — bottom-left, large bold uppercase */ .le-slide-text { position: absolute; bottom: 80px; left: 48px; z-index: 2; pointer-events: none; user-select: none; } .le-slide-text span { display: block; font-family: 'Inter', -apple-system, sans-serif; font-size: clamp(36px, 5.5vw, 80px); font-weight: 800; color: #fff; letter-spacing: -0.02em; line-height: 1.05; text-transform: uppercase; } /* Nav buttons */ .le-slide-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); color: #fff; width: 44px; height: 44px; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; transition: background 0.2s, border-color 0.2s; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); user-select: none; } .le-slide-nav:hover { background: rgba(255,255,255,0.22); border-color: rgba(255,255,255,0.4); } .le-slide-nav.le-slide-prev { left: 16px; } .le-slide-nav.le-slide-next { right: 16px; } /* Counter */ .le-slide-counter { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); z-index: 10; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.75); letter-spacing: 0.08em; pointer-events: none; user-select: none; } /* Mobile adjustments */ @media (max-width: 768px) { .le-slide-text { bottom: 70px; left: 24px; right: 24px; } .le-slide-text span { font-size: clamp(28px, 8vw, 52px); } } /* ===== HERO SECTION (Luma-style: title + subtitle + CTA + wide video) ===== */ #le-hero { width: 100%; background: #000; padding: 80px 0 0 0; display: none; } #le-hero-text { padding: 0 20px 48px 20px; max-width: 780px; } #le-hero-eyebrow { font-family: 'Inter', -apple-system, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 20px; } #le-hero-title { font-family: 'Inter', -apple-system, sans-serif; font-size: clamp(36px, 5.5vw, 72px); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; color: #fff; margin: 0 0 24px 0; } #le-hero-subtitle { font-family: 'Inter', -apple-system, sans-serif; font-size: clamp(15px, 1.5vw, 18px); font-weight: 400; line-height: 1.6; color: rgba(255,255,255,0.55); margin: 0 0 36px 0; max-width: 560px; } #le-hero-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #fff !important; color: #0a0a0a !important; font-family: 'Inter', -apple-system, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; padding: 12px 28px !important; border-radius: 100px !important; text-decoration: none !important; transition: opacity 0.2s !important; border: none !important; cursor: pointer !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; -webkit-text-fill-color: #0a0a0a !important; opacity: 1 !important; } #le-hero-cta:hover { opacity: 0.82 !important; } #le-hero-video-wrap { width: 100%; position: relative; background: #000; overflow: hidden; /* 16:9 aspect ratio */ aspect-ratio: 16 / 9; max-height: 80vh; } #le-hero-video { width: 100%; height: 100%; object-fit: cover; display: block; } /* Subtle top gradient to blend with page */ #le-hero-video-wrap::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, #000 0%, transparent 100%); z-index: 2; pointer-events: none; } /* ===== LOGO CLOUD SECTION (logo-cloud-3 style) ===== */ /* Outer wrapper */ #le-logo-cloud-outer { width: 100%; position: relative; display: flex; align-items: center; justify-content: center; padding: 48px 0; } #le-logo-cloud-glow { position: absolute; top: -60%; left: 50%; transform: translateX(-50%); width: 120vmin; height: 120vmin; border-radius: 0 0 50% 50%; background: radial-gradient(ellipse at center, rgba(255,255,255,0.10) 0%, transparent 50%); filter: blur(30px); pointer-events: none; z-index: 0; } /* ===== PORTFOLIO SHOWCASE (Luma-style) ===== */ #le-portfolio-showcase { display: none; width: 100%; max-width: 1100px; margin: 0 auto 60px auto; padding: 60px 24px; box-sizing: border-box; background: #000; } #le-portfolio-showcase .le-portfolio-heading { text-align: center; font-family: 'Inter', sans-serif; font-size: clamp(28px, 5vw, 42px); font-weight: 700; color: #fff; margin-bottom: 40px; line-height: 1.2; letter-spacing: -0.02em; } .le-portfolio-card { display: flex; align-items: center; background: #1c1c1e; border-radius: 20px; overflow: hidden; margin-bottom: 28px; min-height: 300px; position: relative; width: 100%; } .le-portfolio-card.le-card-reverse { flex-direction: row-reverse; } .le-portfolio-card-img { flex: 0 0 48%; max-width: 48%; height: 300px; object-fit: cover; display: block; border-radius: 16px; margin: 16px; } .le-portfolio-card video { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; display: block; } .le-portfolio-card-body { flex: 1; padding: 36px 40px; display: flex; flex-direction: column; justify-content: center; } .le-portfolio-card-title { font-family: 'Inter', sans-serif; font-size: clamp(22px, 3.5vw, 32px); font-weight: 700; color: #fff; margin: 0 0 14px 0; line-height: 1.15; letter-spacing: -0.02em; } .le-portfolio-card-desc { font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 400; color: rgba(255,255,255,0.6); margin: 0; line-height: 1.6; max-width: 340px; } @media (max-width: 640px) { .le-portfolio-card, .le-portfolio-card.le-card-reverse { flex-direction: column; } .le-portfolio-card-img { flex: none; max-width: calc(100% - 24px); width: calc(100% - 24px); height: 200px; margin: 12px 12px 0 12px; } .le-portfolio-card-body { padding: 24px 24px 28px 24px; } .le-portfolio-card-desc { max-width: 100%; } } /* ===== PAGE BACKGROUND BLACK + FOOTER FIX ===== */ body, html, body.elementor-page, body[class*="elementor-page-"] { background-color: #000 !important; background-image: none !important; } .ast-main-content-wrap, .entry-content, #content, .site-content, #page, .ast-container, main, .ast-page-builder-template, .elementor-section-wrap, .elementor-top-section { background-color: #000 !important; } /* Make sure the page wrapper is black */ .ast-site-content-wrap, .ast-content-layout-wrap { background: #000 !important; } /* Footer at the bottom */ .site-footer, #colophon, footer.site-footer, .ast-footer-wrap { position: relative !important; margin-top: auto !important; width: 100% !important; bottom: 0 !important; clear: both !important; } /* Full page layout */ #page { display: flex !important; flex-direction: column !important; min-height: 100vh !important; } #content { flex: 1 !important; } #le-logo-cloud-section { position: relative; width: 100%; max-width: 768px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; z-index: 1; } #le-logo-cloud-heading { margin-bottom: 28px; text-align: center; font-family: 'Inter', sans-serif; line-height: 1.25; } #le-logo-cloud-heading .le-trusted { display: block; font-size: clamp(28px, 3.5vw, 48px); font-weight: 500; color: rgba(255,255,255,0.45); letter-spacing: -0.02em; } #le-logo-cloud-heading .le-used { display: block; font-size: clamp(32px, 4.5vw, 64px); font-weight: 700; color: rgba(255,255,255,0.95); letter-spacing: -0.03em; } .le-logo-divider { height: 1px; max-width: 384px; margin: 20px auto; background-color: rgba(255,255,255,0.15); -webkit-mask-image: linear-gradient(to right, transparent, black, transparent); mask-image: linear-gradient(to right, transparent, black, transparent); } .le-logo-divider-bottom { height: 1px; margin-top: 20px; background-color: rgba(255,255,255,0.15); -webkit-mask-image: linear-gradient(to right, transparent, black, transparent); mask-image: linear-gradient(to right, transparent, black, transparent); } .le-logo-cloud-wrap { overflow: hidden; padding: 16px 0; -webkit-mask-image: linear-gradient(to right, transparent, black, transparent); mask-image: linear-gradient(to right, transparent, black, transparent); } .le-logo-track { display: flex; width: max-content; gap: 42px; align-items: center; animation: le-logo-scroll 30s linear infinite; } .le-logo-track:hover { animation-play-state: paused; } @keyframes le-logo-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .le-logo-track img { height: 32px; width: auto; max-width: 180px; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.85; pointer-events: none; user-select: none; flex-shrink: 0; } /* ===== HEADER-2 STYLE NAVIGATION ===== */ #masthead.site-header { position: sticky !important; top: 0 !important; z-index: 9999 !important; width: 100% !important; max-width: 100% !important; left: 0 !important; transform: none !important; background: transparent !important; border-bottom: 1px solid transparent !important; transition: background 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out !important; box-shadow: none !important; border-radius: 0 !important; } #masthead .ast-primary-header-bar, #masthead .main-header-bar { min-height: 56px !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Luma-style: full-width sticky nav, semi-transparent black on scroll */ #masthead.site-header.le-header-scrolled { background: rgba(8,8,8,0.88) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; box-shadow: none !important; /* NO radius, NO max-width shrink, NO top offset — stays full-width edge-to-edge */ top: 0 !important; max-width: 100% !important; left: 0 !important; transform: none !important; border-radius: 0 !important; } #menu-item-697, #menu-item-698 { display: none !important; } #masthead .ast-nav-menu > li, #masthead .main-header-menu > li { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } #masthead .ast-nav-menu > li > a, #masthead .main-header-menu > li > a, #masthead .menu-link { font-family: 'Inter', -apple-system, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: rgba(255,255,255,0.65) !important; text-decoration: none !important; padding: 5px 10px !important; border-radius: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; transition: color 0.2s, background 0.2s !important; letter-spacing: 0 !important; line-height: 1 !important; } #masthead .menu-link:hover, #masthead .ast-nav-menu > li > a:hover { color: #fff !important; background: rgba(255,255,255,0.07) !important; } #masthead .current-menu-item > .menu-link, #masthead .current-menu-item > a { color: #fff !important; background: transparent !important; } #masthead li > a[href*="get-in-touch"], #masthead li > .menu-link[href*="get-in-touch"] { background: #fff !important; border: 1px solid #fff !important; color: #0a0a0a !important; border-radius: 8px !important; padding: 5px 14px !important; font-weight: 600 !important; transition: background 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s !important; } #masthead li > a[href*="get-in-touch"]:hover, #masthead li > .menu-link[href*="get-in-touch"]:hover { background: rgba(255,255,255,0.88) !important; border-color: rgba(255,255,255,0.88) !important; color: #0a0a0a !important; } #masthead .ast-menu-toggle, #masthead .ast-nav-menu .menu-item-has-children > a::after { display: none !important; } /* ===== FULL WIDTH ===== */ .ast-container, .ast-page-builder-template .ast-container, #page .ast-container { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #content.site-content, .site-content, #primary.content-area, .content-area, .ast-page-builder-template #primary { padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; } .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100% !important; } /* Luma-style: logo flush left, nav flush right, minimal side padding */ #masthead .ast-container, #masthead .main-header-bar-wrap .ast-container { padding-left: 20px !important; padding-right: 20px !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; } /* Make the header bar itself full width with flex layout */ #masthead .ast-primary-header-bar .ast-container, #masthead .main-header-bar .ast-container { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; } /* ===== FOOTER OVERRIDE — footer-7 style ===== */ #colophon.site-footer { background: transparent !important; border-top: 1px solid rgba(255,255,255,0.1) !important; padding: 0 !important; } #colophon .site-below-footer-wrap { display: none !important; } #le-footer { width: 100%; max-width: 1200px; margin: 0 auto; padding: 56px 32px 0 32px; box-sizing: border-box; } #le-footer .le-footer-top { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; align-items: flex-start; } #le-footer .le-footer-brand { display: flex; flex-direction: column; gap: 16px; max-width: 280px; flex: 0 0 auto; } #le-footer .le-footer-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; } #le-footer .le-footer-logo img { height: 52px; width: auto; filter: brightness(0) invert(1); } #le-footer .le-footer-logo-text { font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 700; color: #fff; text-decoration: none; } #le-footer .le-footer-desc { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.45); margin: 0; } #le-footer .le-footer-social { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; } #le-footer .le-footer-social a { color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.2s; display: flex; align-items: center; } #le-footer .le-footer-social a:hover { color: #fff; } #le-footer .le-footer-social svg { width: 18px; height: 18px; fill: currentColor; } #le-footer .le-footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; flex: 1 1 auto; } #le-footer .le-footer-col h3 { font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: #ffffff !important; margin: 0 0 14px 0 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.5 !important; padding: 0 !important; } #le-footer .le-footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } #le-footer .le-footer-col ul li a { font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.2s; } #le-footer .le-footer-col ul li a:hover { color: #fff; } #le-footer .le-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 48px; padding: 24px 0 32px 0; } #le-footer .le-footer-copyright { font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,0.35); margin: 0; } #le-footer .le-footer-legal { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; } #le-footer .le-footer-legal a { font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,0.35); text-decoration: none; transition: color 0.2s; } #le-footer .le-footer-legal a:hover { color: #fff; } @media (max-width: 768px) { #le-footer .le-footer-top { flex-direction: column; } #le-footer .le-footer-links { grid-template-columns: repeat(2, 1fr); gap: 24px; } #le-footer .le-footer-bottom { flex-direction: column; align-items: flex-start; } } </style> <!-- SVG filter for Etheral Shadow --> <svg id="le-etheral-svg" style="position:absolute;width:0;height:0;overflow:hidden;" xmlns="http://www.w3.org/2000/svg"> <defs> <filter id="le-etheral-filter" x="-20%" y="-20%" width="140%" height="140%"> <feTurbulence id="le-turbulence" result="undulation" numOctaves="2" baseFrequency="0.0008,0.003" seed="0" type="turbulence"/> <feColorMatrix id="le-hue-rotate" in="undulation" type="hueRotate" values="0"/> <feColorMatrix in="dist" result="circulation" type="matrix" values="4 0 0 0 1 4 0 0 0 1 4 0 0 0 1 1 0 0 0 0"/> <feDisplacementMap in="SourceGraphic" in2="circulation" scale="80" result="dist"/> <feDisplacementMap in="dist" in2="undulation" scale="80" result="output"/> </filter> </defs> </svg> <!-- Splash Screen --> <div id="lucidedge-splash"> <div id="le-etheral-wrap"> <div id="le-etheral-inner"><div id="le-etheral-mask"></div></div> <div id="le-etheral-noise"></div> </div> <div id="le-splash-title">LucidEdge</div> </div> <!-- Slideshow (placed before logo cloud) --> <div id="le-slideshow"> <div class="le-slide le-slide-active" style="background-image:url('https://cdn.cosmos.so/8b0252bd-cb64-45f4-aef8-672c7f628f76?format=jpeg')"> <div class="le-slide-text"><span>BETWEEN SHADOW</span><span>AND LIGHT</span></div> </div> <div class="le-slide" style="background-image:url('https://cdn.cosmos.so/7b3f4c48-ec63-4bac-b472-910c037a0eb4?format=jpeg')"> <div class="le-slide-text"><span>SILENCE SPEAKS</span><span>THROUGH FORM</span></div> </div> <div class="le-slide" style="background-image:url('https://cdn.cosmos.so/444502b9-4cb9-4f14-a068-f0213df08729?format=jpeg')"> <div class="le-slide-text"><span>ESSENCE BEYOND</span><span>PERCEPTION</span></div> </div> <div class="le-slide" style="background-image:url('https://cdn.cosmos.so/ef511e17-a35b-42e6-9122-2754bbd2ad7e?format=jpeg')"> <div class="le-slide-text"><span>TRUTH IN</span><span>EMPTINESS</span></div> </div> <div class="le-slide" style="background-image:url('https://cdn.cosmos.so/cf68a397-080a-437a-994e-69dedd9e6e06?format=jpeg')"> <div class="le-slide-text"><span>SURRENDER TO</span><span>THE VOID</span></div> </div> <button class="le-slide-nav le-slide-prev" aria-label="Previous">&#8592;</button> <button class="le-slide-nav le-slide-next" aria-label="Next">&#8594;</button> <div class="le-slide-counter">01 / 05</div> </div> <!-- Hero Section (Luma-style) --> <div id="le-hero" style="display:none;"> <div id="le-hero-text"> <p id="le-hero-eyebrow">Product Launch Video</p> <h2 id="le-hero-title">Launch Your AI Product<br>with a Video That Converts</h2> <p id="le-hero-subtitle">Your product deserves more than a demo. We craft cinematic launch videos that turn complex AI into compelling stories — driving visibility, trust, and real investor conversation.</p> <a id="le-hero-cta" href="https://lucidedge.io/get-in-touch/">Start Your Launch Video &rarr;</a> </div> <div id="le-hero-video-wrap"> <video id="le-hero-video" autoplay muted loop playsinline preload="auto" src="https://lucidedge.io/wp-content/uploads/2026/04/hero_video_combined-1.mp4"> </video> </div> </div> <!-- Logo Cloud (logo-cloud-3 style) --> <!-- Portfolio Showcase Section (Luma-style) --> <div id="le-portfolio-showcase"> <h2 class="le-portfolio-heading">Let Our Projects Talk</h2> <!-- Card 1: Artisan - left image --> <div class="le-portfolio-card"> <video class="le-portfolio-card-img" autoplay muted loop playsinline><source src="https://lucidedge.io/wp-content/uploads/2026/04/artisan_clip-1.mp4" type="video/mp4"></video> <div class="le-portfolio-card-body"> <h3 class="le-portfolio-card-title">Artisan</h3> <p class="le-portfolio-card-desc">A cinematic product launch video showcasing Artisan's AI sales agent—dynamic motion, bold visuals, and a story that converts.</p> </div> </div> <!-- Card 2: Felo LiveDoc - right image --> <div class="le-portfolio-card le-card-reverse"> <video class="le-portfolio-card-img" autoplay muted loop playsinline><source src="https://lucidedge.io/wp-content/uploads/2026/04/felo_clip.mp4" type="video/mp4"></video> <div class="le-portfolio-card-body"> <h3 class="le-portfolio-card-title">Felo LiveDoc</h3> <p class="le-portfolio-card-desc">Bringing the AI workspace to life—fluid UI walkthroughs and real-time collaboration moments captured in a high-energy reveal.</p> </div> </div> <!-- Card 3: Mujo AI - left image --> <div class="le-portfolio-card"> <video class="le-portfolio-card-img" autoplay muted loop playsinline><source src="https://lucidedge.io/wp-content/uploads/2026/04/mujoai_clip-1.mp4" type="video/mp4"></video> <div class="le-portfolio-card-body"> <h3 class="le-portfolio-card-title">Mujo AI</h3> <p class="le-portfolio-card-desc">The future of product listing creation—sleek motion design and sharp product storytelling that drives e-commerce conversions.</p> </div> </div> <!-- Card 4: Sira - right image --> <div class="le-portfolio-card le-card-reverse"> <video class="le-portfolio-card-img" autoplay muted loop playsinline><source src="https://lucidedge.io/wp-content/uploads/2026/04/sira_clip-1.mp4" type="video/mp4"></video> <div class="le-portfolio-card-body"> <h3 class="le-portfolio-card-title">Sira</h3> <p class="le-portfolio-card-desc">A polished brand film for Sira—clean aesthetic, confident pacing, and a narrative that builds trust from the first frame.</p> </div> </div> <!-- Card 5: Kamai - left image --> <div class="le-portfolio-card"> <video class="le-portfolio-card-img" autoplay muted loop playsinline><source src="https://lucidedge.io/wp-content/uploads/2026/04/kamai_clip-1.mp4" type="video/mp4"></video> <div class="le-portfolio-card-body"> <h3 class="le-portfolio-card-title">Kamai</h3> <p class="le-portfolio-card-desc">Showcasing Kamai's intelligent platform with kinetic visuals and a product demo that makes complex tech feel effortless.</p> </div> </div> <!-- Card 6: Timli - right image --> <div class="le-portfolio-card le-card-reverse"> <video class="le-portfolio-card-img" autoplay muted loop playsinline><source src="https://lucidedge.io/wp-content/uploads/2026/04/timlio_clip.mp4" type="video/mp4"></video> <div class="le-portfolio-card-body"> <h3 class="le-portfolio-card-title">Timli</h3> <p class="le-portfolio-card-desc">Smart scheduling meets stunning visuals—a product video that captures Timli's seamless UX and turns features into desire.</p> </div> </div> <!-- Card 7: Marveri - left image --> <div class="le-portfolio-card"> <video class="le-portfolio-card-img" autoplay muted loop playsinline><source src="https://lucidedge.io/wp-content/uploads/2026/04/marveri_clip-1.mp4" type="video/mp4"></video> <div class="le-portfolio-card-body"> <h3 class="le-portfolio-card-title">Marveri</h3> <p class="le-portfolio-card-desc">Legal tech reimagined—bold motion design and a compelling narrative that positions Marveri as the future of deal management.</p> </div> </div> <!-- Card 8: Design - right image --> <div class="le-portfolio-card le-card-reverse"> <video class="le-portfolio-card-img" autoplay muted loop playsinline><source src="https://lucidedge.io/wp-content/uploads/2026/01/design_v1-1080p.mp4" type="video/mp4"></video> <div class="le-portfolio-card-body"> <h3 class="le-portfolio-card-title">Design.com</h3> <p class="le-portfolio-card-desc">A visually rich brand video for Design.com—vibrant color, crisp motion, and a story that inspires creators to build boldly.</p> </div> </div> </div> <div id="le-logo-cloud-outer" style="display:none;"> <div id="le-logo-cloud-glow"></div> <div id="le-logo-cloud-section"> <div id="le-logo-cloud-heading"> <span class="le-trusted">Trusted by AI startups.</span> <br> <span class="le-used">Used by the leaders.</span> </div> <div class="le-logo-divider"></div> <div class="le-logo-cloud-wrap"> <div class="le-logo-track"> <!-- Set 1 --> <img src="https://lucidedge.io/wp-content/uploads/2026/02/%E5%9B%BE%E7%89%871.png" alt="LevelAI"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/Kamai.io_-300x146.png" alt="Kamai.io"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/Design.com_-300x127.png" alt="Design.com"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/Bidchunk.ai_-300x88.png" alt="Bidchunk.ai"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/mujo-AI-300x127.png" alt="mujo AI"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/StaffToday.ai_-300x70.png" alt="StaffToday.ai"> <img src="https://lucidedge.io/wp-content/uploads/2026/02/%E5%9B%BE%E7%89%872.png" alt="Felo"> <!-- Set 2 (duplicate for seamless loop) --> <img src="https://lucidedge.io/wp-content/uploads/2026/02/%E5%9B%BE%E7%89%871.png" alt="LevelAI"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/Kamai.io_-300x146.png" alt="Kamai.io"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/Design.com_-300x127.png" alt="Design.com"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/Bidchunk.ai_-300x88.png" alt="Bidchunk.ai"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/mujo-AI-300x127.png" alt="mujo AI"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/StaffToday.ai_-300x70.png" alt="StaffToday.ai"> <img src="https://lucidedge.io/wp-content/uploads/2026/02/%E5%9B%BE%E7%89%872.png" alt="Felo"> </div> </div> <div class="le-logo-divider-bottom"></div> </div> </div> <!-- Footer (footer-7 style) --> <div id="le-footer" style="display:none;"> <div class="le-footer-top"> <div class="le-footer-brand"> <a href="https://lucidedge.io" class="le-footer-logo"> <img src="https://lucidedge.io/wp-content/uploads/2026/01/LucidEdge-Logo-White.png" alt="LucidEdge" onerror="this.style.display='none'"> <span class="le-footer-logo-text">LucidEdge</span> </a> <p class="le-footer-desc">We craft product launch videos for AI startups, turning complex products into compelling stories that drive visibility, trust, and real commercial conversation.</p> <ul class="le-footer-social"> <li><a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a></li> <li><a href="#" aria-label="LinkedIn"><svg viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a></li> <li><a href="#" aria-label="Twitter/X"><svg viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a></li> </ul> </div> <div class="le-footer-links"> <div class="le-footer-col"> <h3>Services</h3> <ul> <li><a href="https://lucidedge.io/#pricing">Pricing</a></li> <li><a href="https://lucidedge.io/portfolios/">Portfolios</a></li> <li><a href="https://lucidedge.io/get-in-touch/">Get in touch</a></li> </ul> </div> <div class="le-footer-col"> <h3>Company</h3> <ul> <li><a href="https://lucidedge.io/about/">About</a></li> <li><a href="https://lucidedge.io/insights/">Insights</a></li> </ul> </div> <div class="le-footer-col"> <h3>Legal</h3> <ul> <li><a href="https://lucidedge.io/privacy-policy/">Privacy Policy</a></li> <li><a href="https://lucidedge.io/terms-of-service/">Terms of Service</a></li> </ul> </div> </div> </div> <div class="le-footer-bottom"> <p class="le-footer-copyright">Copyright &copy; 2026 LucidEdge. All rights reserved.</p> <ul class="le-footer-legal"> <li><a href="https://lucidedge.io/privacy-policy/">Privacy Policy</a></li> <li><a href="https://lucidedge.io/terms-of-service/">Terms of Service</a></li> <li><a href="https://lucidedge.io/get-in-touch/">Contact</a></li> </ul> </div> </div> <script data-no-defer="1" data-no-optimize="1" data-no-minify="1"> (function() { var SPLASH_KEY = 'le_splash_shown'; var splash = document.getElementById('lucidedge-splash'); if (localStorage.getItem(SPLASH_KEY)) { if (splash && splash.parentNode) { splash.parentNode.removeChild(splash); document.body.style.overflow = ''; } } else { localStorage.setItem(SPLASH_KEY, '1'); if (splash) { setTimeout(function() { if (splash && splash.parentNode) { splash.parentNode.removeChild(splash); document.body.style.overflow = ''; } }, 2600); } var hueEl = document.getElementById('le-hue-rotate'); if (hueEl) { var duration = 40; var startTime = null; function animateHue(ts) { if (!document.getElementById('lucidedge-splash')) return; if (!startTime) startTime = ts; var elapsed = (ts - startTime) / 1000; hueEl.setAttribute('values', String((elapsed / duration * 360) % 360)); requestAnimationFrame(animateHue); } requestAnimationFrame(animateHue); } } // Slideshow logic (function() { var slideshow = document.getElementById('le-slideshow'); if (!slideshow) return; var slides = slideshow.querySelectorAll('.le-slide'); var counter = slideshow.querySelector('.le-slide-counter'); var prevBtn = slideshow.querySelector('.le-slide-prev'); var nextBtn = slideshow.querySelector('.le-slide-next'); var current = 0; var total = slides.length; var autoTimer = null; function pad(n) { return n < 10 ? '0' + n : '' + n; } function goTo(idx) { slides[current].classList.remove('le-slide-active'); current = (idx + total) % total; slides[current].classList.add('le-slide-active'); if (counter) counter.textContent = pad(current + 1) + ' / ' + pad(total); } function startAuto() { clearInterval(autoTimer); autoTimer = setInterval(function() { goTo(current + 1); }, 5000); } if (prevBtn) prevBtn.addEventListener('click', function() { goTo(current - 1); startAuto(); }); if (nextBtn) nextBtn.addEventListener('click', function() { goTo(current + 1); startAuto(); }); startAuto(); })(); // Inject slideshow before logo cloud function injectSlideshow() { var container = document.querySelector('[data-id="7a4ac4ff"]'); var slideshow = document.getElementById('le-slideshow'); if (container && slideshow) { slideshow.style.display = 'block'; container.parentNode.insertBefore(slideshow, container); return true; } return false; } if (!injectSlideshow()) { var ssRetries = 0; var ssIv = setInterval(function() { ssRetries++; if (injectSlideshow() || ssRetries > 20) clearInterval(ssIv); }, 200); } // Inject hero section (before logo cloud) function injectHero() { var container = document.querySelector('[data-id="7a4ac4ff"]'); var hero = document.getElementById('le-hero'); if (container && hero) { hero.style.display = 'block'; container.parentNode.insertBefore(hero, container.nextSibling); return true; } return false; } if (!injectHero()) { var heroRetries = 0; var heroIv = setInterval(function() { heroRetries++; if (injectHero() || heroRetries > 20) clearInterval(heroIv); }, 200); } // Inject portfolio showcase (before "Trusted by AI startups" section, inside .elementor-8) function injectPortfolioShowcase() { // Target: the "Trusted by AI startups" Elementor section (data-id=7e25306) var trustedSection = document.querySelector('[data-id="7e25306"]'); var portfolio = document.getElementById('le-portfolio-showcase'); if (trustedSection && portfolio) { portfolio.style.display = 'block'; trustedSection.parentNode.insertBefore(portfolio, trustedSection); return true; } return false; } // Only inject portfolio showcase on homepage var isHomepage = (window.location.pathname === '/' || window.location.pathname === '/index.php'); if (isHomepage) { if (!injectPortfolioShowcase()) { var pfRetries = 0; var pfIv = setInterval(function() { pfRetries++; if (injectPortfolioShowcase() || pfRetries > 20) clearInterval(pfIv); }, 200); } } // Inject logo cloud (before "Trusted by AI startups" section, after portfolio showcase) function injectLogoCloud() { // Target: the "Trusted by AI startups" Elementor section (data-id=7e25306) var trustedSection = document.querySelector('[data-id="7e25306"]'); var logoCloud = document.getElementById('le-logo-cloud-outer'); if (trustedSection && logoCloud) { logoCloud.style.display = 'flex'; trustedSection.parentNode.insertBefore(logoCloud, trustedSection); return true; } return false; } if (!injectLogoCloud()) { var retries = 0; var iv = setInterval(function() { retries++; if (injectLogoCloud() || retries > 20) clearInterval(iv); }, 200); } // header-2 scroll behavior (function() { var header = document.getElementById('masthead'); if (!header) return; var scrolled = false; function onScroll() { var shouldScroll = window.scrollY > 10; if (shouldScroll !== scrolled) { scrolled = shouldScroll; if (scrolled) { header.classList.add('le-header-scrolled'); } else { header.classList.remove('le-header-scrolled'); } } } window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); })(); // Inject footer function injectFooter() { var colophon = document.getElementById('colophon'); var leFooter = document.getElementById('le-footer'); if (colophon && leFooter) { leFooter.style.display = 'block'; colophon.appendChild(leFooter); return true; } return false; } if (!injectFooter()) { var fRetries = 0; var fIv = setInterval(function() { fRetries++; if (injectFooter() || fRetries > 20) clearInterval(fIv); }, 200); } })(); </script> <?php } https://lucidedge.io/post-sitemap.xml 2026-02-08T10:44:07+00:00 https://lucidedge.io/page-sitemap.xml 2026-04-13T11:09:50+00:00 https://lucidedge.io/category-sitemap.xml 2026-02-08T10:44:07+00:00 https://lucidedge.io/author-sitemap.xml 2026-01-22T06:33:56+00:00