VisionAuth - Where APIs are born secure

A modern, professional website for VisionAuth — a platform that unifies the API lifecycle: Design → Publish Securely → Test → Subscribe → Consume.

🎨 Design Theme

• Base background: Deep navy (#0A2239)
• Primary accent: Deep tech blue (#005F9E)
• Secondary accent: Bright teal (#38B0C0)
• Font: Inter (modern sans-serif)

The design is clean, futuristic, minimal, and intelligent with subtle motion and gradient depth.

🚀 Getting Started

Prerequisites

• Node.js 16+ and npm

Installation

1. Install dependencies:

npm install

2. Start the development server:

npm run dev

3. Open your browser to http://localhost:5173

Build for Production

npm run build

The built files will be in the dist directory.

📁 Project Structure

visionauth/
├── index.html
├── package.json
├── vite.config.js
├── src/
│   ├── main.jsx
│   ├── App.jsx
│   ├── App.css
│   ├── index.css
│   └── components/
│       ├── Nav.jsx
│       ├── Nav.css
│       ├── Hero.jsx
│       ├── Hero.css
│       ├── ProblemSolution.jsx
│       ├── ProblemSolution.css
│       ├── Lifecycle.jsx
│       ├── Lifecycle.css
│       ├── Integrations.jsx
│       ├── Integrations.css
│       ├── CTASection.jsx
│       ├── CTASection.css
│       ├── Footer.jsx
│       └── Footer.css
└── README.md

✨ Features

• Modern UI/UX: Clean, minimal design with subtle animations
• Responsive: Fully responsive for all device sizes
• Interactive: Hover effects, micro-interactions, and smooth transitions
• Performance: Built with Vite for lightning-fast development and production builds
• Accessibility: Semantic HTML and proper contrast ratios

🎯 Sections

1. Hero Section: Captivating headline with animated background
2. Problem & Solution: Two-column layout explaining the platform's value
3. Lifecycle Visualization: Interactive horizontal flow diagram
4. Integrations: Platform compatibility showcase
5. CTA Section: Call-to-action with gradient background
6. Footer: Brand info, links, and copyright

🛠️ Technologies

• React 18.3.1
• Vite 5.4.6
• CSS3 with custom properties
• Modern web standards

📝 License

© 2025 AA & ZK Solutions. All rights reserved.