import HeroCrumbs from "components/Sections/Hero/HeroCrumbs";
import { useAnimation } from "hooks/useAnimation";
import { useRef } from "react";



const PricingHero = ({ title, desc, isLoading }) => {
    const container = useRef();

    useAnimation({
        items: ['.pricing-title .body1', '.pricing-title h1'],
        container,
        dependencies: [isLoading],
    })

    return (
        <>
            <section ref={container} className="inner-container pricing-title">
                <HeroCrumbs page={title} />
                <h1>{title}</h1>
                <div className="body1">{desc}</div>
            </section>
        </>

    );
}

export default PricingHero;

• [F] index.jsx
  Delete