Turn off debug

Author: mcakes

mom/src/sections/Chair.tsx

@@ -5,7 +5,7 @@ export const BigChair = () => {
     <section className="big-chair-section section">
       <Scrollytelling.Root
         defaults={{ ease: "linear" }}
-        debug={{ label: "Big Chair" }}
+        // debug={{ label: "Big Chair" }}
       >
         <Scrollytelling.Pin
           childHeight={"100vh"}

mom/src/sections/Chateau.tsx

@@ -5,7 +5,7 @@ export const Chateau = () => {
     <section className="chateau-section section">
       <Scrollytelling.Root
         defaults={{ ease: "linear" }}
-        debug={{ label: "QC" }}
+        // debug={{ label: "QC" }}
       >
         <Scrollytelling.Pin childHeight={"100vh"} pinSpacerHeight={"300vh"} top={0}>
           <img className="fullscreen" src="chateau-bg.png"></img>

mom/src/sections/Finger.tsx

@@ -5,7 +5,7 @@ export const Finger = () => {
     <section className="finger-section section">
       <Scrollytelling.Root
         defaults={{ ease: "linear" }}
-        debug={{ label: "Finger" }}
+        // debug={{ label: "Finger" }}
       >
         <Scrollytelling.Pin childHeight={"0"} pinSpacerHeight={"300vh"} top={0}>
           <img className="fullscreen" src="mom-wo-finger.png"></img>

mom/src/sections/HappyMothers.tsx

@@ -7,7 +7,7 @@ export const HappyMothers = () => {
   return (
     <Scrollytelling.Root
       defaults={{ ease: "linear" }}
-      debug={{ label: "Happy Mothers" }}
+    //   debug={{ label: "Happy Mothers" }}
       start="top bottom"
     >
       <div>

mom/src/sections/Intro.tsx

@@ -4,7 +4,7 @@ export const Intro = () => {
   return (
     <Scrollytelling.Root
       defaults={{ ease: "linear" }}
-      debug={{ label: "Intro" }}
+    //   debug={{ label: "Intro" }}
     >
         <Scrollytelling.Pin childHeight={"0"} pinSpacerHeight={"100vh"} top={0}>
           <section className="intro-section section">

mom/src/sections/LakeDusk.tsx

@@ -8,7 +8,7 @@ export const LakeAtDusk = () => {
     <section className="lake-at-dusk-section section">
       <Scrollytelling.Root
         defaults={{ ease: "linear" }}
-        debug={{ label: "LakeAtDusk" }}
+        // debug={{ label: "LakeAtDusk" }}
         end={"bottom top"}
       >
         <Scrollytelling.Pin

mom/src/sections/MattCanoe.tsx

@@ -5,7 +5,7 @@ export const MattCanoe = () => {
     <section id="matt-canoe" className="matt-canoe-section section">
       <Scrollytelling.Root
         defaults={{ ease: "linear" }}
-        debug={{ label: "MattCanoe" }}
+        // debug={{ label: "MattCanoe" }}
       >
         <Scrollytelling.Pin
           childHeight={"100vh"}

mom/src/sections/MattSlide.tsx

@@ -6,7 +6,7 @@ export const MattSlide = () => {
     <section className="matt-slide-section section">
       <Scrollytelling.Root
         defaults={{ ease: "linear" }}
-        debug={{ label: "MattSlide" }}
+        // debug={{ label: "MattSlide" }}
         end={"bottom top"}
       >
         <Scrollytelling.Pin childHeight={"100vh"} pinSpacerHeight={"300vh"}>

mom/src/sections/Zoe.tsx

@@ -5,7 +5,7 @@ export const Zoe = () => {
     <section className="zoe-section section">
       <Scrollytelling.Root
         defaults={{ ease: "linear" }}
-        debug={{ label: "Zoe" }}
+        // debug={{ label: "Zoe" }}
       >
         <Scrollytelling.Pin
           childHeight={"100vh"}