src/app/page.tsx

@@ -26,17 +26,19 @@ export default function OverfishingSwedenPage() {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "The Issue", id: "issue" },
-                        { name: "Impact", id: "impact" },
-                        { name: "Statistics", id: "stats" },
-                        { name: "Get Involved", id: "contact" },
-                    ]}
-                    brandName="BalticWatch"
-                    button={{ text: "Support" }}
-                />
-                <div id="issue">
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        navItems={[
+                            { name: "The Issue", id: "issue" },
+                            { name: "Impact", id: "impact" },
+                            { name: "Statistics", id: "stats" },
+                            { name: "Get Involved", id: "contact" },
+                        ]}
+                        brandName="BalticWatch"
+                        button={{ text: "Support" }}
+                    />
+                </div>
+                <div id="issue" data-section="issue">
                     <HeroSplit
                         title="Saving the Baltic Sea"
                         description="Overfishing in Sweden's waters threatens the delicate balance of our marine ecosystem. Learn how industrial practices are depleting fish stocks and what we can do to protect them."
@@ -46,7 +48,7 @@ export default function OverfishingSwedenPage() {
                         imageAlt="Baltic Sea"
                     />
                 </div>
-                <div id="impact">
+                <div id="impact" data-section="impact">
                     <TestimonialAboutCard
                         tag="The Problem"
                         icon={AlertTriangle}
@@ -54,9 +56,10 @@ export default function OverfishingSwedenPage() {
                         description="Industrial trawling is stripping the Baltic Sea of life, leaving native species like cod in critical decline."
                         subdescription="When predators disappear, the entire food web suffers, leading to algae blooms and a dead sea floor."
                         videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.mp4"
+                        useInvertedBackground={false}
                     />
                 </div>
-                <div id="stats">
+                <div id="stats" data-section="stats">
                     <MetricCardSeven
                         title="The Cold Hard Facts"
                         description="Understanding the scale of the crisis in Swedish waters."
@@ -70,7 +73,7 @@ export default function OverfishingSwedenPage() {
                         ]}
                     />
                 </div>
-                <div id="contact">
+                <div id="contact" data-section="contact">
                     <ContactCenter
                         tag="Action"
                         title="Get Involved"