Platform
Book a Demo

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