Yamaha | Kinetic Green Roadmap<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700;900&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n :root {\r\n --yamaha-green: #39ff14;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background-color: #000000;\r\n color: #ffffff;\r\n font-family: 'Inter', sans-serif;\r\n height: 1600vh; \/* Increased height for the footer section *\/\r\n overflow-x: hidden;\r\n }\r\n\r\n #three-canvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .viewport-wrapper {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100vh;\r\n width: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n z-index: 10;\r\n }\r\n\r\n .roadmap-container {\r\n display: flex;\r\n height: 100%;\r\n will-change: transform;\r\n }\r\n\r\n .section {\r\n width: 100vw;\r\n height: 100vh;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 10vw;\r\n position: relative;\r\n }\r\n\r\n .section-content {\r\n max-width: 40vw;\r\n position: relative;\r\n z-index: 20;\r\n }\r\n\r\n .bottom-track {\r\n position: fixed;\r\n bottom: 80px;\r\n left: 10vw;\r\n right: 10vw;\r\n height: 2px;\r\n background: rgba(255, 255, 255, 0.1);\r\n z-index: 50;\r\n }\r\n\r\n .track-progress {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 0%;\r\n background: var(--yamaha-green);\r\n box-shadow: 0 0 15px var(--yamaha-green);\r\n }\r\n\r\n .vehicle-node {\r\n position: absolute;\r\n bottom: -15px; \r\n left: 0%;\r\n width: 160px; \r\n transform: translateX(-50%);\r\n z-index: 60;\r\n will-change: left;\r\n filter: drop-shadow(0 5px 15px rgba(57, 255, 20, 0.4));\r\n }\r\n\r\n .vehicle-node img {\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n .hud-data {\r\n position: fixed;\r\n bottom: 40px;\r\n left: 10vw;\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 10px;\r\n color: var(--yamaha-green);\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n z-index: 100;\r\n }\r\n\r\n .nav-bar {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n padding: 2rem 3rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n z-index: 100;\r\n background: rgba(0, 0, 0, 0.85);\r\n backdrop-filter: blur(15px);\r\n border-bottom: 1px solid rgba(57, 255, 20, 0.2);\r\n }\r\n\r\n .text-reveal {\r\n opacity: 0;\r\n transform: translateX(50px);\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .text-reveal.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .accent-green {\r\n color: var(--yamaha-green);\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .footer-item h4 {\r\n color: var(--yamaha-green);\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .footer-item p {\r\n font-size: 14px;\r\n color: #888;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <canvas id=\"three-canvas\"><\/canvas>\r\n\r\n <nav class=\"nav-bar\">\r\n <div class=\"font-black text-2xl tracking-tighter text-white\">\r\n YAMAHA<span class=\"accent-green\">.<\/span>\r\n <\/div>\r\n <div class=\"hidden lg:flex space-x-12 text-[10px] uppercase font-bold tracking-[0.4em] text-gray-400\">\r\n <span>Archive<\/span>\r\n <span>Evolution<\/span>\r\n <span>Apex<\/span>\r\n <span>Vision<\/span>\r\n <\/div>\r\n <button class=\"bg-[#39ff14] text-black px-6 py-2 text-[10px] font-bold uppercase tracking-widest\">Lab_Access<\/button>\r\n <\/nav>\r\n\r\n <div class=\"viewport-wrapper\">\r\n <div class=\"roadmap-container\" id=\"roadmap\">\r\n \r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 01 \/ 1955<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal active\">THE<br>ORIGIN.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal active\">The mechanical soul manifests. Scroll to assemble the YA-1 blueprint in 3D space.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 02 \/ Competition<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">APEX<br>HUNT.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">The racetrack is our laboratory. Driven by the heat of the sunset, we push the physical limits of speed.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 03 \/ Mechanical<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">BIKE<br>PLANS.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">Exploding the technical blueprint. Analyze the Deltabox chassis and the high-torque CP4 architecture.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 04 \/ Innovation<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">NEURAL<br>SYNC.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">Slipstream racing simulation. Two R1 units battling in a controlled, high-precision forward race.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 05 \/ Culture<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">THE<br>PACK.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">Stability in numbers. Yamaha's R-World is a collective. A meeting of mechanical minds where every rider finds their pulse.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 06 \/ Interface<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">JOIN<br>US.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">Connect with the lab. Our engineers and racing specialists are ready to discuss the next evolution of Kando.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content !max-w-[50vw]\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 07 \/ Terminal<\/span>\r\n <h2 class=\"text-6xl md:text-7xl font-black tracking-tighter mb-6 text-white text-reveal\">YAMAHA<br>MOTOR CO.<\/h2>\r\n \r\n <div class=\"footer-grid text-reveal\">\r\n <div class=\"footer-item\">\r\n <h4>Headquarters<\/h4>\r\n <p>2500 Shingai, Iwata-shi, Shizuoka-ken, Japan<\/p>\r\n <\/div>\r\n <div class=\"footer-item\">\r\n <h4>Digital Hub<\/h4>\r\n <p>R-World Online \/ Metaverse Integration v4.0<\/p>\r\n <\/div>\r\n <div class=\"footer-item\">\r\n <h4>Legal & Privacy<\/h4>\r\n <p>\u00a9 2026 Yamaha Motor Co., Ltd. All Rights Reserved. Performance metrics for lab use only.<\/p>\r\n <\/div>\r\n <div class=\"footer-item\">\r\n <h4>Social Nodes<\/h4>\r\n <p>@yamahamotorglobal \/ #RevsYourHeart \/ #DarkSideOfJapan<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bottom-track\">\r\n <div class=\"track-progress\" id=\"track-fill\"><\/div>\r\n <div class=\"vehicle-node\" id=\"vehicle-node\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png\" alt=\"Yamaha Motorcycle\">\r\n <\/div>\r\n \r\n <div class=\"marker-tag\" style=\"left: 0%\">1955 \/ ORIGIN<\/div>\r\n <div class=\"marker-tag\" style=\"left: 16.6%\">APEX<\/div>\r\n <div class=\"marker-tag\" style=\"left: 33.3%\">PLANS<\/div>\r\n <div class=\"marker-tag\" style=\"left: 50%\">RACE<\/div>\r\n <div class=\"marker-tag\" style=\"left: 66.6%\">PACK<\/div>\r\n <div class=\"marker-tag\" style=\"left: 83.3%\">CONTACT<\/div>\r\n <div class=\"marker-tag\" style=\"left: 100%\">FOOTER<\/div>\r\n <\/div>\r\n\r\n <div class=\"hud-data\" id=\"hud\">System: Standby | Data: Encrypted<\/div>\r\n\r\n <script>\r\n let scene, camera, renderer, grid, sunGroup, sunsetBike, schematicGroup, racingGroup, gangGroup, contactGroup, footerGroup;\r\n let assemblyParts = [];\r\n let floatingTech = [];\r\n const roadmap = document.getElementById('roadmap');\r\n const vehicleNode = document.getElementById('vehicle-node');\r\n const trackFill = document.getElementById('track-fill');\r\n const hud = document.getElementById('hud');\r\n \r\n let scrollProgress = 0;\r\n let currentScroll = 0;\r\n let targetScroll = 0;\r\n\r\n function initThree() {\r\n scene = new THREE.Scene();\r\n scene.background = new THREE.Color(0x000000);\r\n scene.fog = new THREE.Fog(0x000000, 2, 50);\r\n\r\n camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\r\n camera.position.set(-15, 2, 10);\r\n\r\n renderer = new THREE.WebGLRenderer({ \r\n canvas: document.getElementById('three-canvas'),\r\n antialias: true,\r\n alpha: true\r\n });\r\n renderer.setSize(window.innerWidth, window.innerHeight);\r\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n\r\n const ambient = new THREE.AmbientLight(0xffffff, 0.2);\r\n scene.add(ambient);\r\n\r\n const directional = new THREE.DirectionalLight(0x39ff14, 1.5);\r\n directional.position.set(5, 10, 5);\r\n scene.add(directional);\r\n\r\n grid = new THREE.GridHelper(1500, 350, 0x39ff14, 0x111111);\r\n grid.position.y = -4;\r\n scene.add(grid);\r\n\r\n const loader = new THREE.TextureLoader();\r\n const bikeTex = loader.load('https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png');\r\n\r\n \/\/ --- SLIDE 1: ASSEMBLY ---\r\n const wireMat = new THREE.MeshStandardMaterial({ color: 0x39ff14, wireframe: true, transparent: true, opacity: 0.8 });\r\n const bikeX = -5;\r\n function createAssemblyPart(geo, targetOffset, startOffset) {\r\n const mesh = new THREE.Mesh(geo, wireMat);\r\n const target = new THREE.Vector3(bikeX + targetOffset.x, targetOffset.y, targetOffset.z);\r\n const start = new THREE.Vector3(bikeX + startOffset.x, startOffset.y, startOffset.z);\r\n mesh.position.copy(start);\r\n scene.add(mesh);\r\n assemblyParts.push({ mesh, target, start });\r\n }\r\n const wheelGeo = new THREE.TorusGeometry(1.2, 0.2, 16, 32);\r\n createAssemblyPart(wheelGeo, new THREE.Vector3(-2, -1, 0), new THREE.Vector3(-10, -10, -10));\r\n createAssemblyPart(wheelGeo, new THREE.Vector3(2.5, -1, 0), new THREE.Vector3(15, 12, 5));\r\n createAssemblyPart(new THREE.IcosahedronGeometry(0.8, 0), new THREE.Vector3(0, -0.8, 0), new THREE.Vector3(20, -5, 10));\r\n createAssemblyPart(new THREE.BoxGeometry(3, 0.6, 1), new THREE.Vector3(0, 0, 0), new THREE.Vector3(0, 20, 0));\r\n createAssemblyPart(new THREE.SphereGeometry(1, 8, 8), new THREE.Vector3(-0.5, 1.2, 0), new THREE.Vector3(-15, 15, 5));\r\n createAssemblyPart(new THREE.CylinderGeometry(0.1, 0.1, 3.5), new THREE.Vector3(2, 0.5, 0), new THREE.Vector3(10, 10, 15));\r\n\r\n \/\/ --- SLIDE 2: SUNSET ---\r\n sunGroup = new THREE.Group();\r\n const sunGeo = new THREE.CircleGeometry(8, 32);\r\n const sunMat = new THREE.MeshBasicMaterial({ color: 0xff4500, transparent: true, opacity: 0, side: THREE.DoubleSide });\r\n const sun = new THREE.Mesh(sunGeo, sunMat);\r\n sun.position.set(35, 6, -10);\r\n sunGroup.add(sun);\r\n const bikeMat = new THREE.MeshBasicMaterial({ map: bikeTex, transparent: true, opacity: 0 });\r\n sunsetBike = new THREE.Mesh(new THREE.PlaneGeometry(5, 3), bikeMat);\r\n sunsetBike.position.set(30, -2, 5);\r\n sunGroup.add(sunsetBike);\r\n scene.add(sunGroup);\r\n\r\n \/\/ --- SLIDE 3: BIKE PLANS ---\r\n schematicGroup = new THREE.Group();\r\n const bluePrintMat = new THREE.MeshBasicMaterial({ map: bikeTex, transparent: true, opacity: 0, blending: THREE.AdditiveBlending });\r\n const mainPlan = new THREE.Mesh(new THREE.PlaneGeometry(10, 6), bluePrintMat);\r\n mainPlan.position.set(72, 1, 0);\r\n schematicGroup.add(mainPlan);\r\n const chassisWire = new THREE.Mesh(new THREE.BoxGeometry(4, 1.5, 1.2), wireMat.clone());\r\n chassisWire.position.set(72, 1, 1);\r\n schematicGroup.add(chassisWire);\r\n const ringMat = new THREE.MeshBasicMaterial({ color: 0x39ff14, transparent: true, opacity: 0 });\r\n const ring1 = new THREE.Mesh(new THREE.TorusGeometry(4.5, 0.05, 16, 100), ringMat);\r\n ring1.position.set(72, 1, 0);\r\n ring1.rotation.y = Math.PI \/ 2;\r\n schematicGroup.add(ring1);\r\n scene.add(schematicGroup);\r\n\r\n \/\/ --- SLIDE 4: RACING ---\r\n racingGroup = new THREE.Group();\r\n const racerMat = new THREE.MeshBasicMaterial({ map: bikeTex, transparent: true, opacity: 0 });\r\n const racer1 = new THREE.Mesh(new THREE.PlaneGeometry(5, 3), racerMat.clone());\r\n const racer2 = new THREE.Mesh(new THREE.PlaneGeometry(5, 3), racerMat.clone());\r\n racer1.position.set(95, -1, 0);\r\n racer2.position.set(96, -1, -3.5);\r\n racingGroup.add(racer1);\r\n racingGroup.add(racer2);\r\n scene.add(racingGroup);\r\n\r\n \/\/ --- SLIDE 5: THE PACK ---\r\n gangGroup = new THREE.Group();\r\n const gangBikeMat = new THREE.MeshBasicMaterial({ map: bikeTex, transparent: true, opacity: 0 });\r\n const gangOffsets = [{ x: 0, y: -2, z: 0 }, { x: 5, y: -2, z: -2 }, { x: -5, y: -2, z: -2 }, { x: 10, y: -2, z: -4 }, { x: -10, y: -2, z: -4 }];\r\n gangOffsets.forEach(off => {\r\n const bike = new THREE.Mesh(new THREE.PlaneGeometry(5, 3), gangBikeMat.clone());\r\n bike.position.set(165 + off.x, off.y, off.z);\r\n bike.rotation.z = -0.05; \r\n gangGroup.add(bike);\r\n });\r\n scene.add(gangGroup);\r\n\r\n \/\/ --- SLIDE 7: FOOTER 3D ASSETS ---\r\n footerGroup = new THREE.Group();\r\n const footerWireMat = new THREE.MeshStandardMaterial({ color: 0x39ff14, wireframe: true, transparent: true, opacity: 0 });\r\n \/\/ Large background monoliths for footer vibe\r\n for(let i = 0; i < 5; i++) {\r\n const block = new THREE.Mesh(new THREE.BoxGeometry(4, 20, 2), footerWireMat.clone());\r\n block.position.set(250 + (i * 12), 5, -15);\r\n footerGroup.add(block);\r\n }\r\n scene.add(footerGroup);\r\n\r\n \/\/ Tech Particles\r\n const partGeo = new THREE.BoxGeometry(0.2, 0.2, 0.2);\r\n const partMat = new THREE.MeshStandardMaterial({ color: 0x39ff14, wireframe: true, transparent: true, opacity: 0.3 });\r\n for(let i = 0; i < 300; i++) {\r\n const m = new THREE.Mesh(partGeo, partMat);\r\n m.position.set((Math.random()-0.5)*500 + 100, (Math.random()-0.5)*20, (Math.random()-0.5)*20);\r\n scene.add(m);\r\n floatingTech.push(m);\r\n }\r\n\r\n animate();\r\n }\r\n\r\n window.addEventListener('scroll', () => {\r\n const h = document.documentElement;\r\n scrollProgress = (h.scrollTop || document.body.scrollTop) \/ (h.scrollHeight - h.clientHeight);\r\n targetScroll = scrollProgress * (roadmap.scrollWidth - window.innerWidth);\r\n\r\n const reveals = document.querySelectorAll('.text-reveal');\r\n reveals.forEach(el => {\r\n const rect = el.getBoundingClientRect();\r\n if(rect.left < window.innerWidth * 0.85 && rect.right > 0) el.classList.add('active');\r\n else el.classList.remove('active');\r\n });\r\n }, { passive: true });\r\n\r\n function animate() {\r\n requestAnimationFrame(animate);\r\n const lerpFactor = 0.15; \r\n currentScroll += (targetScroll - currentScroll) * lerpFactor; \r\n roadmap.style.transform = `translateX(${-currentScroll}px)`;\r\n const time = Date.now() * 0.001;\r\n\r\n \/\/ 1. Slide 1: Assembly\r\n const assemblyFactor = Math.min(scrollProgress * 14, 1);\r\n assemblyParts.forEach(p => {\r\n p.mesh.position.lerpVectors(p.start, p.target, assemblyFactor);\r\n p.mesh.material.opacity = Math.max(0, 0.8 - (scrollProgress - 0.08) * 20);\r\n });\r\n\r\n \/\/ 2. Slide 2: Sunset\r\n const sunsetFactor = Math.max(0, Math.min(1, (scrollProgress - 0.12) \/ 0.15));\r\n sunGroup.children[0].material.opacity = Math.sin(sunsetFactor * Math.PI) * 0.8;\r\n sunsetBike.material.opacity = Math.sin(sunsetFactor * Math.PI) * 1;\r\n sunsetBike.position.z = 5 - (sunsetFactor * 25);\r\n\r\n \/\/ 3. Slide 3: Plans\r\n const schemFactor = Math.max(0, Math.min(1, (scrollProgress - 0.28) \/ 0.15));\r\n schematicGroup.children.forEach((child, i) => {\r\n child.material.opacity = Math.sin(schemFactor * Math.PI) * (i === 0 ? 0.8 : 0.4);\r\n });\r\n\r\n \/\/ 4. Slide 4: Racing\r\n const raceFactor = Math.max(0, Math.min(1, (scrollProgress - 0.44) \/ 0.15));\r\n const raceFade = Math.sin(raceFactor * Math.PI);\r\n racingGroup.children.forEach((bike, i) => {\r\n bike.material.opacity = raceFade;\r\n bike.position.x = 98 + (i === 0 ? raceFactor * 35 : raceFactor * 38) + (scrollProgress * 8); \r\n });\r\n\r\n \/\/ 5. Slide 5: The Pack\r\n const gangFactor = Math.max(0, Math.min(1, (scrollProgress - 0.60) \/ 0.15));\r\n const gangFade = Math.sin(gangFactor * Math.PI);\r\n gangGroup.children.forEach((bike, i) => {\r\n bike.material.opacity = gangFade;\r\n bike.position.y = -2 + Math.sin(time * 2 + i) * 0.02;\r\n });\r\n\r\n \/\/ 7. Footer Group (0.85 - 1.0)\r\n const footerFactor = Math.max(0, Math.min(1, (scrollProgress - 0.85) \/ 0.15));\r\n footerGroup.children.forEach((child, i) => {\r\n child.material.opacity = footerFactor * 0.4;\r\n child.position.y = 5 + Math.sin(time + i) * 1;\r\n });\r\n\r\n \/\/ Track & UI\r\n const vehicleX = scrollProgress * 100;\r\n vehicleNode.style.left = `${vehicleX}%`;\r\n trackFill.style.width = `${vehicleX}%`;\r\n camera.position.x = (scrollProgress * 280) - 15;\r\n grid.position.x = (scrollProgress * 280);\r\n \r\n floatingTech.forEach((m, i) => {\r\n m.rotation.y += 0.01;\r\n m.position.y += Math.sin(time + i) * 0.004;\r\n });\r\n\r\n const velocity = Math.abs(targetScroll - currentScroll) * 0.05;\r\n hud.innerText = `Velocity: ${velocity.toFixed(2)}km\/h | Archive_Node: ${footerFactor > 0.1 ? 'Online' : 'Syncing'}`;\r\n\r\n renderer.render(scene, camera);\r\n }\r\n\r\n window.onload = initThree;\r\n window.addEventListener('resize', () => {\r\n camera.aspect = window.innerWidth \/ window.innerHeight;\r\n camera.updateProjectionMatrix();\r\n renderer.setSize(window.innerWidth, window.innerHeight);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Yamaha | Kinetic Green Roadmap YAMAHA. Archive Evolution Apex Vision Lab_Access Point 01 \/ 1955 THEORIGIN. The mechanical soul manifests. Scroll to assemble the YA-1 blueprint in 3D space. Point 02 \/ Competition APEXHUNT. The racetrack is our laboratory. Driven by the heat of the sunset, we push the physical limits of speed. Point 03 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4806","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Motorcycle - Denisa Alla<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/denisaalla.com\/sq\/motorcycle\/\" \/>\n<meta property=\"og:locale\" content=\"sq_AL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motorcycle - Denisa Alla\" \/>\n<meta property=\"og:description\" content=\"Yamaha | Kinetic Green Roadmap YAMAHA. Archive Evolution Apex Vision Lab_Access Point 01 \/ 1955 THEORIGIN. The mechanical soul manifests. Scroll to assemble the YA-1 blueprint in 3D space. Point 02 \/ Competition APEXHUNT. The racetrack is our laboratory. Driven by the heat of the sunset, we push the physical limits of speed. Point 03 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/denisaalla.com\/sq\/motorcycle\/\" \/>\n<meta property=\"og:site_name\" content=\"Denisa Alla\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T11:37:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/\",\"name\":\"Motorcycle - Denisa Alla\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.pixabay.com\\\/photo\\\/2014\\\/04\\\/03\\\/09\\\/59\\\/motorcycle-309527_1280.png\",\"datePublished\":\"2026-05-04T11:36:11+00:00\",\"dateModified\":\"2026-05-04T11:37:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#breadcrumb\"},\"inLanguage\":\"sq\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sq\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.pixabay.com\\\/photo\\\/2014\\\/04\\\/03\\\/09\\\/59\\\/motorcycle-309527_1280.png\",\"contentUrl\":\"https:\\\/\\\/cdn.pixabay.com\\\/photo\\\/2014\\\/04\\\/03\\\/09\\\/59\\\/motorcycle-309527_1280.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/denisaalla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Motorcycle\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"name\":\"Denisa Alla\",\"description\":\"Website Designer \\\/ Programmer\",\"publisher\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/denisaalla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sq\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\",\"name\":\"Denisa Alla\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sq\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"contentUrl\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"width\":800,\"height\":758,\"caption\":\"Denisa Alla\"},\"image\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Motorcycle - Denisa Alla","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/denisaalla.com\/sq\/motorcycle\/","og_locale":"sq_AL","og_type":"article","og_title":"Motorcycle - Denisa Alla","og_description":"Yamaha | Kinetic Green Roadmap YAMAHA. Archive Evolution Apex Vision Lab_Access Point 01 \/ 1955 THEORIGIN. The mechanical soul manifests. Scroll to assemble the YA-1 blueprint in 3D space. Point 02 \/ Competition APEXHUNT. The racetrack is our laboratory. Driven by the heat of the sunset, we push the physical limits of speed. Point 03 […]","og_url":"https:\/\/denisaalla.com\/sq\/motorcycle\/","og_site_name":"Denisa Alla","article_modified_time":"2026-05-04T11:37:24+00:00","og_image":[{"url":"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/denisaalla.com\/motorcycle\/","url":"https:\/\/denisaalla.com\/motorcycle\/","name":"Motorcycle - Denisa Alla","isPartOf":{"@id":"https:\/\/denisaalla.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/denisaalla.com\/motorcycle\/#primaryimage"},"image":{"@id":"https:\/\/denisaalla.com\/motorcycle\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png","datePublished":"2026-05-04T11:36:11+00:00","dateModified":"2026-05-04T11:37:24+00:00","breadcrumb":{"@id":"https:\/\/denisaalla.com\/motorcycle\/#breadcrumb"},"inLanguage":"sq","potentialAction":[{"@type":"ReadAction","target":["https:\/\/denisaalla.com\/motorcycle\/"]}]},{"@type":"ImageObject","inLanguage":"sq","@id":"https:\/\/denisaalla.com\/motorcycle\/#primaryimage","url":"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png","contentUrl":"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png"},{"@type":"BreadcrumbList","@id":"https:\/\/denisaalla.com\/motorcycle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/denisaalla.com\/"},{"@type":"ListItem","position":2,"name":"Motorcycle"}]},{"@type":"WebSite","@id":"https:\/\/denisaalla.com\/#website","url":"https:\/\/denisaalla.com\/","name":"Denisa Alla","description":"Website Designer \/ Programmer","publisher":{"@id":"https:\/\/denisaalla.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/denisaalla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sq"},{"@type":"Organization","@id":"https:\/\/denisaalla.com\/#organization","name":"Denisa Alla","url":"https:\/\/denisaalla.com\/","logo":{"@type":"ImageObject","inLanguage":"sq","@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/","url":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","contentUrl":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","width":800,"height":758,"caption":"Denisa Alla"},"image":{"@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/comments?post=4806"}],"version-history":[{"count":4,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4806\/revisions"}],"predecessor-version":[{"id":4810,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4806\/revisions\/4810"}],"wp:attachment":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/media?parent=4806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Yamaha | Kinetic Green Roadmap<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700;900&family=JetBrains+Mono:wght@400;700&display=swap');\r\n\r\n :root {\r\n --yamaha-green: #39ff14;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background-color: #000000;\r\n color: #ffffff;\r\n font-family: 'Inter', sans-serif;\r\n height: 1600vh; \/* Increased height for the footer section *\/\r\n overflow-x: hidden;\r\n }\r\n\r\n #three-canvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .viewport-wrapper {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100vh;\r\n width: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n z-index: 10;\r\n }\r\n\r\n .roadmap-container {\r\n display: flex;\r\n height: 100%;\r\n will-change: transform;\r\n }\r\n\r\n .section {\r\n width: 100vw;\r\n height: 100vh;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n padding: 0 10vw;\r\n position: relative;\r\n }\r\n\r\n .section-content {\r\n max-width: 40vw;\r\n position: relative;\r\n z-index: 20;\r\n }\r\n\r\n .bottom-track {\r\n position: fixed;\r\n bottom: 80px;\r\n left: 10vw;\r\n right: 10vw;\r\n height: 2px;\r\n background: rgba(255, 255, 255, 0.1);\r\n z-index: 50;\r\n }\r\n\r\n .track-progress {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 0%;\r\n background: var(--yamaha-green);\r\n box-shadow: 0 0 15px var(--yamaha-green);\r\n }\r\n\r\n .vehicle-node {\r\n position: absolute;\r\n bottom: -15px; \r\n left: 0%;\r\n width: 160px; \r\n transform: translateX(-50%);\r\n z-index: 60;\r\n will-change: left;\r\n filter: drop-shadow(0 5px 15px rgba(57, 255, 20, 0.4));\r\n }\r\n\r\n .vehicle-node img {\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n .hud-data {\r\n position: fixed;\r\n bottom: 40px;\r\n left: 10vw;\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 10px;\r\n color: var(--yamaha-green);\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n z-index: 100;\r\n }\r\n\r\n .nav-bar {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n padding: 2rem 3rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n z-index: 100;\r\n background: rgba(0, 0, 0, 0.85);\r\n backdrop-filter: blur(15px);\r\n border-bottom: 1px solid rgba(57, 255, 20, 0.2);\r\n }\r\n\r\n .text-reveal {\r\n opacity: 0;\r\n transform: translateX(50px);\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .text-reveal.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .accent-green {\r\n color: var(--yamaha-green);\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 2rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .footer-item h4 {\r\n color: var(--yamaha-green);\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .footer-item p {\r\n font-size: 14px;\r\n color: #888;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <canvas id=\"three-canvas\"><\/canvas>\r\n\r\n <nav class=\"nav-bar\">\r\n <div class=\"font-black text-2xl tracking-tighter text-white\">\r\n YAMAHA<span class=\"accent-green\">.<\/span>\r\n <\/div>\r\n <div class=\"hidden lg:flex space-x-12 text-[10px] uppercase font-bold tracking-[0.4em] text-gray-400\">\r\n <span>Archive<\/span>\r\n <span>Evolution<\/span>\r\n <span>Apex<\/span>\r\n <span>Vision<\/span>\r\n <\/div>\r\n <button class=\"bg-[#39ff14] text-black px-6 py-2 text-[10px] font-bold uppercase tracking-widest\">Lab_Access<\/button>\r\n <\/nav>\r\n\r\n <div class=\"viewport-wrapper\">\r\n <div class=\"roadmap-container\" id=\"roadmap\">\r\n \r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 01 \/ 1955<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal active\">THE<br>ORIGIN.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal active\">The mechanical soul manifests. Scroll to assemble the YA-1 blueprint in 3D space.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 02 \/ Competition<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">APEX<br>HUNT.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">The racetrack is our laboratory. Driven by the heat of the sunset, we push the physical limits of speed.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 03 \/ Mechanical<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">BIKE<br>PLANS.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">Exploding the technical blueprint. Analyze the Deltabox chassis and the high-torque CP4 architecture.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 04 \/ Innovation<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">NEURAL<br>SYNC.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">Slipstream racing simulation. Two R1 units battling in a controlled, high-precision forward race.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 05 \/ Culture<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">THE<br>PACK.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">Stability in numbers. Yamaha's R-World is a collective. A meeting of mechanical minds where every rider finds their pulse.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 06 \/ Interface<\/span>\r\n <h2 class=\"text-7xl md:text-8xl font-black tracking-tighter mb-6 text-white text-reveal\">JOIN<br>US.<\/h2>\r\n <p class=\"text-gray-400 text-lg leading-relaxed text-reveal\">Connect with the lab. Our engineers and racing specialists are ready to discuss the next evolution of Kando.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <div class=\"section-content !max-w-[50vw]\">\r\n <span class=\"accent-green font-bold text-xs tracking-widest uppercase mb-4 block\">Point 07 \/ Terminal<\/span>\r\n <h2 class=\"text-6xl md:text-7xl font-black tracking-tighter mb-6 text-white text-reveal\">YAMAHA<br>MOTOR CO.<\/h2>\r\n \r\n <div class=\"footer-grid text-reveal\">\r\n <div class=\"footer-item\">\r\n <h4>Headquarters<\/h4>\r\n <p>2500 Shingai, Iwata-shi, Shizuoka-ken, Japan<\/p>\r\n <\/div>\r\n <div class=\"footer-item\">\r\n <h4>Digital Hub<\/h4>\r\n <p>R-World Online \/ Metaverse Integration v4.0<\/p>\r\n <\/div>\r\n <div class=\"footer-item\">\r\n <h4>Legal & Privacy<\/h4>\r\n <p>\u00a9 2026 Yamaha Motor Co., Ltd. All Rights Reserved. Performance metrics for lab use only.<\/p>\r\n <\/div>\r\n <div class=\"footer-item\">\r\n <h4>Social Nodes<\/h4>\r\n <p>@yamahamotorglobal \/ #RevsYourHeart \/ #DarkSideOfJapan<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bottom-track\">\r\n <div class=\"track-progress\" id=\"track-fill\"><\/div>\r\n <div class=\"vehicle-node\" id=\"vehicle-node\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png\" alt=\"Yamaha Motorcycle\">\r\n <\/div>\r\n \r\n <div class=\"marker-tag\" style=\"left: 0%\">1955 \/ ORIGIN<\/div>\r\n <div class=\"marker-tag\" style=\"left: 16.6%\">APEX<\/div>\r\n <div class=\"marker-tag\" style=\"left: 33.3%\">PLANS<\/div>\r\n <div class=\"marker-tag\" style=\"left: 50%\">RACE<\/div>\r\n <div class=\"marker-tag\" style=\"left: 66.6%\">PACK<\/div>\r\n <div class=\"marker-tag\" style=\"left: 83.3%\">CONTACT<\/div>\r\n <div class=\"marker-tag\" style=\"left: 100%\">FOOTER<\/div>\r\n <\/div>\r\n\r\n <div class=\"hud-data\" id=\"hud\">System: Standby | Data: Encrypted<\/div>\r\n\r\n <script>\r\n let scene, camera, renderer, grid, sunGroup, sunsetBike, schematicGroup, racingGroup, gangGroup, contactGroup, footerGroup;\r\n let assemblyParts = [];\r\n let floatingTech = [];\r\n const roadmap = document.getElementById('roadmap');\r\n const vehicleNode = document.getElementById('vehicle-node');\r\n const trackFill = document.getElementById('track-fill');\r\n const hud = document.getElementById('hud');\r\n \r\n let scrollProgress = 0;\r\n let currentScroll = 0;\r\n let targetScroll = 0;\r\n\r\n function initThree() {\r\n scene = new THREE.Scene();\r\n scene.background = new THREE.Color(0x000000);\r\n scene.fog = new THREE.Fog(0x000000, 2, 50);\r\n\r\n camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\r\n camera.position.set(-15, 2, 10);\r\n\r\n renderer = new THREE.WebGLRenderer({ \r\n canvas: document.getElementById('three-canvas'),\r\n antialias: true,\r\n alpha: true\r\n });\r\n renderer.setSize(window.innerWidth, window.innerHeight);\r\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n\r\n const ambient = new THREE.AmbientLight(0xffffff, 0.2);\r\n scene.add(ambient);\r\n\r\n const directional = new THREE.DirectionalLight(0x39ff14, 1.5);\r\n directional.position.set(5, 10, 5);\r\n scene.add(directional);\r\n\r\n grid = new THREE.GridHelper(1500, 350, 0x39ff14, 0x111111);\r\n grid.position.y = -4;\r\n scene.add(grid);\r\n\r\n const loader = new THREE.TextureLoader();\r\n const bikeTex = loader.load('https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png');\r\n\r\n \/\/ --- SLIDE 1: ASSEMBLY ---\r\n const wireMat = new THREE.MeshStandardMaterial({ color: 0x39ff14, wireframe: true, transparent: true, opacity: 0.8 });\r\n const bikeX = -5;\r\n function createAssemblyPart(geo, targetOffset, startOffset) {\r\n const mesh = new THREE.Mesh(geo, wireMat);\r\n const target = new THREE.Vector3(bikeX + targetOffset.x, targetOffset.y, targetOffset.z);\r\n const start = new THREE.Vector3(bikeX + startOffset.x, startOffset.y, startOffset.z);\r\n mesh.position.copy(start);\r\n scene.add(mesh);\r\n assemblyParts.push({ mesh, target, start });\r\n }\r\n const wheelGeo = new THREE.TorusGeometry(1.2, 0.2, 16, 32);\r\n createAssemblyPart(wheelGeo, new THREE.Vector3(-2, -1, 0), new THREE.Vector3(-10, -10, -10));\r\n createAssemblyPart(wheelGeo, new THREE.Vector3(2.5, -1, 0), new THREE.Vector3(15, 12, 5));\r\n createAssemblyPart(new THREE.IcosahedronGeometry(0.8, 0), new THREE.Vector3(0, -0.8, 0), new THREE.Vector3(20, -5, 10));\r\n createAssemblyPart(new THREE.BoxGeometry(3, 0.6, 1), new THREE.Vector3(0, 0, 0), new THREE.Vector3(0, 20, 0));\r\n createAssemblyPart(new THREE.SphereGeometry(1, 8, 8), new THREE.Vector3(-0.5, 1.2, 0), new THREE.Vector3(-15, 15, 5));\r\n createAssemblyPart(new THREE.CylinderGeometry(0.1, 0.1, 3.5), new THREE.Vector3(2, 0.5, 0), new THREE.Vector3(10, 10, 15));\r\n\r\n \/\/ --- SLIDE 2: SUNSET ---\r\n sunGroup = new THREE.Group();\r\n const sunGeo = new THREE.CircleGeometry(8, 32);\r\n const sunMat = new THREE.MeshBasicMaterial({ color: 0xff4500, transparent: true, opacity: 0, side: THREE.DoubleSide });\r\n const sun = new THREE.Mesh(sunGeo, sunMat);\r\n sun.position.set(35, 6, -10);\r\n sunGroup.add(sun);\r\n const bikeMat = new THREE.MeshBasicMaterial({ map: bikeTex, transparent: true, opacity: 0 });\r\n sunsetBike = new THREE.Mesh(new THREE.PlaneGeometry(5, 3), bikeMat);\r\n sunsetBike.position.set(30, -2, 5);\r\n sunGroup.add(sunsetBike);\r\n scene.add(sunGroup);\r\n\r\n \/\/ --- SLIDE 3: BIKE PLANS ---\r\n schematicGroup = new THREE.Group();\r\n const bluePrintMat = new THREE.MeshBasicMaterial({ map: bikeTex, transparent: true, opacity: 0, blending: THREE.AdditiveBlending });\r\n const mainPlan = new THREE.Mesh(new THREE.PlaneGeometry(10, 6), bluePrintMat);\r\n mainPlan.position.set(72, 1, 0);\r\n schematicGroup.add(mainPlan);\r\n const chassisWire = new THREE.Mesh(new THREE.BoxGeometry(4, 1.5, 1.2), wireMat.clone());\r\n chassisWire.position.set(72, 1, 1);\r\n schematicGroup.add(chassisWire);\r\n const ringMat = new THREE.MeshBasicMaterial({ color: 0x39ff14, transparent: true, opacity: 0 });\r\n const ring1 = new THREE.Mesh(new THREE.TorusGeometry(4.5, 0.05, 16, 100), ringMat);\r\n ring1.position.set(72, 1, 0);\r\n ring1.rotation.y = Math.PI \/ 2;\r\n schematicGroup.add(ring1);\r\n scene.add(schematicGroup);\r\n\r\n \/\/ --- SLIDE 4: RACING ---\r\n racingGroup = new THREE.Group();\r\n const racerMat = new THREE.MeshBasicMaterial({ map: bikeTex, transparent: true, opacity: 0 });\r\n const racer1 = new THREE.Mesh(new THREE.PlaneGeometry(5, 3), racerMat.clone());\r\n const racer2 = new THREE.Mesh(new THREE.PlaneGeometry(5, 3), racerMat.clone());\r\n racer1.position.set(95, -1, 0);\r\n racer2.position.set(96, -1, -3.5);\r\n racingGroup.add(racer1);\r\n racingGroup.add(racer2);\r\n scene.add(racingGroup);\r\n\r\n \/\/ --- SLIDE 5: THE PACK ---\r\n gangGroup = new THREE.Group();\r\n const gangBikeMat = new THREE.MeshBasicMaterial({ map: bikeTex, transparent: true, opacity: 0 });\r\n const gangOffsets = [{ x: 0, y: -2, z: 0 }, { x: 5, y: -2, z: -2 }, { x: -5, y: -2, z: -2 }, { x: 10, y: -2, z: -4 }, { x: -10, y: -2, z: -4 }];\r\n gangOffsets.forEach(off => {\r\n const bike = new THREE.Mesh(new THREE.PlaneGeometry(5, 3), gangBikeMat.clone());\r\n bike.position.set(165 + off.x, off.y, off.z);\r\n bike.rotation.z = -0.05; \r\n gangGroup.add(bike);\r\n });\r\n scene.add(gangGroup);\r\n\r\n \/\/ --- SLIDE 7: FOOTER 3D ASSETS ---\r\n footerGroup = new THREE.Group();\r\n const footerWireMat = new THREE.MeshStandardMaterial({ color: 0x39ff14, wireframe: true, transparent: true, opacity: 0 });\r\n \/\/ Large background monoliths for footer vibe\r\n for(let i = 0; i < 5; i++) {\r\n const block = new THREE.Mesh(new THREE.BoxGeometry(4, 20, 2), footerWireMat.clone());\r\n block.position.set(250 + (i * 12), 5, -15);\r\n footerGroup.add(block);\r\n }\r\n scene.add(footerGroup);\r\n\r\n \/\/ Tech Particles\r\n const partGeo = new THREE.BoxGeometry(0.2, 0.2, 0.2);\r\n const partMat = new THREE.MeshStandardMaterial({ color: 0x39ff14, wireframe: true, transparent: true, opacity: 0.3 });\r\n for(let i = 0; i < 300; i++) {\r\n const m = new THREE.Mesh(partGeo, partMat);\r\n m.position.set((Math.random()-0.5)*500 + 100, (Math.random()-0.5)*20, (Math.random()-0.5)*20);\r\n scene.add(m);\r\n floatingTech.push(m);\r\n }\r\n\r\n animate();\r\n }\r\n\r\n window.addEventListener('scroll', () => {\r\n const h = document.documentElement;\r\n scrollProgress = (h.scrollTop || document.body.scrollTop) \/ (h.scrollHeight - h.clientHeight);\r\n targetScroll = scrollProgress * (roadmap.scrollWidth - window.innerWidth);\r\n\r\n const reveals = document.querySelectorAll('.text-reveal');\r\n reveals.forEach(el => {\r\n const rect = el.getBoundingClientRect();\r\n if(rect.left < window.innerWidth * 0.85 && rect.right > 0) el.classList.add('active');\r\n else el.classList.remove('active');\r\n });\r\n }, { passive: true });\r\n\r\n function animate() {\r\n requestAnimationFrame(animate);\r\n const lerpFactor = 0.15; \r\n currentScroll += (targetScroll - currentScroll) * lerpFactor; \r\n roadmap.style.transform = `translateX(${-currentScroll}px)`;\r\n const time = Date.now() * 0.001;\r\n\r\n \/\/ 1. Slide 1: Assembly\r\n const assemblyFactor = Math.min(scrollProgress * 14, 1);\r\n assemblyParts.forEach(p => {\r\n p.mesh.position.lerpVectors(p.start, p.target, assemblyFactor);\r\n p.mesh.material.opacity = Math.max(0, 0.8 - (scrollProgress - 0.08) * 20);\r\n });\r\n\r\n \/\/ 2. Slide 2: Sunset\r\n const sunsetFactor = Math.max(0, Math.min(1, (scrollProgress - 0.12) \/ 0.15));\r\n sunGroup.children[0].material.opacity = Math.sin(sunsetFactor * Math.PI) * 0.8;\r\n sunsetBike.material.opacity = Math.sin(sunsetFactor * Math.PI) * 1;\r\n sunsetBike.position.z = 5 - (sunsetFactor * 25);\r\n\r\n \/\/ 3. Slide 3: Plans\r\n const schemFactor = Math.max(0, Math.min(1, (scrollProgress - 0.28) \/ 0.15));\r\n schematicGroup.children.forEach((child, i) => {\r\n child.material.opacity = Math.sin(schemFactor * Math.PI) * (i === 0 ? 0.8 : 0.4);\r\n });\r\n\r\n \/\/ 4. Slide 4: Racing\r\n const raceFactor = Math.max(0, Math.min(1, (scrollProgress - 0.44) \/ 0.15));\r\n const raceFade = Math.sin(raceFactor * Math.PI);\r\n racingGroup.children.forEach((bike, i) => {\r\n bike.material.opacity = raceFade;\r\n bike.position.x = 98 + (i === 0 ? raceFactor * 35 : raceFactor * 38) + (scrollProgress * 8); \r\n });\r\n\r\n \/\/ 5. Slide 5: The Pack\r\n const gangFactor = Math.max(0, Math.min(1, (scrollProgress - 0.60) \/ 0.15));\r\n const gangFade = Math.sin(gangFactor * Math.PI);\r\n gangGroup.children.forEach((bike, i) => {\r\n bike.material.opacity = gangFade;\r\n bike.position.y = -2 + Math.sin(time * 2 + i) * 0.02;\r\n });\r\n\r\n \/\/ 7. Footer Group (0.85 - 1.0)\r\n const footerFactor = Math.max(0, Math.min(1, (scrollProgress - 0.85) \/ 0.15));\r\n footerGroup.children.forEach((child, i) => {\r\n child.material.opacity = footerFactor * 0.4;\r\n child.position.y = 5 + Math.sin(time + i) * 1;\r\n });\r\n\r\n \/\/ Track & UI\r\n const vehicleX = scrollProgress * 100;\r\n vehicleNode.style.left = `${vehicleX}%`;\r\n trackFill.style.width = `${vehicleX}%`;\r\n camera.position.x = (scrollProgress * 280) - 15;\r\n grid.position.x = (scrollProgress * 280);\r\n \r\n floatingTech.forEach((m, i) => {\r\n m.rotation.y += 0.01;\r\n m.position.y += Math.sin(time + i) * 0.004;\r\n });\r\n\r\n const velocity = Math.abs(targetScroll - currentScroll) * 0.05;\r\n hud.innerText = `Velocity: ${velocity.toFixed(2)}km\/h | Archive_Node: ${footerFactor > 0.1 ? 'Online' : 'Syncing'}`;\r\n\r\n renderer.render(scene, camera);\r\n }\r\n\r\n window.onload = initThree;\r\n window.addEventListener('resize', () => {\r\n camera.aspect = window.innerWidth \/ window.innerHeight;\r\n camera.updateProjectionMatrix();\r\n renderer.setSize(window.innerWidth, window.innerHeight);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Yamaha | Kinetic Green Roadmap YAMAHA. Archive Evolution Apex Vision Lab_Access Point 01 \/ 1955 THEORIGIN. The mechanical soul manifests. Scroll to assemble the YA-1 blueprint in 3D space. Point 02 \/ Competition APEXHUNT. The racetrack is our laboratory. Driven by the heat of the sunset, we push the physical limits of speed. Point 03 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4806","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Motorcycle - Denisa Alla<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/denisaalla.com\/sq\/motorcycle\/\" \/>\n<meta property=\"og:locale\" content=\"sq_AL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motorcycle - Denisa Alla\" \/>\n<meta property=\"og:description\" content=\"Yamaha | Kinetic Green Roadmap YAMAHA. Archive Evolution Apex Vision Lab_Access Point 01 \/ 1955 THEORIGIN. The mechanical soul manifests. Scroll to assemble the YA-1 blueprint in 3D space. Point 02 \/ Competition APEXHUNT. The racetrack is our laboratory. Driven by the heat of the sunset, we push the physical limits of speed. Point 03 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/denisaalla.com\/sq\/motorcycle\/\" \/>\n<meta property=\"og:site_name\" content=\"Denisa Alla\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T11:37:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/\",\"name\":\"Motorcycle - Denisa Alla\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.pixabay.com\\\/photo\\\/2014\\\/04\\\/03\\\/09\\\/59\\\/motorcycle-309527_1280.png\",\"datePublished\":\"2026-05-04T11:36:11+00:00\",\"dateModified\":\"2026-05-04T11:37:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#breadcrumb\"},\"inLanguage\":\"sq\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sq\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.pixabay.com\\\/photo\\\/2014\\\/04\\\/03\\\/09\\\/59\\\/motorcycle-309527_1280.png\",\"contentUrl\":\"https:\\\/\\\/cdn.pixabay.com\\\/photo\\\/2014\\\/04\\\/03\\\/09\\\/59\\\/motorcycle-309527_1280.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/motorcycle\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/denisaalla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Motorcycle\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"name\":\"Denisa Alla\",\"description\":\"Website Designer \\\/ Programmer\",\"publisher\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/denisaalla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sq\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\",\"name\":\"Denisa Alla\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sq\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"contentUrl\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"width\":800,\"height\":758,\"caption\":\"Denisa Alla\"},\"image\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Motorcycle - Denisa Alla","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/denisaalla.com\/sq\/motorcycle\/","og_locale":"sq_AL","og_type":"article","og_title":"Motorcycle - Denisa Alla","og_description":"Yamaha | Kinetic Green Roadmap YAMAHA. Archive Evolution Apex Vision Lab_Access Point 01 \/ 1955 THEORIGIN. The mechanical soul manifests. Scroll to assemble the YA-1 blueprint in 3D space. Point 02 \/ Competition APEXHUNT. The racetrack is our laboratory. Driven by the heat of the sunset, we push the physical limits of speed. Point 03 […]","og_url":"https:\/\/denisaalla.com\/sq\/motorcycle\/","og_site_name":"Denisa Alla","article_modified_time":"2026-05-04T11:37:24+00:00","og_image":[{"url":"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/denisaalla.com\/motorcycle\/","url":"https:\/\/denisaalla.com\/motorcycle\/","name":"Motorcycle - Denisa Alla","isPartOf":{"@id":"https:\/\/denisaalla.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/denisaalla.com\/motorcycle\/#primaryimage"},"image":{"@id":"https:\/\/denisaalla.com\/motorcycle\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png","datePublished":"2026-05-04T11:36:11+00:00","dateModified":"2026-05-04T11:37:24+00:00","breadcrumb":{"@id":"https:\/\/denisaalla.com\/motorcycle\/#breadcrumb"},"inLanguage":"sq","potentialAction":[{"@type":"ReadAction","target":["https:\/\/denisaalla.com\/motorcycle\/"]}]},{"@type":"ImageObject","inLanguage":"sq","@id":"https:\/\/denisaalla.com\/motorcycle\/#primaryimage","url":"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png","contentUrl":"https:\/\/cdn.pixabay.com\/photo\/2014\/04\/03\/09\/59\/motorcycle-309527_1280.png"},{"@type":"BreadcrumbList","@id":"https:\/\/denisaalla.com\/motorcycle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/denisaalla.com\/"},{"@type":"ListItem","position":2,"name":"Motorcycle"}]},{"@type":"WebSite","@id":"https:\/\/denisaalla.com\/#website","url":"https:\/\/denisaalla.com\/","name":"Denisa Alla","description":"Website Designer \/ Programmer","publisher":{"@id":"https:\/\/denisaalla.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/denisaalla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sq"},{"@type":"Organization","@id":"https:\/\/denisaalla.com\/#organization","name":"Denisa Alla","url":"https:\/\/denisaalla.com\/","logo":{"@type":"ImageObject","inLanguage":"sq","@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/","url":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","contentUrl":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","width":800,"height":758,"caption":"Denisa Alla"},"image":{"@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/comments?post=4806"}],"version-history":[{"count":4,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4806\/revisions"}],"predecessor-version":[{"id":4810,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4806\/revisions\/4810"}],"wp:attachment":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/media?parent=4806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}