diff --git a/assets/motions/pages/index.fmtion b/assets/motions/pages/index.fmtion
new file mode 100644
index 0000000..27b6c27
--- /dev/null
+++ b/assets/motions/pages/index.fmtion
@@ -0,0 +1,667 @@
+{
+  "meta": {
+    "name": "Tesoro XP Animations",
+    "duration": 10000,
+    "fps": 60,
+    "createdAt": "2025-12-30T17:30:00.000Z",
+    "modifiedAt": "2026-01-14T18:00:00.000Z"
+  },
+  "parameters": {},
+  "dom": [
+    {
+      "id": "hero-content",
+      "selector": "[data-hero-content]",
+      "from": { "opacity": 1, "y": 0 },
+      "to": { "opacity": 0, "y": 50 },
+      "ease": "easeInOutExpo",
+      "duration": 1000,
+      "stagger": { "each": 0.03, "from": "end" },
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 1, "y": 0 },
+          "easing": "easeInOutExpo"
+        },
+        {
+          "time": 0.4,
+          "properties": { "opacity": 0, "y": 50 },
+          "easing": "easeInOutExpo"
+        }
+      ],
+      "scroll": {
+        "trigger": "[data-hero-track]",
+        "start": "top top",
+        "end": "bottom bottom",
+        "pin": "[data-hero-pin]",
+        "scrub": true
+      }
+    },
+    {
+      "id": "hero-visual",
+      "selector": "[data-hero-visual]",
+      "from": {
+        "scale": 1,
+        "width": "100vw",
+        "clipPath": "polygon(50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%, 0% 0%)"
+      },
+      "to": {
+        "scale": 0.7,
+        "width": "100vh",
+        "clipPath": "polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%)"
+      },
+      "ease": "easeOutExpo",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0.2,
+          "properties": {
+            "scale": 1,
+            "width": "100vw",
+            "clipPath": "polygon(50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%, 0% 0%)"
+          },
+          "easing": "easeOutExpo"
+        },
+        {
+          "time": 1,
+          "properties": {
+            "scale": 0.7,
+            "width": "100vh",
+            "clipPath": "polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%)"
+          },
+          "easing": "easeOutExpo"
+        }
+      ],
+      "scroll": {
+        "trigger": "[data-hero-track]",
+        "start": "top top",
+        "end": "bottom bottom",
+        "pin": "[data-hero-pin]",
+        "scrub": true
+      }
+    },
+    {
+      "id": "nav-logo",
+      "selector": "[data-nav-logo]",
+      "from": { "opacity": 0, "y": -20 },
+      "to": { "opacity": 1, "y": 0 },
+      "ease": "easeOutExpo",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 0, "y": -20 },
+          "easing": "easeOutExpo"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 1, "y": 0 },
+          "easing": "easeOutExpo"
+        }
+      ],
+      "scroll": {
+        "trigger": "[data-hero-trigger]",
+        "start": "top top",
+        "end": "top top",
+        "scrub": true
+      }
+    },
+    {
+      "id": "merchant-h2",
+      "selector": "section.product_wrap:nth-of-type(1) h2",
+      "from": { "opacity": 0, "y": 50 },
+      "to": { "opacity": 1, "y": 0 },
+      "ease": "easeOutCubic",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 0, "y": 50 },
+          "easing": "easeOutCubic"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 1, "y": 0 },
+          "easing": "easeOutCubic"
+        }
+      ],
+      "scroll": {
+        "trigger": "section.product_wrap:nth-of-type(1)",
+        "start": "top bottom",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "merchant-p",
+      "selector": "section.product_wrap:nth-of-type(1) p",
+      "from": { "opacity": 0, "y": 30 },
+      "to": { "opacity": 1, "y": 0 },
+      "ease": "easeOutQuad",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 0, "y": 30 },
+          "easing": "easeOutQuad"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 1, "y": 0 },
+          "easing": "easeOutQuad"
+        }
+      ],
+      "scroll": {
+        "trigger": "section.product_wrap:nth-of-type(1)",
+        "start": "top bottom",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "studio-h2",
+      "selector": "section.product_wrap:nth-of-type(2) h2",
+      "from": { "opacity": 0, "y": 50 },
+      "to": { "opacity": 1, "y": 0 },
+      "ease": "easeOutCubic",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 0, "y": 50 },
+          "easing": "easeOutCubic"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 1, "y": 0 },
+          "easing": "easeOutCubic"
+        }
+      ],
+      "scroll": {
+        "trigger": "section.product_wrap:nth-of-type(2)",
+        "start": "top bottom",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "studio-p",
+      "selector": "section.product_wrap:nth-of-type(2) p",
+      "from": { "opacity": 0, "y": 30 },
+      "to": { "opacity": 1, "y": 0 },
+      "ease": "easeOutQuad",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 0, "y": 30 },
+          "easing": "easeOutQuad"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 1, "y": 0 },
+          "easing": "easeOutQuad"
+        }
+      ],
+      "scroll": {
+        "trigger": "section.product_wrap:nth-of-type(2)",
+        "start": "top bottom",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "gamer-h2",
+      "selector": "section.product_wrap:nth-of-type(3) h2",
+      "from": { "opacity": 0, "y": 50 },
+      "to": { "opacity": 1, "y": 0 },
+      "ease": "easeOutCubic",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 0, "y": 50 },
+          "easing": "easeOutCubic"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 1, "y": 0 },
+          "easing": "easeOutCubic"
+        }
+      ],
+      "scroll": {
+        "trigger": "section.product_wrap:nth-of-type(3)",
+        "start": "top bottom",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "gamer-p",
+      "selector": "section.product_wrap:nth-of-type(3) p",
+      "from": { "opacity": 0, "y": 30 },
+      "to": { "opacity": 1, "y": 0 },
+      "ease": "easeOutQuad",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 0, "y": 30 },
+          "easing": "easeOutQuad"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 1, "y": 0 },
+          "easing": "easeOutQuad"
+        }
+      ],
+      "scroll": {
+        "trigger": "section.product_wrap:nth-of-type(3)",
+        "start": "top bottom",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "card-parallax-1",
+      "selector": ".how_layout .card_wrap:nth-child(1)",
+      "from": { "y": 80 },
+      "to": { "y": -80 },
+      "ease": "linear",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "y": 80 },
+          "easing": "linear"
+        },
+        {
+          "time": 1,
+          "properties": { "y": -80 },
+          "easing": "linear"
+        }
+      ],
+      "scroll": {
+        "trigger": ".how_layout .card_wrap:nth-child(1)",
+        "start": "top bottom",
+        "end": "bottom top",
+        "scrub": true
+      }
+    },
+    {
+      "id": "card-parallax-2",
+      "selector": ".how_layout .card_wrap:nth-child(2)",
+      "from": { "y": 120 },
+      "to": { "y": -120 },
+      "ease": "linear",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "y": 120 },
+          "easing": "linear"
+        },
+        {
+          "time": 1,
+          "properties": { "y": -120 },
+          "easing": "linear"
+        }
+      ],
+      "scroll": {
+        "trigger": ".how_layout .card_wrap:nth-child(2)",
+        "start": "top bottom",
+        "end": "bottom top",
+        "scrub": true
+      }
+    },
+    {
+      "id": "card-parallax-3",
+      "selector": ".how_layout .card_wrap:nth-child(3)",
+      "from": { "y": 160 },
+      "to": { "y": -160 },
+      "ease": "linear",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "y": 160 },
+          "easing": "linear"
+        },
+        {
+          "time": 1,
+          "properties": { "y": -160 },
+          "easing": "linear"
+        }
+      ],
+      "scroll": {
+        "trigger": ".how_layout .card_wrap:nth-child(3)",
+        "start": "top bottom",
+        "end": "bottom top",
+        "scrub": true
+      }
+    },
+    {
+      "id": "card-parallax-4",
+      "selector": ".how_layout .card_wrap:nth-child(4)",
+      "from": { "y": 200 },
+      "to": { "y": -200 },
+      "ease": "linear",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "y": 200 },
+          "easing": "linear"
+        },
+        {
+          "time": 1,
+          "properties": { "y": -200 },
+          "easing": "linear"
+        }
+      ],
+      "scroll": {
+        "trigger": ".how_layout .card_wrap:nth-child(4)",
+        "start": "top bottom",
+        "end": "bottom top",
+        "scrub": true
+      }
+    },
+    {
+      "id": "theme-to-merchant",
+      "selector": "body",
+      "from": {},
+      "to": {
+        "--_theme---background": "#c8fbd4",
+        "--_theme---text": "#2a4935",
+        "--_theme---background-2": "#94ffb4",
+        "--_theme---heading-accent": "#3ace67",
+        "--_theme---card-background": "#3ace67",
+        "--_theme---card-border": "#94ffb4",
+        "--_theme---selection--background": "#94ffb4",
+        "--_theme---selection--text": "#2a4935",
+        "--_theme---nav--background": "#c8fbd4",
+        "--_theme---nav--link-hover": "#fdf8f3",
+        "--_theme---shadow": "#2a4935",
+        "--_theme---button--icon": "#fdf8f3",
+        "--_theme---button--icon-base": "#222",
+        "--_theme---button--background": "white",
+        "--_theme---button--text": "#222"
+      },
+      "ease": "easeOutCubic",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": {},
+          "easing": "easeOutCubic"
+        },
+        {
+          "time": 1,
+          "properties": {
+            "--_theme---background": "#c8fbd4",
+            "--_theme---text": "#2a4935",
+            "--_theme---background-2": "#94ffb4",
+            "--_theme---heading-accent": "#3ace67",
+            "--_theme---card-background": "#3ace67",
+            "--_theme---card-border": "#94ffb4",
+            "--_theme---selection--background": "#94ffb4",
+            "--_theme---selection--text": "#2a4935",
+            "--_theme---nav--background": "#c8fbd4",
+            "--_theme---nav--link-hover": "#fdf8f3",
+            "--_theme---shadow": "#2a4935",
+            "--_theme---button--icon": "#fdf8f3",
+            "--_theme---button--icon-base": "#222",
+            "--_theme---button--background": "white",
+            "--_theme---button--text": "#222"
+          },
+          "easing": "easeOutCubic"
+        }
+      ],
+      "scroll": {
+        "trigger": "[data-animate-theme-to='merchant']",
+        "start": "top 60%",
+        "end": "top 40%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "theme-to-studio",
+      "selector": "body",
+      "from": {},
+      "to": {
+        "--_theme---background": "#feebc9",
+        "--_theme---text": "#664910",
+        "--_theme---background-2": "#ffdfa0",
+        "--_theme---heading-accent": "#ffb627",
+        "--_theme---card-background": "#ffb627",
+        "--_theme---card-border": "#ffdfa0",
+        "--_theme---selection--background": "#ffdfa0",
+        "--_theme---selection--text": "#664910",
+        "--_theme---nav--background": "#feebc9",
+        "--_theme---nav--link-hover": "#fdf8f3",
+        "--_theme---shadow": "#664910",
+        "--_theme---button--icon": "#fdf8f3",
+        "--_theme---button--icon-base": "#222",
+        "--_theme---button--background": "white",
+        "--_theme---button--text": "#222"
+      },
+      "ease": "easeOutCubic",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": {},
+          "easing": "easeOutCubic"
+        },
+        {
+          "time": 1,
+          "properties": {
+            "--_theme---background": "#feebc9",
+            "--_theme---text": "#664910",
+            "--_theme---background-2": "#ffdfa0",
+            "--_theme---heading-accent": "#ffb627",
+            "--_theme---card-background": "#ffb627",
+            "--_theme---card-border": "#ffdfa0",
+            "--_theme---selection--background": "#ffdfa0",
+            "--_theme---selection--text": "#664910",
+            "--_theme---nav--background": "#feebc9",
+            "--_theme---nav--link-hover": "#fdf8f3",
+            "--_theme---shadow": "#664910",
+            "--_theme---button--icon": "#fdf8f3",
+            "--_theme---button--icon-base": "#222",
+            "--_theme---button--background": "white",
+            "--_theme---button--text": "#222"
+          },
+          "easing": "easeOutCubic"
+        }
+      ],
+      "scroll": {
+        "trigger": "[data-animate-theme-to='studio']",
+        "start": "top 60%",
+        "end": "top 40%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "theme-to-gamer",
+      "selector": "body",
+      "from": {},
+      "to": {
+        "--_theme---background": "#f8d0f6",
+        "--_theme---text": "#552858",
+        "--_theme---background-2": "#f3a9f9",
+        "--_theme---heading-accent": "#d464dc",
+        "--_theme---card-background": "#d464dc",
+        "--_theme---card-border": "#f3a9f9",
+        "--_theme---selection--background": "#f3a9f9",
+        "--_theme---selection--text": "#552858",
+        "--_theme---nav--background": "#f8d0f6",
+        "--_theme---nav--link-hover": "#fdf8f3",
+        "--_theme---shadow": "#552858",
+        "--_theme---button--icon": "#fdf8f3",
+        "--_theme---button--icon-base": "#222",
+        "--_theme---button--background": "white",
+        "--_theme---button--text": "#222"
+      },
+      "ease": "easeOutCubic",
+      "duration": 1000,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": {},
+          "easing": "easeOutCubic"
+        },
+        {
+          "time": 1,
+          "properties": {
+            "--_theme---background": "#f8d0f6",
+            "--_theme---text": "#552858",
+            "--_theme---background-2": "#f3a9f9",
+            "--_theme---heading-accent": "#d464dc",
+            "--_theme---card-background": "#d464dc",
+            "--_theme---card-border": "#f3a9f9",
+            "--_theme---selection--background": "#f3a9f9",
+            "--_theme---selection--text": "#552858",
+            "--_theme---nav--background": "#f8d0f6",
+            "--_theme---nav--link-hover": "#fdf8f3",
+            "--_theme---shadow": "#552858",
+            "--_theme---button--icon": "#fdf8f3",
+            "--_theme---button--icon-base": "#222",
+            "--_theme---button--background": "white",
+            "--_theme---button--text": "#222"
+          },
+          "easing": "easeOutCubic"
+        }
+      ],
+      "scroll": {
+        "trigger": "[data-animate-theme-to='gamer']",
+        "start": "top 60%",
+        "end": "top 40%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "gradient-heading-gradient",
+      "selector": ".how_title_wrap [data-gradient-reveal='gradient']",
+      "from": { "opacity": 0 },
+      "to": { "opacity": 1 },
+      "ease": "easeOutExpo",
+      "duration": 1000,
+      "splitText": "chars",
+      "stagger": 0.03,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 0 },
+          "easing": "easeOutExpo"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 1 },
+          "easing": "easeOutExpo"
+        }
+      ],
+      "scroll": {
+        "trigger": ".how_title_wrap .gradient-reveal-wrap",
+        "start": "top 80%",
+        "end": "top 50%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "gradient-heading-overlay",
+      "selector": ".how_title_wrap [data-gradient-reveal='overlay']",
+      "from": { "opacity": 1 },
+      "to": { "opacity": 0 },
+      "ease": "easeOutExpo",
+      "duration": 1000,
+      "splitText": "chars",
+      "stagger": 0.03,
+      "keyframes": [
+        {
+          "time": 0,
+          "properties": { "opacity": 1 },
+          "easing": "easeOutExpo"
+        },
+        {
+          "time": 1,
+          "properties": { "opacity": 0 },
+          "easing": "easeOutExpo"
+        }
+      ],
+      "scroll": {
+        "trigger": ".how_title_wrap .gradient-reveal-wrap",
+        "start": "top 80%",
+        "end": "top 50%",
+        "scrub": true
+      }
+    }
+  ],
+  "canvas": [],
+  "lottie": [
+    {
+      "id": "lottie-connect",
+      "container": ".how_layout .card_wrap:nth-child(1) [data-lottie]",
+      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/connect.json",
+      "scroll": {
+        "trigger": ".how_layout .card_wrap:nth-child(1)",
+        "start": "top 80%",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "lottie-activate",
+      "container": ".how_layout .card_wrap:nth-child(2) [data-lottie]",
+      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/activate.json",
+      "scroll": {
+        "trigger": ".how_layout .card_wrap:nth-child(2)",
+        "start": "top 80%",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "lottie-spend",
+      "container": ".how_layout .card_wrap:nth-child(3) [data-lottie]",
+      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/spend.json",
+      "scroll": {
+        "trigger": ".how_layout .card_wrap:nth-child(3)",
+        "start": "top 80%",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "lottie-reward",
+      "container": ".how_layout .card_wrap:nth-child(4) [data-lottie]",
+      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/reward.json",
+      "scroll": {
+        "trigger": ".how_layout .card_wrap:nth-child(4)",
+        "start": "top 80%",
+        "end": "top 30%",
+        "scrub": true
+      }
+    },
+    {
+      "id": "lottie-merchant",
+      "container": ".product_visual.u-card-green [data-lottie]",
+      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/merchant-lottie.json",
+      "autoplay": true,
+      "loop": true
+    },
+    {
+      "id": "lottie-studio",
+      "container": ".product_visual.u-card-gold [data-lottie]",
+      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/game-studio.json",
+      "autoplay": true,
+      "loop": true
+    },
+    {
+      "id": "lottie-gamer",
+      "container": ".product_visual.u-card-fuchsia [data-lottie]",
+      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/gamer.json",
+      "autoplay": true,
+      "loop": true
+    }
+  ]
+}