"use client";

import React, { useEffect } from 'react';
import "aos/dist/aos.css";

const ThankYou = () => {
    useEffect(() => {
        import("aos").then((mod) => {
          mod.default.init({
          disable: window.innerWidth < 768, // mobile: no scroll animations (perf/LCP)
            duration: 1000, // Animation duration in ms
            offset: 100, // Offset from original trigger point
            easing: "ease-in-out",
            once: false, // Animation runs only once
        });
        });
    }, []);
  return (
    <div className='overflow-hidden'>
      <div className="max-w-[1200px] mx-auto px-4 py-20">
        <h2 data-aos="zoom-in" className='text-[#E77025] text-[50px] md:text-[100px] font-bold text-center'>Thank You</h2>
      </div>
    </div>
  )
}

export default ThankYou
