Fix lp hero pointer (#49)

* fixing LP

* correct fix

* fix pointerMove grid animation

* remove unused custom element

---------

Co-authored-by: bar-goldenberg <bargol@wix.com>

Author: ameerabuf

assets/main.mjs

@@ -369,10 +369,10 @@ const config = {
 
         // Hero Grid Interaction
         {
-            key: 'hero-grid',
+            key: 'hero-section',
             trigger: 'pointerMove',
-            params: { hitArea: 'root' },
-            effects: [{ customEffect: rotateGridEffect, centeredToTarget: true }]
+            params: { hitArea: 'self' },
+            effects: [{ customEffect: rotateGridEffect, centeredToTarget: false }]
         },
 
         // Hero Text

index.html

@@ -63,14 +63,10 @@
     <!-- HERO SECTION -->
     <interact-element data-interact-key="hero-section">
         <header class="relative min-h-screen flex flex-col justify-center px-6 md:px-12 lg:px-24 pt-20 overflow-hidden bg-off-black">
-            
             <!-- INTERACTIVE GRID BACKGROUND -->
-            <interact-element data-interact-key="hero-grid">
                 <div id="grid-container" class="hero-grid-container absolute inset-0 w-full h-full z-0">
                     <!-- Javascript will populate this -->
                 </div>
-            </interact-element>
-
             <!-- HERO CONTENT -->
             <div class="max-w-[90vw] perspective-[1000px] relative z-20">
                 <interact-element data-interact-key="hero-title" class="perspective-[2500px]">