# AASI Technologies - Modern Next.js Website

A high-performance, fully responsive, and visually stunning corporate website for AASI Technologies. Built with **Next.js 15+**, **React 19**, and **Tailwind CSS v4**, this project features a modular architecture with over 78 custom components and 19+ pre-rendered static routes.

## 🚀 Tech Stack

- **Framework**: [Next.js 16.1.6](https://nextjs.org/) (App Router)
- **Library**: [React 19](https://react.dev/)
- **Styling**: [Tailwind CSS v4](https://tailwindcss.com/) (using `@theme` configuration)
- **Language**: [TypeScript](https://www.typescriptlang.org/)
- **Icons**: [Material Symbols Outlined](https://fonts.google.com/icons)
- **Fonts**: [Inter](https://fonts.google.com/specimen/Inter) (via Google Fonts)

## 📁 Project Structure

```text
f:/AASI/AASI 2026/
├── app/                  # Next.js App Router (Pages, Layouts, Global Styles)
│   ├── about/            # About Us Page
│   ├── blog/             # Blog & News
│   ├── careers/          # Career Listings & Culture
│   ├── contact/          # Contact Us & Map
│   ├── faq/              # Frequently Asked Questions
│   ├── newsletter/       # Newsletter Subscription
│   ├── portfolio/        # Project Case Studies
│   ├── pricing/          # Service Tiers & Table
│   ├── privacy-policy/   # Legal Privacy Text
│   ├── services/         # Expertise & Detailed Solutions
│   ├── sitemap/          # Site Directory
│   ├── success-stories/  # Client Testimonials & Metrics
│   ├── thank-you/        # Form Submission Success
│   ├── globals.css       # Design System & Tailwind v4 Config
│   └── layout.tsx        # Global Font/Icon Providers
├── components/           # 78+ Modular UI Components
├── public/               # Static Assets (Images, Icons)
├── next.config.ts        # Next.js Configuration
├── package.json          # Dependencies & Scripts
└── tsconfig.json         # TypeScript Configuration
```

## ✨ Key Features

- **Responsive Design**: Fluid layouts optimized for Mobile, Tablet, and Desktop.
- **Dark Mode Ready**: Namespaced color palettes implemented in `globals.css` for consistent theme management.
- **Micro-Animations**: Uses Tailwind's built-in animations (`animate-ping`, transitions) for an interactive UI.
- **Glassmorphism**: Modern backdrop-blur effects applied to navigations and cards.
- **Static Site Generation (SSG)**: All routes are pre-rendered for lightning-fast performance and SEO.
- **Modular Data-Driven Components**: Scalable components using TypeScript interfaces for easy content updates.

## 📄 Pages List

- **Homepage (`/`)**: Main landing page with Hero, Portfolio, Pricing, and Contact.
- **About Us (`/about`)**: Company mission, core values, and leadership.
- **Services (`/services`)**: Comprehensive overview of tech capabilities.
- **Service Detail (`/services/detail`)**: Deep-dive into specific software solutions.
- **Portfolio Case Study (`/portfolio/case-study`)**: In-depth project breakdown with metrics.
- **Success Stories (`/success-stories`)**: Client social proof and satisfaction metrics.
- **Pricing (`/pricing`)**: Detailed tier comparison and FAQ.
- **Blog (`/blog`)**: Industry insights with category filtering.
- **Careers (`/careers`)**: Open positions and culture showcase.
- **FAQ (`/faq`)**: Interactive searchable support center.
- **Newsletter (`/newsletter`)**: Strategic lead generation subscription page.
- **Sitemap (`/sitemap`)**: Complete hierarchical site directory.
- **Contact Us (`/contact`)**: Multi-channel reach-out with interactive map.
- **Thank You (`/thank-you`)**: Post-submission engagement flow.
- **Privacy & Terms**: Fully compliant legal boilerplate pages.
- **404 Page**: Custom-designed error handling.

## 🛠️ Development

### Getting Started

Install dependencies:
```bash
npm install
```

Run the development server:
```bash
npm run dev
```

Build for production:
```bash
npm run build
```

### Deployment

The project is optimized for deployment on [Vercel](https://vercel.com/) or any Node.js environment supporting Next.js static exports.

---

© 2024 AASI Technologies. All rights reserved.
