{"id":365,"date":"2025-08-25T13:25:40","date_gmt":"2025-08-25T13:25:40","guid":{"rendered":"https:\/\/jaimebalderrama.com\/Aaron\/?page_id=365"},"modified":"2025-08-26T03:24:27","modified_gmt":"2025-08-26T03:24:27","slug":"home","status":"publish","type":"page","link":"https:\/\/jaimebalderrama.com\/Aaron\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"365\" class=\"elementor elementor-365\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-746ec53 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"746ec53\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20da570 elementor-widget elementor-widget-html\" data-id=\"20da570\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"scroll-wrapper\">\r\n  <!-- Fixed central image -->\r\n  <div class=\"central-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/jaimebalderrama.com\/Aaron\/wp-content\/uploads\/2025\/08\/timeline-scaled.webp\" alt=\"Central Product\">\r\n  <\/div>\r\n\r\n  <!-- Scroll sections with side content -->\r\n  <div class=\"scroll-section left\">Left Info 1<\/div>\r\n  <div class=\"scroll-section right\">Right Info 2<\/div>\r\n  <div class=\"scroll-section left\">Left Info 3<\/div>\r\n  <div class=\"scroll-section right\">Right Info 4<\/div>\r\n<\/div>\r\n\r\n<style>\r\n#scroll-wrapper {\r\n  position: relative;\r\n  height: 500vh; \/* Adjusted dynamically via JS *\/\r\n}\r\n\r\n.central-image {\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 1;\r\n}\r\n.central-image img {\r\n  max-width: 400px;\r\n  height: auto;\r\n}\r\n\r\n.scroll-section {\r\n  position: absolute;\r\n  top: 0;\r\n  width: 50%;\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 2rem;\r\n  opacity: 0;\r\n  z-index: 2;\r\n  transform: translateX(0); \/* base *\/\r\n}\r\n.scroll-section.left {\r\n  left: 0;\r\n  background: rgba(30,41,59,0.8);\r\n  color: white;\r\n}\r\n.scroll-section.right {\r\n  right: 0;\r\n  background: rgba(51,65,85,0.8);\r\n  color: white;\r\n}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  const sections = gsap.utils.toArray(\".scroll-section\");\r\n\r\n  sections.forEach((section, i) => {\r\n    let isLeft = section.classList.contains(\"left\");\r\n    let xStart = isLeft ? \"-100%\" : \"100%\"; \/\/ enter from left or right\r\n\r\n    gsap.timeline({\r\n      scrollTrigger: {\r\n        trigger: \"#scroll-wrapper\",\r\n        start: () => `${i * 100}vh top`,\r\n        end: () => `${(i + 1) * 100}vh top`,\r\n        scrub: true\r\n      }\r\n    })\r\n    .fromTo(section, \r\n      { x: xStart, opacity: 0 },\r\n      { x: \"0%\", opacity: 1, duration: 0.5, ease: \"power2.out\" }\r\n    )\r\n    .to(section, \r\n      { x: isLeft ? \"-50%\" : \"50%\", opacity: 0, duration: 0.5, ease: \"power2.in\" }\r\n    );\r\n  });\r\n\r\n  \/\/ Adjust wrapper height dynamically\r\n  document.getElementById(\"scroll-wrapper\").style.height =\r\n    sections.length * 100 + \"vh\";\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa6e901 elementor-widget elementor-widget-html\" data-id=\"aa6e901\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"vanilla-preloader\" ><\/div>\r\n<script>\r\n   document.addEventListener('DOMContentLoaded', function() {\r\n      let loader = document.querySelector('.vanilla-preloader');\r\n   \t\tloader.style.opacity = 0;\r\n   \t\tloader.addEventListener('transitionend', () => loader.remove());\r\n   \t });\r\n<\/script>\r\n<style>\r\n.vanilla-preloader {\r\nposition: fixed;\r\nleft: 0px;\r\ntop: 0px;\r\nwidth: 100%;\r\nheight: 100%;\r\nz-index: 9999;\r\ntransition: 0.4s opacity;\r\npointer-events:none;\r\nbackground: url('https:\/\/jaimebalderrama.com\/Aaron\/wp-content\/uploads\/2025\/08\/Pre-loader-gif-007.gif') 50% 50% no-repeat #000000; \/* Change the #fff here to your background color of choice for the preloader fullscreen section *\/\r\n}\r\n.elementor-editor-active .vanilla-preloader {\r\ndisplay: none;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9d2344 elementor-widget elementor-widget-spacer\" data-id=\"d9d2344\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e1bc0e e-con-full e-flex e-con e-parent\" data-id=\"2e1bc0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-006aae1 e-con-full e-flex e-con e-child\" data-id=\"006aae1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dc8f6e e-con-full e-flex e-con e-child\" data-id=\"5dc8f6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-027b3af elementor-widget elementor-widget-image\" data-id=\"027b3af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"82\" height=\"1024\" src=\"https:\/\/jaimebalderrama.com\/Aaron\/wp-content\/uploads\/2025\/08\/timeline-scaled.webp\" class=\"attachment-large size-large wp-image-1180\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff30d34 e-con-full e-flex e-con e-child\" data-id=\"ff30d34\" data-element_type=\"container\" data-e-type=\"container\">\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>Left Info 1 Right Info 2 Left Info 3 Right Info 4<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-365","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jaimebalderrama.com\/Aaron\/wp-json\/wp\/v2\/pages\/365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jaimebalderrama.com\/Aaron\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jaimebalderrama.com\/Aaron\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jaimebalderrama.com\/Aaron\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jaimebalderrama.com\/Aaron\/wp-json\/wp\/v2\/comments?post=365"}],"version-history":[{"count":282,"href":"https:\/\/jaimebalderrama.com\/Aaron\/wp-json\/wp\/v2\/pages\/365\/revisions"}],"predecessor-version":[{"id":1184,"href":"https:\/\/jaimebalderrama.com\/Aaron\/wp-json\/wp\/v2\/pages\/365\/revisions\/1184"}],"wp:attachment":[{"href":"https:\/\/jaimebalderrama.com\/Aaron\/wp-json\/wp\/v2\/media?parent=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}