volem.github.io/index.html at master · ARSevo/volem.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ARSEVO | SCALE RESET Framework™</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/index.css">
</head>

<body>

<div class="container">

<header>
    <div class="logo">ARSEVO</div>
    <nav>
        <a href="#framework">Framework</a>
        <a href="#diagnostic">Diagnostic</a>
    </nav>
</header>

    <section class="hero">
    <h1>When Growth Breaks Your Engineering Organization</h1>
    <p>
        ARSEVO applies the proprietary <strong>SCALE RESET Framework™</strong>
        to help fintech and scale-up companies fix architecture complexity,
        realign leadership, and restore predictable delivery — without disruptive rewrites.
    </p>
    <div class="cta-primary">
        <a href="#diagnostic">Request Scale Diagnostic</a>
    </div>
</section>

<section id="framework" class="section">
    <div class="section-title">
        <h2>The SCALE RESET Framework™</h2>
        <p>A structured system for transitioning from rapid growth to structured scale.</p>
    </div>

    <div class="framework">
        <div class="card">
            <h3>S — System Assessment</h3>
            <p>Architecture and delivery diagnostics to identify scale bottlenecks and structural risks.</p>
        </div>

        <div class="card">
            <h3>C — Culture & Team Topology</h3>
            <p>Organizational structure, ownership clarity, and team design aligned with scaling needs.</p>
        </div>

        <div class="card">
            <h3>A — Architecture Strategy</h3>
            <p>Future-proof system roadmap designed to support growth without complexity collapse.</p>
        </div>

        <div class="card">
            <h3>L — Leadership Alignment</h3>
            <p>Executive decision clarity, governance design, and CTO evolution strategy.</p>
        </div>

        <div class="card">
            <h3>E — Execution Roadmap</h3>
            <p>Structured 90-day implementation blueprint restoring predictable engineering delivery.</p>
        </div>
    </div>
</section>

<section id="diagnostic" class="section">
    <div class="lead-section">
        <h3>Engineering Scale Diagnostic</h3>
        <p>
            Designed for fintech and scale-ups experiencing architecture complexity,
            slowing delivery, or leadership misalignment.
            Selective engagements only.
        </p>

        <form id="scaleForm">
            <input type="text" name="name" placeholder="Full Name" required>
            <input type="email" name="email" placeholder="Business Email" required>
            <input type="text" name="company" placeholder="Company Name" required>
            <textarea name="message" rows="4" placeholder="What is currently limiting your ability to scale?" required></textarea>

            <div class="captcha-box">
                <div class="captcha-question">Verify you're human: <span id="captchaQuestion"></span></div>
                <input type="number" id="captchaAnswer" class="captcha-input" placeholder="Enter your answer" required>
                <div class="captcha-error" id="captchaError">Incorrect answer. Please try again.</div>
            </div>

            <button type="submit" id="submitBtn">Request Diagnostic Review</button>
        </form>

        <div class="trust">
            Selective advisory engagements. Confidential. No unsolicited follow-ups.
        </div>
    </div>
</section>

<footer>
    © 2026 ARSEVO | SCALE RESET Framework™ Advisory
</footer>

</div>

<script>
  let correctAnswer = 0;
  const form = document.getElementById('scaleForm');
  const captchaQuestion = document.getElementById('captchaQuestion');
  const captchaAnswer = document.getElementById('captchaAnswer');
  const captchaError = document.getElementById('captchaError');
  const submitBtn = document.getElementById('submitBtn');

  // Generate a new CAPTCHA question
  function generateCaptcha() {
    const num1 = Math.floor(Math.random() * 12) + 1;
    const num2 = Math.floor(Math.random() * 12) + 1;
    correctAnswer = num1 + num2;
    captchaQuestion.textContent = `What is ${num1} + ${num2}?`;
    captchaAnswer.value = '';
    captchaError.classList.remove('show');
  }

  // Initialize CAPTCHA on page load
  generateCaptcha();

  // Handle form submission
  form.addEventListener('submit', function(e) {
    e.preventDefault();

    const userAnswer = parseInt(captchaAnswer.value);

    if (userAnswer !== correctAnswer) {
      captchaError.classList.add('show');
      generateCaptcha();
      return;
    }

    // CAPTCHA passed - collect form data and post to formspree
    captchaError.classList.remove('show');
    submitBtn.disabled = true;
    submitBtn.textContent = 'Sending...';

    // Collect form data
    const formData = new FormData(form);

    // Post to formspree
    fetch('https://formspree.io/f/xjgeoqbe', {
      method: 'POST',
      body: formData,
      headers: {
        'Accept': 'application/json'
      }
    })
    .then(response => {
      if (response.ok) {
        submitBtn.textContent = 'Request Sent ✓';
        setTimeout(() => {
          form.reset();
          generateCaptcha();
          submitBtn.disabled = false;
        submitBtn.textContent = 'Request Diagnostic Review';
        }, 2000);
      } else {
        throw new Error('Form submission failed');
      }
    })
    .catch(error => {
      console.error('Error:', error);
      submitBtn.disabled = false;
      submitBtn.textContent = 'Request Diagnostic Review';
      alert('An error occurred. Please try again.');
    });
  });
</script>

</body>
</html>