npm - fraim-framework - Versions diffs - 2.0.52 → 2.0.54 - Mend

fraim-framework 2.0.52 → 2.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (98) hide show

package/dist/website/pricing.html DELETED Viewed

@@ -1,414 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Pricing - FRAIM AI Management Platform</title>
-    <meta name="description" content="FRAIM pricing plans for AI management. From individual developers to enterprise teams.">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-    <!-- Favicon -->
-    <link rel="icon" type="image/png" sizes="32x32" href="images/fraim-logo.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="images/fraim-logo.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="images/fraim-logo.png">
-    <link rel="shortcut icon" href="images/fraim-logo.png">
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <!-- Navigation -->
-    <nav class="navbar">
-        <div class="nav-container">
-            <div class="nav-brand">
-                <img src="images/fraim-logo.png" alt="FRAIM" class="nav-logo">
-            </div>
-            <div class="nav-menu">
-                <a href="index.html" class="nav-link">Home</a>
-                <a href="index.html#features" class="nav-link">Features</a>
-                <a href="index.html#how-it-works" class="nav-link">How It Works</a>
-                <a href="pricing.html" class="nav-link active">Pricing</a>
-                <button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme">
-                    <span class="theme-icon">🌙</span>
-                </button>
-                <a href="https://github.com/mathursrus/FRAIM" class="btn btn-primary btn-sm">Get Started</a>
-            </div>
-        </div>
-    </nav>
-    <!-- Pricing Hero -->
-    <section class="hero pricing-hero">
-        <div class="container">
-            <div class="hero-content single-column">
-                <div class="hero-text centered">
-                    <h1 class="hero-title">
-                        Build production software <span class="highlight">10x faster</span><br>
-                        at <span class="highlight">1/10th the cost</span>
-                    </h1>
-                    <p class="hero-subtitle">
-                        FRAIM is an AI-managed delivery system that turns strategy into high-quality specs,
-                        strong business plans, and production-grade code—with the speed of AI and the discipline of experienced delivery teams.
-                    </p>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Capability Assessment -->
-    <section class="capability-assessment">
-        <div class="container">
-            <div class="section-header">
-                <h2 class="section-title">Where do you fit?</h2>
-                <p class="section-subtitle">Two teams can use the same AI models and get wildly different outcomes. The difference is management.</p>
-            </div>
-            <div class="assessment-grid">
-                <div class="assessment-card">
-                    <div class="card-header">
-                        <span class="card-icon">✅</span>
-                        <h3>I'm already a strong AI manager</h3>
-                    </div>
-                    <div class="card-content">
-                        <ul class="assessment-list">
-                            <li>I have improved my productivity >10x by using AI as my employee</li>
-                            <li>I can direct AI clearly and keep it on track</li>
-                            <li>I run tight review loops (quality, tests, architecture)</li>
-                            <li>I ship outcomes with minimal back-and-forth</li>
-                            <li>I create leverage, parallelism, and speed</li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="assessment-card">
-                    <div class="card-header">
-                        <span class="card-icon">📈</span>
-                        <h3>I want to become a strong AI manager</h3>
-                    </div>
-                    <div class="card-content">
-                        <ul class="assessment-list">
-                            <li>I use AI as my sidekick to help me be slightly more productive</li>
-                            <li>I get value from AI, but it's inconsistent</li>
-                            <li>I use AI regularly, and rely on repeating similar prompts</li>
-                            <li>I give AI direction, but don't trust it with outcomes</li>
-                            <li>I know there's something more here, but don't know how to get there</li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="assessment-card">
-                    <div class="card-header">
-                        <span class="card-icon">🤝</span>
-                        <h3>I need a strong AI manager</h3>
-                    </div>
-                    <div class="card-content">
-                        <ul class="assessment-list">
-                            <li>I don't have time to manage agents day-to-day</li>
-                            <li>I want outcomes delivered with accountability</li>
-                            <li>I want speed without building a new function in-house</li>
-                            <li>I want a trusted team that runs delivery for me</li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Pricing Plans -->
-    <section class="pricing-plans">
-        <div class="container">
-            <div class="section-header">
-                <h2 class="section-title">Bundle Pricing</h2>
-                <p class="section-subtitle">We price at 1/10th of the cost of hiring a full-time employee, while delivering 3-10x productivity uplift</p>
-            </div>
-            <div class="plans-grid">
-                <!-- Framework Plan -->
-                <div class="plan-card">
-                    <div class="plan-header">
-                        <h3 class="plan-name">Framework</h3>
-                        <div class="plan-subtitle">I am a strong AI manager</div>
-                        <div class="plan-price">
-                            <span class="price-amount">~0.3x</span>
-                            <span class="price-period">the cost of one full-time hire / month</span>
-                        </div>
-                    </div>
-                    <div class="plan-content">
-                        <div class="plan-description">
-                            <p>High-quality specs, business plans, and production-grade code—fast. <strong>You run</strong> the workflows and review gates.</p>
-                        </div>
-                        <div class="plan-benefits">
-                            <h4>What you get:</h4>
-                            <ul>
-                                <li>Complete FRAIM framework and workflows</li>
-                                <li>AI management rules and guardrails</li>
-                                <li>Evidence-based validation system</li>
-                                <li>Structured development phases</li>
-                                <li>Community support</li>
-                            </ul>
-                        </div>
-                        <div class="plan-savings">
-                            <h4>What you save:</h4>
-                            <p>Typically <strong>~3x productivity uplift</strong>: fewer rewrites, faster cycles, less thrash.</p>
-                        </div>
-                    </div>
-                    <div class="plan-footer">
-                        <a href="https://github.com/mathursrus/FRAIM" class="btn btn-secondary">Get Started Free</a>
-                    </div>
-                </div>
-                <!-- Managed Plan -->
-                <div class="plan-card featured">
-                    <div class="plan-badge">Most Popular</div>
-                    <div class="plan-header">
-                        <h3 class="plan-name">Managed</h3>
-                        <div class="plan-subtitle">I want to be a strong AI manager</div>
-                        <div class="plan-price">
-                            <span class="price-amount">~0.8-1.0x</span>
-                            <span class="price-period">the cost of one full-time hire / month</span>
-                        </div>
-                    </div>
-                    <div class="plan-content">
-                        <div class="plan-description">
-                            <p>Same outcomes, plus our AI managers provide <strong>training + office hours + bespoke support</strong> to help your team trend toward "strong AI manager" capability.</p>
-                        </div>
-                        <div class="plan-benefits">
-                            <h4>What you get:</h4>
-                            <ul>
-                                <li>Everything in Framework plan</li>
-                                <li>Dedicated AI management training</li>
-                                <li>Weekly office hours with experts</li>
-                                <li>Bespoke workflow customization</li>
-                                <li>Priority support and guidance</li>
-                                <li>Team onboarding assistance</li>
-                            </ul>
-                        </div>
-                        <div class="plan-savings">
-                            <h4>What you save:</h4>
-                            <p>Similar uplift, plus <strong>ramp-time savings</strong>: you reach repeatable delivery faster with fewer mistakes.</p>
-                        </div>
-                    </div>
-                    <div class="plan-footer">
-                        <a href="https://github.com/mathursrus/FRAIM/issues/new" class="btn btn-primary">Contact Sales</a>
-                    </div>
-                </div>
-                <!-- Enterprise Plan -->
-                <div class="plan-card">
-                    <div class="plan-header">
-                        <h3 class="plan-name">Enterprise</h3>
-                        <div class="plan-subtitle">I need a strong AI manager</div>
-                        <div class="plan-price">
-                            <span class="price-amount">~2.0x</span>
-                            <span class="price-period">the cost of one full-time hire / month</span>
-                        </div>
-                    </div>
-                    <div class="plan-content">
-                        <div class="plan-description">
-                            <p><strong>We provide outsourced FRAIM AI managers</strong> who scope, plan, orchestrate agents, enforce quality gates, and deliver outcomes while keeping you in the loop.</p>
-                        </div>
-                        <div class="plan-benefits">
-                            <h4>What you get:</h4>
-                            <ul>
-                                <li>Dedicated AI manager team</li>
-                                <li>Full project scoping and planning</li>
-                                <li>Agent orchestration and management</li>
-                                <li>Quality gate enforcement</li>
-                                <li>Outcome delivery with accountability</li>
-                                <li>Custom workflow development</li>
-                            </ul>
-                        </div>
-                        <div class="plan-savings">
-                            <h4>What you save:</h4>
-                            <p><strong>5-10 human-equivalent output</strong> delivered via staffed AI managers + agents, without hiring that team internally.</p>
-                        </div>
-                    </div>
-                    <div class="plan-footer">
-                        <a href="https://github.com/mathursrus/FRAIM/issues/new" class="btn btn-secondary">Contact Sales</a>
-                    </div>
-                </div>
-            </div>
-            <div class="pricing-note">
-                <p><strong>Note:</strong> "Cost of one full-time hire" is a budgeting anchor. We'll align to your org's role levels, scope, and timelines during scoping.</p>
-            </div>
-        </div>
-    </section>
-    <!-- Bundle Outcomes -->
-    <section class="bundle-outcomes">
-        <div class="container">
-            <div class="section-header">
-                <h2 class="section-title">What FRAIM Bundle Delivers</h2>
-                <p class="section-subtitle">Concrete outcomes, not just tools</p>
-            </div>
-            <div class="outcomes-grid">
-                <div class="outcome-card">
-                    <div class="outcome-icon">📋</div>
-                    <h3>High-Quality Product Specs & PRDs</h3>
-                    <ul>
-                        <li>Customer interview prep</li>
-                        <li>Needs analysis</li>
-                        <li>Issue triage</li>
-                        <li>User stories</li>
-                        <li>Acceptance criteria</li>
-                        <li>Competitive analysis</li>
-                    </ul>
-                </div>
-                <div class="outcome-card">
-                    <div class="outcome-icon">🚀</div>
-                    <h3>Business Plans & GTM Assets</h3>
-                    <ul>
-                        <li>Positioning</li>
-                        <li>Messaging</li>
-                        <li>Launch plan</li>
-                        <li>Collateral drafts</li>
-                        <li>Market analysis</li>
-                        <li>Revenue projections</li>
-                    </ul>
-                </div>
-                <div class="outcome-card">
-                    <div class="outcome-icon">🏗️</div>
-                    <h3>Well-Architected Engineering Output</h3>
-                    <ul>
-                        <li>Design docs</li>
-                        <li>Implementation plans</li>
-                        <li>Architecture reviews</li>
-                        <li>Technical specifications</li>
-                        <li>Integration guides</li>
-                        <li>Performance benchmarks</li>
-                    </ul>
-                </div>
-                <div class="outcome-card">
-                    <div class="outcome-icon">💻</div>
-                    <h3>Production-Grade Code</h3>
-                    <ul>
-                        <li>Review discipline</li>
-                        <li>Comprehensive tests</li>
-                        <li>CI-ready PRs</li>
-                        <li>Quality gates</li>
-                        <li>Documentation</li>
-                        <li>Deployment scripts</li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- FAQ Section -->
-    <section class="faq">
-        <div class="container">
-            <div class="section-header">
-                <h2 class="section-title">Frequently Asked Questions</h2>
-            </div>
-            <div class="faq-grid">
-                <div class="faq-item">
-                    <h3 class="faq-question">How is this different from just using AI tools?</h3>
-                    <p class="faq-answer">FRAIM provides the management layer that's missing from AI tools. It's the difference between having brilliant but inexperienced developers and having a structured team with clear processes, quality gates, and accountability.</p>
-                </div>
-                <div class="faq-item">
-                    <h3 class="faq-question">What AI agents does FRAIM work with?</h3>
-                    <p class="faq-answer">FRAIM works with any AI agent - Cursor, Claude, Windsurf, GPT, and future agents. There's zero vendor lock-in. The framework provides the management discipline regardless of which AI you use.</p>
-                </div>
-                <div class="faq-item">
-                    <h3 class="faq-question">How quickly can I see results?</h3>
-                    <p class="faq-answer">Most teams see immediate improvements in code quality and reduced rework within the first week. Full productivity gains (3-10x) typically manifest within 2-4 weeks as teams adapt to the structured workflows.</p>
-                </div>
-                <div class="faq-item">
-                    <h3 class="faq-question">Is there a free trial?</h3>
-                    <p class="faq-answer">Yes! The Framework plan is completely free and open-source. You can install FRAIM and start using it immediately. Paid plans add training, support, and managed services on top of the core framework.</p>
-                </div>
-                <div class="faq-item">
-                    <h3 class="faq-question">What if my team is already productive with AI?</h3>
-                    <p class="faq-answer">Even high-performing AI teams benefit from FRAIM's structured approach. The evidence-based validation, phase coordination, and continuous learning systems typically add 2-3x improvement even for teams already seeing good results.</p>
-                </div>
-                <div class="faq-item">
-                    <h3 class="faq-question">How does pricing scale with team size?</h3>
-                    <p class="faq-answer">Pricing is based on AI management units, not individual developers. A single AI manager can typically coordinate 3-5 developers, so costs scale efficiently. Contact us for team-specific pricing.</p>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- CTA Section -->
-    <section class="cta-section">
-        <div class="container">
-            <div class="cta-content">
-                <h2>Ready to Transform Your AI Development?</h2>
-                <p>Start with the free Framework plan and upgrade as you scale</p>
-                <div class="cta-buttons">
-                    <a href="https://github.com/mathursrus/FRAIM" class="btn btn-primary btn-large">
-                        <span>Start Free</span>
-                        <span class="btn-icon">→</span>
-                    </a>
-                    <a href="https://github.com/mathursrus/FRAIM/issues/new" class="btn btn-secondary btn-large">Contact Sales</a>
-                </div>
-                <div class="cta-note">
-                    <p>✨ No credit card required • Works with any AI agent • Enterprise-grade security</p>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Footer -->
-    <footer class="footer">
-        <div class="container">
-            <div class="footer-content">
-                <div class="footer-section">
-                    <div class="footer-brand">
-                        <img src="images/fraim-logo.png" alt="FRAIM" class="footer-logo">
-                        <p>Framework for Rigor-based AI Management</p>
-                    </div>
-                </div>
-                <div class="footer-section">
-                    <h4>Product</h4>
-                    <ul>
-                        <li><a href="index.html#features">Features</a></li>
-                        <li><a href="index.html#how-it-works">How It Works</a></li>
-                        <li><a href="pricing.html">Pricing</a></li>
-                        <li><a href="https://github.com/mathursrus/FRAIM#readme">Documentation</a></li>
-                    </ul>
-                </div>
-                <div class="footer-section">
-                    <h4>Company</h4>
-                    <ul>
-                        <li><a href="#about">About</a></li>
-                        <li><a href="#careers">Careers</a></li>
-                        <li><a href="#blog">Blog</a></li>
-                        <li><a href="#contact">Contact</a></li>
-                    </ul>
-                </div>
-                <div class="footer-section">
-                    <h4>Resources</h4>
-                    <ul>
-                        <li><a href="https://github.com/mathursrus/FRAIM/issues">Support</a></li>
-                        <li><a href="https://github.com/mathursrus/FRAIM">GitHub</a></li>
-                        <li><a href="https://www.npmjs.com/package/fraim-framework">NPM</a></li>
-                    </ul>
-                </div>
-            </div>
-            <div class="footer-bottom">
-                <div class="footer-legal">
-                    <p>&copy; 2026 FRAIM Framework. MIT License.</p>
-                    <div class="legal-links">
-                        <a href="#privacy">Privacy Policy</a>
-                        <a href="#terms">Terms of Service</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <script src="script.js"></script>
-</body>
-</html>

