amora
/
landing-page
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed scroll indicators not being correctly positioned.

This commit is contained in:
Andrés Mora 2025-12-19 06:59:32 -05:00
parent aacf530b81
commit d82d9e9fa9
4 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/culture/page.tsx
View File

@ -173,7 +173,7 @@ export default function CulturePage() {
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 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 <motion.div
animate={{ y: [0, 10, 0] }} animate={{ y: [0, 10, 0] }}

29
app/page.tsx
View File

@ -238,24 +238,25 @@ export default function Home() {
</AnimatedButton> </AnimatedButton>
</motion.div> </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 <motion.div
initial={{ opacity: 0 }} animate={{ y: [0, 10, 0] }}
animate={{ opacity: 1 }} transition={{ duration: 1.5, repeat: Infinity }}
transition={{ delay: 1.5 }} className="w-6 h-10 rounded-full border-2 border-neutral-300 dark:border-neutral-700 flex items-start justify-center p-2"
className="absolute bottom-8 left-1/2 -translate-x-1/2"
> >
<motion.div <motion.div
animate={{ y: [0, 10, 0] }} animate={{ y: [0, 12, 0] }}
transition={{ duration: 1.5, repeat: Infinity }} 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" className="w-1.5 h-1.5 rounded-full bg-[hsl(0,100%,40%)]"
> />
<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>
</motion.div> </motion.div>
</motion.div> </motion.div>
</section> </section>

2
app/sustainability/page.tsx
View File

@ -194,7 +194,7 @@ export default function SustainabilityPage() {
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 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 <motion.div
animate={{ y: [0, 10, 0] }} animate={{ y: [0, 10, 0] }}

2
app/what-we-do/page.tsx
View File

@ -164,7 +164,7 @@ export default function WhatWeDoPage() {
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 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 <motion.div
animate={{ y: [0, 10, 0] }} animate={{ y: [0, 10, 0] }}