|
|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
import useFadeIn from "../../hooks/useFadeIn"; |
|
|
|
|
import SubHero from "../../components/SubHero"; |
|
|
|
|
import { useRef } from "react"; |
|
|
|
|
import { Fragment, useRef } from "react"; |
|
|
|
|
import { motion, useInView } from "framer-motion"; |
|
|
|
|
import { Search, Armchair, CalendarClock, Wallet, Ticket } from "lucide-react"; |
|
|
|
|
|
|
|
|
|
@ -173,13 +173,16 @@ function IbePage() {
|
|
|
|
|
].map((item, i) => { |
|
|
|
|
const Icon = item.icon; |
|
|
|
|
return ( |
|
|
|
|
<> |
|
|
|
|
<Fragment key={i}> |
|
|
|
|
<motion.div |
|
|
|
|
key={i} |
|
|
|
|
className="ibe-booking__item" |
|
|
|
|
initial={{ opacity: 0, y: 24 }} |
|
|
|
|
animate={bookingInView ? { opacity: 1, y: 0 } : {}} |
|
|
|
|
transition={{ duration: 0.6, ease, delay: 0.2 + i * 0.1 }} |
|
|
|
|
transition={{ |
|
|
|
|
duration: 0.6, |
|
|
|
|
ease, |
|
|
|
|
delay: 0.2 + i * 0.1, |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div className="ibe-booking__circle"> |
|
|
|
|
<Icon |
|
|
|
|
@ -208,7 +211,7 @@ function IbePage() {
|
|
|
|
|
<div className="ibe-booking__line-flow" /> |
|
|
|
|
</div> |
|
|
|
|
)} |
|
|
|
|
</> |
|
|
|
|
</Fragment> |
|
|
|
|
); |
|
|
|
|
})} |
|
|
|
|
</div> |
|
|
|
|
|