# CHANGELOG — VELNORA Premium SaaS & AI Startup Template

All notable changes, releases, and architectural improvements to the **VELNORA** website template are documented in this file.

---

## [Version 1.0.0] — Initial Commercial Release

### Added
- **Multi-Page Architecture:**
  - `index.html`: Complete homepage with announcement bar, hero section, original SVG/CSS interface mockup, fictional brand ticker, bento grid features, 3-step workflow, testimonials, pricing preview, FAQ accordion, and footer.
  - `features.html`: In-depth platform architecture page with 3 alternating deep-dive layouts, technical diagrams, and multi-user persona benefits.
  - `pricing.html`: Interactive pricing page with monthly/yearly billing toggle, dynamic price updating, comprehensive feature comparison table, and billing FAQ.
  - `about.html`: Editorial brand story, 4 foundational values, engineering milestones timeline, and leadership team grid.
  - `contact.html`: Accessible contact form with real-time JavaScript validation, error indicators, live success state, and office headquarters details.
  - `style-guide.html`: Living design system reference documenting color swatches, typography scale, buttons, badges, form controls, spacing units, and responsive breakpoints.
  - `404.html`: Polished 404 error page with route recovery actions.

- **Design System & Styling:**
  - `assets/css/style.css`: Comprehensive design tokens in `:root` (colors, fonts, radii, spacing scale, elevation shadows, transitions).
  - `assets/css/responsive.css`: Explicit mobile-first media queries tested across 320px, 375px, 430px, 768px, 1024px, 1440px, and 1920px viewports.
  - Support for `prefers-reduced-motion: reduce` across all animations and transitions.
  - High-contrast typography pairing **Plus Jakarta Sans** and **JetBrains Mono**.

- **Interactive Vanilla JavaScript (`assets/js/main.js`):**
  - Accessible mobile drawer with keyboard focus trap, escape key dismissal, and backdrop click handler.
  - FAQ accordion with ARIA `aria-expanded` and `aria-hidden` attributes.
  - Monthly/yearly pricing toggle with numerical calculation and billing badge updates.
  - Client-side contact form validation with inline accessible error messaging and demo success banner.
  - Active navigation link auto-detection matching the current URL.
  - Lightweight scroll-reveal observer respecting motion preferences.

- **Vector Graphics & Brand Assets:**
  - `assets/icons/favicon.svg`: Custom geometric V mark.
  - `assets/icons/logo-mark.svg`: Scalable brand logo mark.
  - Inline 24x24 UI SVG icon system (Feather/Lucide MIT/ISC) with uniform 2px stroke weight.
  - Original CSS/SVG product mockup representing the VELNORA Autonomous Intelligence Runtime.

- **Documentation & Asset Management:**
  - `README.md`: Detailed developer guide covering running locally, customization, form setup, and static deployment.
  - `LICENSES-AND-CREDITS.md`: Open-source licensing disclosures and copyright notices for Google Fonts and Feather/Lucide vector icons.
  - `assets/images/README.md`: Image optimization instructions and aspect ratio recommendations.