Code Structure
Ventus AI Website - Next.js 16.1 Architecture
Total Pages
12+
Components
15+
Animations
7
Blog Posts
26
š Project Structure
ventus-website/ āāā app/ # Next.js App Router pages ā āāā layout.tsx # Root layout ā āāā page.tsx # Home page (/) ā āāā globals.css # Global styles ā āāā blog/ ā ā āāā page.tsx # Blog listing ā ā āāā [slug]/ ā ā āāā page.tsx # Dynamic blog post ā āāā logistics/ # Logistics page ā āāā medical-rcm/ # Medical RCM page ā āāā dental-rcm/ # Dental RCM page ā āāā careers/ # Careers page ā āāā demo/ # Demo request ā āāā privacy/ # Privacy policy ā āāā dpa/ # Data Processing Agreement ā āāā msa/ # Master Services Agreement āāā components/ # Reusable components ā āāā animations/ # Animation components ā ā āāā shared.tsx # Shared utilities ā ā āāā LogisticsAnimation.tsx ā ā āāā MedicalAnimation.tsx ā ā āāā ... ā āāā Navigation.tsx # Main navigation ā āāā Footer.tsx # Footer component āāā public/ # Static assets ā āāā images/ # Images ā āāā content/ # Blog content (JSON) ā āāā manifest.json # PWA manifest ā āāā robots.txt # SEO ā āāā sitemap.xml # SEO āāā scripts/ # Build scripts ā āāā build-blogs.js # Blog generation āāā next.config.js # Next.js config āāā tailwind.config.ts # Tailwind config āāā tsconfig.json # TypeScript config āāā package.json # Dependencies
āļø Technology Stack
Framework
- ⢠Next.js 16.1 (App Router)
- ⢠React 19
- ⢠TypeScript 5.7
Styling
- ⢠Tailwind CSS 3.4
- ⢠Custom Design System
- ⢠Google Fonts (Raleway, Playfair)
Deployment
- ⢠Vercel (Recommended)
- ⢠Static Export
- ⢠Edge Runtime
Compliance
- ⢠SOC 2 Type I & II
- ⢠HIPAA Compliant
- ⢠GDPR/CCPA Ready
šØ Design System
Brand Colors
Dark Navy
#0B1221
Gold
#C6B5A0
Gold Light
#E5DACE
Slate Gray
#64748B
Light
#F8FAFC
š Development Commands
$ npm run dev # Start development server
$ npm run build # Create production build
$ npm start # Start production server
$ npm run lint # Run ESLint
š Key Features
āServer-side rendering with App Router
āOptimized font loading
āStatic site generation
āSEO optimization with metadata
āCustom animations and transitions
āResponsive mobile-first design
āTypeScript type safety
āTailwind utility-first styling
For technical questions, contact dev@ventus.ai