Adding animations

This commit is contained in:
Antoni Nuñez Romeu
2026-03-19 16:48:42 +01:00
parent 3f0618829f
commit 3c1ae1643b
10 changed files with 41 additions and 19 deletions

View File

@@ -9,7 +9,7 @@ const HotelSection = () => (
<motion.div
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
viewport={{ once: false, amount: 0.15 }}
className="text-center mb-12"
>
<h2 className="font-display text-4xl md:text-5xl font-bold text-gradient mb-4">
@@ -26,7 +26,7 @@ const HotelSection = () => (
key={room.id}
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
viewport={{ once: false, amount: 0.15 }}
transition={{ delay: i * 0.1 }}
className="bg-background rounded-2xl overflow-hidden shadow-card hover:shadow-elevated transition-shadow"
>