Added AOS animation to all pages

app/faq/page.tsx

@@ -52,8 +52,8 @@ export default function FAQ() {
       {/* HERO */}
       <section className="ux-project-hero">
         <div className="container text-center">
-          <h1 className="ux-project-title">Frequently Asked Questions</h1>
-          <p className="ux-project-subtitle">
+          <h1 className="ux-project-title" data-aos="fade-up" data-aos-duration="1000">Frequently Asked Questions</h1>
+          <p className="ux-project-subtitle" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
             Everything you need to know before working with us.
           </p>
         </div>
@@ -68,6 +68,9 @@ export default function FAQ() {
               <div
                 key={index}
                 className={`faq-item ${activeIndex === index ? "active" : ""}`}
+                data-aos="fade-up"
+                data-aos-delay={100 + index * 120}
+                data-aos-duration="900"
               >
                 <button
                   className="faq-question"