Ask Smart - The Invisible Layer of Clarity

A lightweight AI system that listens, senses, and reflects — right when communication becomes high-pressure.

🌟 Project Overview

Ask Smart is designed to help people stay centered — to speak with awareness, to decide with calm, to understand before reacting. It's not about replacing empathy, but about restoring it.

Key Features

• Real-time Communication Analysis: Detects subtle cues like tone, pace, hesitation, and avoidance
• Quiet Guidance: Offers single prompts and moments of perspective during high-pressure situations
• Dual Focus: Supports both professional (Work Scenarios) and personal (Life Scenarios) communication

🚀 Quick Start

Prerequisites

• Modern web browser with JavaScript enabled
• Local web server (for development)

Running the Project

1. Clone the repository

   git clone <repository-url>
   cd page1

2. Start a local server

   # Using Python 3
   python3 -m http.server 8000
   
   # Or using Node.js (if you have http-server installed)
   npx http-server -p 8000

3. Open in browser Navigate to http://localhost:8000

📁 Project Structure

page1/
├── index.html              # Main landing page
├── work.html               # Work scenarios page
├── life.html               # Life scenarios page
├── styles.css              # Main stylesheet
├── assets/
│   ├── images/             # All image assets
│   │   ├── Glass_cn.png
│   │   ├── function.png
│   │   ├── visualglass.png
│   │   ├── work01.png
│   │   ├── work02.png
│   │   └── work03.png
│   └── videos/
│       └── mov.mp4         # Demo video
├── js/
│   ├── script.js           # Main JavaScript functionality
│   ├── threads.js          # Background animation
│   └── cardeg.js           # Card swapping functionality
└── README.md               # This file

🎯 Pages Overview

Main Landing Page (index.html)

• Hero section with animated background
• Vision and mission statements
• What It Does and Why It Matters sections
• Focus section with Work/Life scenario cards
• Demo section with video demonstration
• Future vision and voting call-to-action

Work Scenarios (work.html)

• Professional communication scenarios
• Meeting Coach, Bureaucracy Coach, and Client Sensing features
• Real-time guidance for workplace interactions

Life Scenarios (life.html)

• Therapeutic Loop concept
• Extending therapy beyond clinical settings
• Real-life emotional awareness support

🎨 Design Features

• Modern Dark Theme: Professional dark gradient backgrounds
• Responsive Design: Optimized for desktop, tablet, and mobile
• Smooth Animations: GSAP-powered animations and transitions
• Glass Morphism: Modern glass-like UI elements
• Gradient Text: Eye-catching gradient text effects

🔧 Technical Details

Technologies Used

• HTML5: Semantic markup structure
• CSS3: Modern styling with flexbox/grid
• JavaScript: Interactive functionality
• GSAP: Advanced animations

Browser Support

• Chrome 80+
• Firefox 75+
• Safari 13+
• Edge 80+

🤝 Contributing

We welcome contributions! Please feel free to submit pull requests or open issues for any bugs or feature requests.

📄 License

This project is proprietary and confidential. All rights reserved.

📞 Contact

For questions or support, please contact the development team.

---

Ask Smart: Helping people communicate with more clarity, patience, and respect.