From d82d9e9fa98d64839e27e79128b64724a7aa447c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Mora?= <andres@quimify.com>
Date: Fri, 19 Dec 2025 06:59:32 -0500
Subject: [PATCH] Fixed scroll indicators not being correctly positioned.

---
 app/culture/page.tsx        |  2 +-
 app/page.tsx                | 29 +++++++++++++++--------------
 app/sustainability/page.tsx |  2 +-
 app/what-we-do/page.tsx     |  2 +-
 4 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/app/culture/page.tsx b/app/culture/page.tsx
index b9c6f41..241419f 100644
--- a/app/culture/page.tsx
+++ b/app/culture/page.tsx
@@ -173,7 +173,7 @@ export default function CulturePage() {
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           transition={{ delay: 1 }}
-          className="absolute bottom-8 left-1/2 -translate-x-1/2"
+          className="absolute bottom-12 left-1/2 -translate-x-1/2"
         >
           <motion.div
             animate={{ y: [0, 10, 0] }}
diff --git a/app/page.tsx b/app/page.tsx
index 0c247a0..bcb0268 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -238,24 +238,25 @@ export default function Home() {
             </AnimatedButton>
           </motion.div>
 
-          {/* Scroll indicator */}
+          </motion.div>
+
+        {/* Scroll indicator */}
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          transition={{ delay: 1.5 }}
+          className="absolute bottom-12 left-1/2 -translate-x-1/2"
+        >
           <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            transition={{ delay: 1.5 }}
-            className="absolute bottom-8 left-1/2 -translate-x-1/2"
+            animate={{ y: [0, 10, 0] }}
+            transition={{ duration: 1.5, repeat: Infinity }}
+            className="w-6 h-10 rounded-full border-2 border-neutral-300 dark:border-neutral-700 flex items-start justify-center p-2"
           >
             <motion.div
-              animate={{ y: [0, 10, 0] }}
+              animate={{ y: [0, 12, 0] }}
               transition={{ duration: 1.5, repeat: Infinity }}
-              className="w-6 h-10 rounded-full border-2 border-neutral-300 dark:border-neutral-700 flex items-start justify-center p-2"
-            >
-              <motion.div
-                animate={{ y: [0, 12, 0] }}
-                transition={{ duration: 1.5, repeat: Infinity }}
-                className="w-1.5 h-1.5 rounded-full bg-[hsl(0,100%,40%)]"
-              />
-            </motion.div>
+              className="w-1.5 h-1.5 rounded-full bg-[hsl(0,100%,40%)]"
+            />
           </motion.div>
         </motion.div>
         </section>
diff --git a/app/sustainability/page.tsx b/app/sustainability/page.tsx
index efcd36b..2ce4d64 100644
--- a/app/sustainability/page.tsx
+++ b/app/sustainability/page.tsx
@@ -194,7 +194,7 @@ export default function SustainabilityPage() {
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           transition={{ delay: 1 }}
-          className="absolute bottom-8 left-1/2 -translate-x-1/2"
+          className="absolute bottom-12 left-1/2 -translate-x-1/2"
         >
           <motion.div
             animate={{ y: [0, 10, 0] }}
diff --git a/app/what-we-do/page.tsx b/app/what-we-do/page.tsx
index 0b30716..5541125 100644
--- a/app/what-we-do/page.tsx
+++ b/app/what-we-do/page.tsx
@@ -164,7 +164,7 @@ export default function WhatWeDoPage() {
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           transition={{ delay: 1 }}
-          className="absolute bottom-8 left-1/2 -translate-x-1/2"
+          className="absolute bottom-12 left-1/2 -translate-x-1/2"
         >
           <motion.div
             animate={{ y: [0, 10, 0] }}