package/dist/website/script.js DELETED Viewed

@@ -1,55 +0,0 @@
-// Theme toggle functionality
-document.addEventListener('DOMContentLoaded', function() {
-    const themeToggle = document.getElementById('theme-toggle');
-    const themeIcon = themeToggle.querySelector('.theme-icon');
-    // Check for saved theme preference or default to system preference
-    const savedTheme = localStorage.getItem('theme');
-    const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    const initialTheme = savedTheme || (systemPrefersDark ? 'dark' : 'light');
-    // Apply initial theme
-    document.documentElement.setAttribute('data-theme', initialTheme);
-    updateThemeIcon(initialTheme);
-    // Theme toggle event listener
-    themeToggle.addEventListener('click', () => {
-        const currentTheme = document.documentElement.getAttribute('data-theme');
-        const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
-        document.documentElement.setAttribute('data-theme', newTheme);
-        localStorage.setItem('theme', newTheme);
-        updateThemeIcon(newTheme);
-    });
-    function updateThemeIcon(theme) {
-        themeIcon.textContent = theme === 'dark' ? '☀️' : '🌙';
-    }
-    // Listen for system theme changes
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-        if (!localStorage.getItem('theme')) {
-            const newTheme = e.matches ? 'dark' : 'light';
-            document.documentElement.setAttribute('data-theme', newTheme);
-            updateThemeIcon(newTheme);
-        }
-    });
-    // Smooth scrolling for navigation links
-    const navLinks = document.querySelectorAll('a[href^="#"]');
-    navLinks.forEach(link => {
-        link.addEventListener('click', function(e) {
-            e.preventDefault();
-            const targetId = this.getAttribute('href');
-            const targetSection = document.querySelector(targetId);
-            if (targetSection) {
-                const offsetTop = targetSection.offsetTop - 80; // Account for fixed nav
-                window.scrollTo({
-                    top: offsetTop,
-                    behavior: 'smooth'
-                });
-            }
-        });
-    });
-});