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

Initial commit

Browse Source
This commit is contained in:
Goutam
2026-04-30 20:22:49 +05:30
parent b710d5e6a1
commit 1fd65261b4
104 changed files with 5443 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/work/page.tsx
+231
View File
@@ -0,0 +1,231 @@
export default function WorkPage() {
return (
<>
<section className="ux-project-hero">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Work</h1>
<p className="ux-project-subtitle">
Each project begins with one idea. Everything else extends from it.
</p>
</div>
{/* joined users */}
<div className="ux-joined-box">
<div className="ux-avatar-group">
<img src="assets/images/user1.png" alt="" />
<img src="assets/images/user2.png" alt="" />
<img src="assets/images/user3.png" alt="" />
</div>
<p>
100+ people already joined
<br />
the AAideA
</p>
</div>
</div>
</section>
{/* ===========================
CASE STUDY ACCORDION
=========================== */}
<section className="ux-case-section">
<div className="container">
<div className="accordion ux-case-accordion" id="uxCaseAccordion">
{/* ITEM 1 */}
<div className="accordion-item ux-case-item">
<h2 className="accordion-header">
<button
className="accordion-button collapsed ux-case-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#caseOne"
>
<div className="ux-case-head">
<h3>HVAC</h3>
<p>
Idea: Modernize a legacy service brand into a digital-first
lead engine.
</p>
</div>
<div className="ux-case-right">
<span>
Full Case <img src="assets/images/fullcasearrow.svg" alt="" />
</span>
</div>
</button>
</h2>
<div
id="caseOne"
className="accordion-collapse collapse"
data-bs-parent="#uxCaseAccordion"
>
<div className="accordion-body ux-case-body">
<div className="ux-case-inner">
<img src="assets/images/AchievAR.png" className="ux-case-img" />
<div className="ux-case-grid">
<div>
<small>Component</small>
<strong>Brand Identity</strong>
</div>
<div>
<small>Component</small>
<strong>Website</strong>
</div>
<div>
<small>Component</small>
<strong>Pitch System</strong>
</div>
<div>
<small>Component</small>
<strong>Content Deck</strong>
</div>
<div>
<small>Component</small>
<strong>Demo Motion</strong>
</div>
</div>
</div>
</div>
</div>
</div>
{/* ITEM 2 OPEN */}
<div className="accordion-item ux-case-item">
<h2 className="accordion-header">
<button
className="accordion-button ux-case-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#caseTwo"
>
<div className="ux-case-head">
<h3>AchievAR</h3>
<p>
Idea: Position immersive learning as structured transformation
— not novelty tech.
</p>
</div>
<div className="ux-case-right">
<span>
Full Case <img src="assets/images/fullcasearrow.svg" alt="" />
</span>
</div>
</button>
</h2>
<div
id="caseTwo"
className="accordion-collapse collapse show"
data-bs-parent="#uxCaseAccordion"
>
<div className="accordion-body ux-case-body">
<div className="ux-case-inner">
<img src="assets/images/AchievAR.png" className="ux-case-img" />
<div className="ux-case-grid">
<div>
<small>Component</small>
<strong>Brand Identity</strong>
</div>
<div>
<small>Component</small>
<strong>Website</strong>
</div>
<div>
<small>Component</small>
<strong>Pitch System</strong>
</div>
<div>
<small>Component</small>
<strong>Content Deck</strong>
</div>
<div>
<small>Component</small>
<strong>Demo Motion</strong>
</div>
</div>
</div>
</div>
</div>
</div>
{/* ITEM 3 */}
<div className="accordion-item ux-case-item">
<h2 className="accordion-header">
<button
className="accordion-button collapsed ux-case-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#caseThree"
>
<div className="ux-case-head">
<h3>LynkedUp Pro</h3>
<p>
Idea: Design a verified talent ecosystem that balances trust
with scale.
</p>
</div>
<div className="ux-case-right">
<span>
Full Case <img src="assets/images/fullcasearrow.svg" alt="" />
</span>
</div>
</button>
</h2>
<div
id="caseThree"
className="accordion-collapse collapse"
data-bs-parent="#uxCaseAccordion"
>
<div className="accordion-body ux-case-body">
<div className="ux-case-inner">
<img src="assets/images/AchievAR.png" className="ux-case-img" />
<div className="ux-case-grid">
<div>
<small>Component</small>
<strong>Brand Identity</strong>
</div>
<div>
<small>Component</small>
<strong>Website</strong>
</div>
<div>
<small>Component</small>
<strong>Pitch System</strong>
</div>
<div>
<small>Component</small>
<strong>Content Deck</strong>
</div>
<div>
<small>Component</small>
<strong>Demo Motion</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}