Added AOS animation to all pages

This commit is contained in:
2026-05-07 19:31:11 +05:30
parent 8a517c1673
commit f8725ababa
20 changed files with 312 additions and 310 deletions
+7 -7
View File
@@ -7,13 +7,13 @@ export default function WorkPage() {
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Work</h1>
<p className="ux-project-subtitle">
<h1 className="ux-project-title" data-aos="fade-up" data-aos-duration="1000">Work</h1>
<p className="ux-project-subtitle" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
Each project begins with one idea. Everything else extends from it.
</p>
</div>
{/* joined users */}
<div className="ux-joined-box">
<div className="ux-joined-box" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
<div className="ux-avatar-group">
<img src="assets/images/user1.png" alt="" />
<img src="assets/images/user2.png" alt="" />
@@ -34,7 +34,7 @@ export default function WorkPage() {
<div className="container">
<div className="accordion ux-case-accordion" id="uxCaseAccordion">
{/* ITEM 1 */}
<div className="accordion-item ux-case-item">
<div className="accordion-item ux-case-item" data-aos="fade-up" data-aos-duration="1000">
<h2 className="accordion-header">
<button
className="accordion-button collapsed ux-case-btn"
@@ -91,7 +91,7 @@ export default function WorkPage() {
</div>
</div>
{/* ITEM 2 OPEN */}
<div className="accordion-item ux-case-item">
<div className="accordion-item ux-case-item" data-aos="fade-up" data-aos-delay="150" data-aos-duration="1000">
<h2 className="accordion-header">
<button
className="accordion-button ux-case-btn"
@@ -148,7 +148,7 @@ export default function WorkPage() {
</div>
</div>
{/* ITEM 3 */}
<div className="accordion-item ux-case-item">
<div className="accordion-item ux-case-item" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000">
<h2 className="accordion-header">
<button
className="accordion-button collapsed ux-case-btn"
@@ -210,7 +210,7 @@ export default function WorkPage() {
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<div className="ux-footer-hero-content text-center" data-aos="zoom-in" data-aos-duration="1000">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.