BRO Landings

Static pages platform for BRO platform - multiple landing pages and documentation.

Pages

• Landing (/) - Tatar Punk landing page - AI agents for business automation
• Terms (/terms.html) - User agreement and terms of service

Project Structure

root/
  src/
    html/            # Source Pug templates
      index.pug      # Landing template
      terms.pug      # Terms template
    styles/          # SCSS stylesheets
      landing.scss   # Landing styles
      terms.scss     # Terms styles
  index.html         # Entry point wrapper for landing
  terms.html         # Entry point wrapper for terms
  vite.config.ts     # Vite config with custom Pug plugin
  dist/              # Production build (auto-generated)
    index.html       # Built landing page
    terms.html       # Built terms page
    *.css            # Compiled stylesheets

Development

npm start    # Start dev server on http://localhost:8099
npm run dev  # Same as start

Open in browser:

• http://localhost:8099/ - Landing page
• http://localhost:8099/terms.html - Terms page

Build

npm run build:prod  # Production build

Output goes to dist/ directory with CDN-ready paths.

Technologies

• Vite - Fast build tool with custom Pug plugin
• Pug - Template engine for HTML
• SCSS - Styling with modern features
• Static pages - Pure static HTML output, perfect for SEO
• Multi-page - Multiple static pages support

How it works

1. Edit .pug templates in src/html/
2. Vite's custom plugin compiles Pug to HTML
3. SCSS is compiled to CSS
4. Production build outputs static HTML + CSS files