Goutam/Aaidea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added AOS animation to all pages

Browse Source
This commit is contained in:
Goutam
2026-05-07 19:31:11 +05:30
parent 8a517c1673
commit f8725ababa
20 changed files with 312 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/ai_powered/page.tsx
+19 -19
View File
@@ -7,15 +7,15 @@ export default function AiPowered() {
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">
<h1 className="ux-project-title" data-aos="fade-up" data-aos-duration="1000">
Intelligent Production. <br /> Built For Speed.
</h1>
<p className="ux-project-subtitle">
<p className="ux-project-subtitle" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
We integrate automation and AI workflows to reduce cost, <br />{" "}
increase output, and maintain precision.
</p>
</div>
<div className="ux-hero-actions">
<div className="ux-hero-actions" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
@@ -28,7 +28,7 @@ export default function AiPowered() {
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-8">
<div className="col-lg-8" data-aos="fade-right" data-aos-duration="1000">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">Manual Processes Slow Growth</h2>
<p className="ux-growth-subtitle">Teams waste time on:</p>
@@ -49,7 +49,7 @@ export default function AiPowered() {
<p className="ux-growth-bottom">Growth requires velocity.</p>
</div>
{/* Right Image */}
<div className="col-lg-4">
<div className="col-lg-4" data-aos="fade-left" data-aos-delay="200" data-aos-duration="1000">
<div className="ux-growth-image-box">
<img
src="assets/images/Intelligent.png"
@@ -63,13 +63,13 @@ export default function AiPowered() {
<section className="ux-approach-section">
<div className="container">
<div className="row align-items-end mb-5">
<div className="col-lg-6">
<div className="col-lg-6" data-aos="fade-right" data-aos-duration="1000">
<span className="ux-label">Our Approach</span>
<h2 className="ux-section-title">
We treat brand as infrastructure.
</h2>
</div>
<div className="col-lg-6 text-lg-end mt-4 mt-lg-0">
<div className="col-lg-6 text-lg-end mt-4 mt-lg-0" data-aos="fade-left" data-aos-delay="200" data-aos-duration="1000">
<p className="ux-section-desc">
We Build Intelligent Production Systems.
</p>
@@ -77,7 +77,7 @@ export default function AiPowered() {
</div>
<div className="row g-4">
{/* Card 1 */}
<div className="col-lg-4 col-md-6">
<div className="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
@@ -90,7 +90,7 @@ export default function AiPowered() {
</div>
</div>
{/* Card 2 */}
<div className="col-lg-4 col-md-6">
<div className="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="250" data-aos-duration="1000">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
@@ -106,7 +106,7 @@ export default function AiPowered() {
</div>
</div>
{/* Card 3 */}
<div className="col-lg-4 col-md-6">
<div className="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
@@ -123,37 +123,37 @@ export default function AiPowered() {
</section>
<section className="ux-deliver-section">
<div className="container">
<h2 className="ux-deliver-title">What We Deliver</h2>
<h2 className="ux-deliver-title" data-aos="fade-up" data-aos-duration="1000">What We Deliver</h2>
<div className="row g-5">
{/* Left List */}
<div className="col-lg-7">
<div className="ux-deliver-list active">
<div className="ux-deliver-list active" data-aos="fade-right" data-aos-delay="100" data-aos-duration="900">
<span>01</span>
Production workflow audits
</div>
<div className="ux-deliver-list">
<div className="ux-deliver-list" data-aos="fade-right" data-aos-delay="200" data-aos-duration="900">
<span>02</span>
Automation setup
</div>
<div className="ux-deliver-list">
<div className="ux-deliver-list" data-aos="fade-right" data-aos-delay="300" data-aos-duration="900">
<span>03</span>
AI tool integration
</div>
<div className="ux-deliver-list">
<div className="ux-deliver-list" data-aos="fade-right" data-aos-delay="400" data-aos-duration="900">
<span>04</span>
Template systems
</div>
<div className="ux-deliver-list">
<div className="ux-deliver-list" data-aos="fade-right" data-aos-delay="500" data-aos-duration="900">
<span>05</span>
Asset libraries
</div>
<div className="ux-deliver-list">
<div className="ux-deliver-list" data-aos="fade-right" data-aos-delay="600" data-aos-duration="900">
<span>06</span>
SOP documentation
</div>
</div>
{/* Right Snapshot */}
<div className="col-lg-5">
<div className="col-lg-5" data-aos="fade-left" data-aos-delay="200" data-aos-duration="1000">
<div className="ux-snapshot-box">
<small>CASE SNAPSHOT</small>
<hr />
@@ -170,7 +170,7 @@ export default function AiPowered() {
{/* 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.