Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 6.28
edited by Agnease
on 2026/05/12 12:00
Change comment: There is no comment for this version
To version 6.21
edited by Agnease
on 2026/05/02 12:05
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -2,191 +2,176 @@
2 2  #macro (displayPublicContent)
3 3   #set ($discard = $xwiki.ssx.use('PublicWebSite.WebHome'))
4 4   {{html clean="false"}}
5 -
5 + ## HERO
6 6   <section class="hero hero-centered" aria-labelledby="hero-title">
7 7   <div class="container hero-inner">
8 - <div class="hero-kicker">
9 - <i class="fa fa-shield" aria-hidden="true"></i>
10 - XWiki consulting, upgrades and long-term support
11 - </div>
12 -
13 - <h1 id="hero-title">Reliable XWiki engineering for organizations that depend on their knowledge platform</h1>
14 -
15 - <p class="lead">
16 - Agnease helps companies keep XWiki secure, stable, up-to-date and adapted to real business processes.
17 - </p>
18 -
19 - <p class="hero-support">
20 - From LTS upgrades and maintenance to custom applications, integrations, workflows and migrations,
21 - Agnease provides focused XWiki expertise with practical delivery and long-term care.
22 - </p>
23 -
8 + <h1 id="hero-title">Keep Your XWiki Platform Secure, Stable and Up-to-Date</h1>
9 + <p class="lead">Helping organizations safely upgrade and maintain their XWiki environments.</p>
24 24   <ul class="benefits">
25 - <li>Safe LTS upgrades</li>
26 - <li>Support and recovery</li>
27 - <li>Custom XWiki applications</li>
28 - <li>Integrations and migrations</li>
11 + <li>Smooth upgrades</li>
12 + <li>Reliable support plans</li>
13 + <li>Custom integrations</li>
14 + <li>Secure, optimized platforms</li>
29 29   </ul>
30 -
31 - <div class="hero-actions">
32 - <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Request a consultation</a>
33 - <a class="btn btn-secondary" href="$xwiki.getURL('services.WebHome')">View XWiki services</a>
16 + <div id="hero-cta">
17 + $xwiki.getURL('contact.WebHome')
18 + <a class="btn btn-primary href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
19 + #*<a class="btn btn-primary" href="#contact" aria-label="Request a consultation" data-toggle="modal" data-target="#requestConsultation">
20 + Request a consultation
21 + </a>
22 + #requestConsultationModal()*#
23 + ##data-toggle="modal" data-target="#requestConsultationModal"
34 34   </div>
35 35   </div>
36 36   </section>
37 -
38 - <section class="trust-strip" aria-label="Agnease experience">
27 + ## WHY CHOOSE
28 + #set ($whySectionData = [{
29 + 'title': 'Stability & security',
30 + 'icon': 'shield',
31 + 'content': 'Proven upgrade steps, rollback safety, and proactive hardening keep your wiki reliable.'
32 + },{
33 + 'title': 'Predictable delivery',
34 + 'icon': 'check-square-o',
35 + 'content': 'Clear scope, defined steps, and documented results to avoid surprises.'
36 + },{
37 + 'title': 'Clean integrations',
38 + 'icon': 'link',
39 + 'content': 'Maintainable SSO, API, and system connections tailored to your environment.'
40 + },{
41 + 'title': 'Long-term support',
42 + 'icon': 'life-ring',
43 + 'content': 'Guaranteed response times, regular checks, and fast assistance when needed.'
44 + }])
45 + <section aria-labelledby="why-title">
39 39   <div class="container">
40 - <ul>
41 - <li><i class="fa fa-check-circle" aria-hidden="true"></i> 11+ years of XWiki experience</li>
42 - <li><i class="fa fa-check-circle" aria-hidden="true"></i> Upgrades, support and custom development</li>
43 - <li><i class="fa fa-check-circle" aria-hidden="true"></i> Security-aware maintenance</li>
44 - <li><i class="fa fa-check-circle" aria-hidden="true"></i> Practical long-term collaboration</li>
45 - </ul>
47 + <h2 id="why-title">Why choose Agnease</h2>
48 + <p class="lead">10+ years of XWiki expertise with structured delivery and lasting collaboration</p>
49 + <div class="widgets">
50 + #foreach ($entry in $whySectionData)
51 + <article class="widget">
52 + <div class="icon" aria-hidden="true">
53 + <i class="fa fa-$entry.icon"></i>
54 + <h4>$entry.title</h4>
55 + </div>
56 + <p>$entry.content</p>
57 + </article>
58 + #end
59 + </div>
46 46   </div>
47 47   </section>
48 -
49 - <section aria-labelledby="platform-title">
62 + ## SERVICES
63 + #set ($servicesSectionData = [{
64 + 'title': 'Upgrades',
65 + 'icon': 'refresh',
66 + 'content': 'Stay current with the latest XWiki LTS and keep your instance reliable.',
67 + 'items': [
68 + 'Audit setup, extensions, and configurations',
69 + 'Test upgrades with backups and validation',
70 + 'Safe production rollout with minimal downtime'
71 + ]
72 + },{
73 + 'title': 'Maintenance, Support & Recovery',
74 + 'icon': 'stethoscope',
75 + 'content': 'Ensure long-term stability and quick response when issues appear.',
76 + 'items': [
77 + 'Monitoring and performance checks',
78 + 'Security patching, log analysis, triage',
79 + 'Issue recovery, data repair, hardening'
80 + ]
81 + },{
82 + 'title': 'Development & Integrations',
83 + 'icon': 'cogs',
84 + 'content': 'Extend and connect XWiki to fit your workflow and systems.',
85 + 'items': [
86 + 'Custom apps, macros, automation',
87 + 'SSO, REST APIs, LDAP, CRM links',
88 + 'Maintainable extensions for long-term use'
89 + ]
90 + },{
91 + 'title': 'Hosting & Deployment',
92 + 'icon': 'cloud',
93 + 'content': 'Cloud-ready environments designed for reliability and performance.',
94 + 'items': [
95 + 'Containerized deployment and TLS',
96 + 'Backups, restore strategy, observability',
97 + 'Optimization and load tuning'
98 + ]
99 + },{
100 + 'title': 'Migrations to XWiki',
101 + 'icon': 'exchange',
102 + 'content': 'Move from Confluence, SharePoint, or MediaWiki to XWiki with full data integrity and structure.',
103 + 'items': [
104 + 'Preserve hierarchy, attachments, and permissions',
105 + 'Convert macros, categories, and metadata for XWiki',
106 + 'Redirect old URLs and maintain SEO consistency'
107 + ]
108 + }])
109 + <section class="services" aria-labelledby="services-title">
50 50   <div class="container">
51 - <h2 id="platform-title">When XWiki becomes business-critical, it needs professional care</h2>
52 - <p class="section-intro">
53 - Many organizations start with XWiki as a documentation platform. Over time, it becomes a knowledge base,
54 - intranet, SOP portal, workflow system, audit trail or integration hub. At that point, upgrades, security,
55 - performance, permissions and maintainability are no longer optional technical details.
111 + <h2 id="services-title">Services</h2>
112 + <p class="lead">
113 + All the XWiki services you need, delivered with precision and care
56 56   </p>
57 57  
58 - <div class="pathways">
59 - <article class="pathway-card">
60 - <div class="pathway-icon">
61 - <i class="fa fa-refresh" aria-hidden="true"></i>
62 - </div>
63 - <h3>Keep XWiki current</h3>
64 - <p>
65 - Plan and execute safe upgrades to supported XWiki versions, with compatibility checks and rollback planning.
66 - </p>
67 - <ul>
68 - <li>LTS upgrade planning</li>
69 - <li>Extension and custom code review</li>
70 - <li>Production rollout validation</li>
71 - </ul>
72 - <p class="card-link">
73 - <a href="/services/xwiki-upgrades">View upgrade services</a>
74 - </p>
75 - </article>
116 + #set ($servicesSize = $servicesSectionData.size())
117 + <div class="services-grid">
118 + #foreach ($entry in $servicesSectionData)
119 + #set ($classes = "service")
120 + ## If this is the last item AND the total number is odd, center it
121 + #if ($foreach.count == $servicesSize && ($servicesSize % 2) == 1)
122 + #set ($classes = "service service-center")
123 + #end
76 76  
77 - <article class="pathway-card">
78 - <div class="pathway-icon">
79 - <i class="fa fa-life-ring" aria-hidden="true"></i>
80 - </div>
81 - <h3>Keep XWiki reliable</h3>
82 - <p>
83 - Get long-term technical care for instances that need to stay stable, secure and recoverable.
84 - </p>
85 - <ul>
86 - <li>Troubleshooting and recovery</li>
87 - <li>Performance and log analysis</li>
88 - <li>Security-aware maintenance</li>
89 - </ul>
90 - <p class="card-link">
91 - <a href="/services/xwiki-maintenance-support">View support services</a>
92 - </p>
93 - </article>
94 -
95 - <article class="pathway-card">
96 - <div class="pathway-icon">
97 - <i class="fa fa-cogs" aria-hidden="true"></i>
98 - </div>
99 - <h3>Adapt XWiki to your business</h3>
100 - <p>
101 - Build workflows, custom applications, dashboards, integrations and automation around your processes.
102 - </p>
103 - <ul>
104 - <li>Custom XWiki applications</li>
105 - <li>Workflows and approvals</li>
106 - <li>SSO, LDAP, APIs and integrations</li>
107 - </ul>
108 - <p class="card-link">
109 - <a href="/services/xwiki-development-integrations">View development services</a>
110 - </p>
111 - </article>
125 + <article class="$classes">
126 + <div class="service-icon">
127 + <i class="fa fa-$entry.icon" aria-hidden="true"></i>
128 + </div>
129 + <div class="service-body">
130 + <h4>$entry.title</h4>
131 + <p>$entry.content</p>
132 + <ul>
133 + #foreach ($item in $entry.items)
134 + <li>$item</li>
135 + #end
136 + </ul>
137 + </div>
138 + </article>
139 + #end
112 112   </div>
113 113   </div>
114 114   </section>
115 -
116 - <section class="split-section" aria-labelledby="why-title">
143 + ## CTA INLINE
144 + <section id="contact" class="cta-section">
117 117   <div class="container">
118 - <div class="split-grid">
119 - <div class="split-copy">
120 - <h2 id="why-title">Why choose Agnease</h2>
121 - <p>
122 - Agnease brings more than 11 years of hands-on XWiki expertise to organizations that need reliable
123 - knowledge platforms, secure upgrades, custom applications, integrations, migrations and long-term support.
124 - </p>
125 - <p>
126 - The approach is practical and engineering-focused: understand the current system, reduce risk,
127 - document the work and leave your XWiki easier to maintain.
128 - </p>
129 - </div>
130 -
131 - <ol class="process-list">
132 - <li>
133 - <strong>Review the current situation</strong>
134 - Version, extensions, infrastructure, authentication, custom code and business-critical features.
135 - </li>
136 - <li>
137 - <strong>Define a safe path forward</strong>
138 - Clear scope, expected effort, risks, rollback options and recommended next steps.
139 - </li>
140 - <li>
141 - <strong>Deliver and document the work</strong>
142 - Practical implementation, validation and documentation for future maintenance.
143 - </li>
144 - </ol>
145 - </div>
146 - </div>
147 - </section>
148 -
149 - <section class="resource-strip" aria-labelledby="resources-title">
150 - <div class="container">
151 - <h2 id="resources-title">Useful XWiki resources</h2>
152 - <p class="section-intro">
153 - Practical guidance for organizations running XWiki in production.
146 + <p class="text-center contact-inline">
147 + Need help with your XWiki? <a href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>.
154 154   </p>
155 -
156 - <div class="resource-grid">
157 - <article class="resource-card">
158 - <h4>Why upgrade your XWiki instance?</h4>
159 - <p>
160 - A business-focused explanation of why regular LTS upgrades reduce security, compatibility and maintenance risk.
161 - </p>
162 - <a href="/resources/why-upgrade-xwiki">Read the resource</a>
163 - </article>
164 -
165 - <article class="resource-card">
166 - <h4>XWiki upgrade services</h4>
167 - <p>
168 - How Agnease approaches safe XWiki upgrades for real production environments with customizations and integrations.
169 - </p>
170 - <a href="/services/xwiki-upgrades">View the service</a>
171 - </article>
172 - </div>
173 173   </div>
174 174   </section>
151 + {{/html}}
152 +#end
175 175  
176 - <section class="cta-section" aria-labelledby="contact-title">
177 - <div class="container">
178 - <div class="cta-panel">
179 - <h2 id="contact-title">Need help with XWiki?</h2>
180 - <p>
181 - Send your current XWiki version, the problem you are facing, or the type of project you want to build.
182 - A short description is enough to start the conversation.
183 - </p>
184 - <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
154 +#macro(requestConsultationModal)
155 + <div class="modal fade" id="requestConsultation" tabindex="-1" role="dialog">
156 + <div class="modal-dialog">
157 + <div class="modal-content">
158 + <div class="modal-header">
159 + <button type="button" class="close" data-dismiss="modal">&times;</button>
160 + <h4 class="modal-title">Request a consultation</h4>
185 185   </div>
162 + <div class="modal-body">
163 + <div>
164 + ##Need help with your XWiki? <a href="mailto:alex@agnease.com">Contact Agnease</a>
165 + #displayFormFromSheetCode()
166 + </div>
167 + </div>
168 + <div class="modal-footer">
169 + ##<input id="continueCategorySelection" type="button" class="btn btn-default" data-dismiss="modal"
170 + ## value="$escapetool.xml($services.localization.render('yesno_1'))">
171 + </div>
186 186   </div>
187 - </section>
188 -
189 - {{/html}}
173 + </div>
174 + </div>
190 190  #end
191 191  
192 192  #macro (stripHTMLMacro $displayOutput)
... ... @@ -231,5 +231,4 @@
231 231   </dl>
232 232   </div>
233 233  #end
234 -#displayPublicContent
235 235  {{/velocity}}
XWiki.StyleSheetExtension[0]
code
... ... @@ -234,304 +234,3 @@
234 234   a { color: @brand; }
235 235   }
236 236  }
237 -/* ========== Agnease Revamp Additions ========== */
238 -
239 -@brand-soft: #E7FFF8;
240 -@brand-bg: #F4FCFA;
241 -
242 -.hero-kicker {
243 - display: inline-flex;
244 - align-items: center;
245 - gap: 8px;
246 - color: @brand;
247 - background: fade(@brand, 8%);
248 - border: 1px solid fade(@brand, 18%);
249 - border-radius: 999px;
250 - padding: 6px 12px;
251 - margin-bottom: 14px;
252 - font-size: 13px;
253 - font-weight: 700;
254 -}
255 -
256 -.hero h1 {
257 - max-width: 760px;
258 - margin-left: auto;
259 - margin-right: auto;
260 - line-height: 1.18;
261 -}
262 -
263 -.hero .lead {
264 - max-width: 760px;
265 - font-size: 19px;
266 - line-height: 1.55;
267 -}
268 -
269 -.hero-support {
270 - max-width: 760px;
271 - margin: 14px auto 0;
272 - color: @muted;
273 - line-height: 1.55;
274 -}
275 -
276 -.hero-actions {
277 - display: flex;
278 - gap: 12px;
279 - flex-wrap: wrap;
280 - justify-content: center;
281 - margin-top: 22px;
282 -
283 - .btn-secondary {
284 - color: @brand;
285 - background: #fff;
286 - border: 1px solid fade(@brand, 35%);
287 -
288 - &:hover,
289 - &:focus {
290 - color: @brand-strong;
291 - border-color: @brand;
292 - background: @brand-bg;
293 - }
294 - }
295 -}
296 -
297 -.trust-strip {
298 - padding: 18px 0;
299 - border-top: 1px solid @line;
300 - border-bottom: 1px solid @line;
301 - background: #fff;
302 -
303 - ul {
304 - max-width: 920px;
305 - margin: 0 auto;
306 - padding: 0;
307 - list-style: none;
308 - display: flex;
309 - justify-content: center;
310 - gap: 22px;
311 - flex-wrap: wrap;
312 - color: @muted;
313 - font-size: 13px;
314 - }
315 -
316 - li {
317 - display: flex;
318 - align-items: center;
319 - gap: 7px;
320 - }
321 -
322 - i {
323 - color: @brand;
324 - }
325 -}
326 -
327 -.section-intro {
328 - max-width: 760px;
329 - margin: 0 auto 18px;
330 - text-align: center;
331 - color: @muted;
332 - font-size: 16px;
333 - line-height: 1.55;
334 -}
335 -
336 -.pathways {
337 - display: grid;
338 - grid-template-columns: repeat(3, minmax(0, 1fr));
339 - grid-gap: 18px;
340 - max-width: 1040px;
341 - margin: 22px auto 0;
342 -}
343 -
344 -.pathway-card {
345 - background: #fff;
346 - border: 1px solid @line;
347 - border-radius: @radius;
348 - box-shadow: @shadow-sm;
349 - padding: 22px;
350 - display: flex;
351 - flex-direction: column;
352 - min-height: 100%;
353 -
354 - .pathway-icon {
355 - width: 46px;
356 - height: 46px;
357 - border-radius: 50%;
358 - display: flex;
359 - align-items: center;
360 - justify-content: center;
361 - color: @brand;
362 - background: fade(@brand, 10%);
363 - margin-bottom: 14px;
364 - font-size: 18px;
365 - }
366 -
367 - h3 {
368 - margin: 0 0 8px;
369 - color: @text;
370 - font-size: 20px;
371 - line-height: 1.25;
372 - }
373 -
374 - p {
375 - color: @muted;
376 - line-height: 1.55;
377 - margin: 0 0 14px;
378 - }
379 -
380 - ul {
381 - margin: 0 0 18px;
382 - padding-left: 18px;
383 - color: @muted;
384 - font-size: 13px;
385 - }
386 -
387 - li {
388 - margin: 5px 0;
389 - }
390 -
391 - .card-link {
392 - margin-top: auto;
393 -
394 - a {
395 - color: @brand;
396 - font-weight: 700;
397 - }
398 - }
399 -}
400 -
401 -.split-section {
402 - background:
403 - radial-gradient(42rem 16rem at 50% 0%, @brand-bg 0%, transparent 65%);
404 -}
405 -
406 -.split-grid {
407 - display: grid;
408 - grid-template-columns: 1.1fr .9fr;
409 - grid-gap: 36px;
410 - max-width: 1040px;
411 - margin: 0 auto;
412 - align-items: center;
413 -}
414 -
415 -.split-copy {
416 - h2 {
417 - text-align: left;
418 - margin-top: 0;
419 - }
420 -
421 - p {
422 - color: @muted;
423 - line-height: 1.6;
424 - }
425 -}
426 -
427 -.process-list {
428 - counter-reset: process;
429 - margin: 0;
430 - padding: 0;
431 - list-style: none;
432 -}
433 -
434 -.process-list li {
435 - counter-increment: process;
436 - position: relative;
437 - padding: 16px 16px 16px 58px;
438 - margin-bottom: 12px;
439 - background: #fff;
440 - border: 1px solid @line;
441 - border-radius: @radius;
442 - box-shadow: @shadow-sm;
443 - color: @muted;
444 - line-height: 1.5;
445 -
446 - &:before {
447 - content: counter(process);
448 - position: absolute;
449 - left: 16px;
450 - top: 16px;
451 - width: 28px;
452 - height: 28px;
453 - border-radius: 50%;
454 - background: fade(@brand, 10%);
455 - color: @brand;
456 - display: flex;
457 - align-items: center;
458 - justify-content: center;
459 - font-weight: 800;
460 - }
461 -
462 - strong {
463 - display: block;
464 - color: @text;
465 - margin-bottom: 3px;
466 - }
467 -}
468 -
469 -.resource-strip {
470 - background: @brand-bg;
471 -
472 - .resource-grid {
473 - max-width: 1040px;
474 - margin: 20px auto 0;
475 - display: grid;
476 - grid-template-columns: repeat(2, minmax(0, 1fr));
477 - grid-gap: 16px;
478 - }
479 -
480 - .resource-card {
481 - background: #fff;
482 - border: 1px solid @line;
483 - border-radius: @radius;
484 - padding: 18px;
485 - box-shadow: @shadow-sm;
486 -
487 - h4 {
488 - margin: 0 0 6px;
489 - color: @text;
490 - }
491 -
492 - p {
493 - color: @muted;
494 - margin: 0 0 10px;
495 - line-height: 1.5;
496 - }
497 -
498 - a {
499 - color: @brand;
500 - font-weight: 700;
501 - }
502 - }
503 -}
504 -
505 -.cta-panel {
506 - max-width: 860px;
507 - margin: 0 auto;
508 - padding: 30px;
509 - border-radius: @radius;
510 - border: 1px solid fade(@brand, 20%);
511 - background:
512 - radial-gradient(34rem 12rem at 50% 0%, @brand-soft 0%, #fff 70%);
513 - box-shadow: @shadow-sm;
514 - text-align: center;
515 -
516 - h2 {
517 - margin-top: 0;
518 - }
519 -
520 - p {
521 - color: @muted;
522 - line-height: 1.55;
523 - }
524 -}
525 -
526 -@media (max-width: 900px) {
527 - .pathways,
528 - .split-grid,
529 - .resource-strip .resource-grid {
530 - grid-template-columns: 1fr;
531 - }
532 -
533 - .split-copy h2 {
534 - text-align: center;
535 - }
536 -}
537 -