Changes for page products

Last modified by Alex Cotiugă on 2026/05/12 20:27

From version 2.2
edited by Alex Cotiugă
on 2026/05/12 20:06
Change comment: There is no comment for this version
To version 1.13
edited by Alex Cotiugă
on 2026/05/12 20:03
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -3,74 +3,90 @@
3 3  #set ($discard = $xwiki.ssx.use('products.WebHome'))
4 4  {{html clean="false"}}
5 5  
6 -<div class="agnease-product-page">
6 + ## PAGE HEADER
7 + <section class="hero hero-centered product-hero" aria-labelledby="hero-title">
8 + <div class="container hero-inner">
9 + <div class="hero-kicker">
10 + <i class="fa fa-cube" aria-hidden="true"></i>
11 + Agnease products
12 + </div>
7 7  
8 - <section class="product-index-hero" aria-labelledby="page-title">
9 - <div class="container">
10 - <div class="hero-kicker product-page-kicker">
11 - <i class="fa fa-cube" aria-hidden="true"></i>
12 - Agnease products
13 - </div>
14 - <h1 id="page-title">XWiki Applications and Extensions</h1>
15 - <p class="page-lead">
14 + <h1 id="hero-title">XWiki applications and extensions</h1>
15 +
16 + <p class="lead">
16 16   Practical XWiki extensions built to improve security, workflows, administration and long-term platform usability.
17 17   </p>
19 +
20 + <p class="hero-support">
21 + Agnease products are designed for organizations that use XWiki as a production platform and need focused,
22 + maintainable extensions that fit naturally into the XWiki experience.
23 + </p>
18 18   </div>
19 19   </section>
20 20  
21 - <section class="product-index-section" aria-labelledby="products-title">
27 + ## PRODUCT CARDS
28 + #set ($productItems = [{
29 + 'title': 'XWiki Two-Factor Authentication',
30 + 'icon': 'lock',
31 + 'url': 'products.xwiki-two-factor-authentication',
32 + 'label': 'Security extension',
33 + 'content': 'Add a second verification step to the standard XWiki login flow using time-based one-time codes, without replacing the standard XWiki authentication experience.'
34 + }])
35 +
36 + <section id="products-list" class="services products-list" aria-labelledby="items-title">
22 22   <div class="container">
23 - <h2 id="products-title">Available extensions</h2>
38 + <h2 id="items-title">Available extensions</h2>
39 +
24 24   <p class="section-intro">
25 - The first Agnease product is focused on strengthening access to XWiki while keeping the standard XWiki login experience.
41 + The first Agnease product focuses on strengthening access to XWiki while keeping the standard XWiki login experience.
26 26   </p>
27 27  
28 - <div class="product-card-grid">
29 - <article class="product-card">
30 - <div class="product-card-icon">
31 - <i class="fa fa-lock" aria-hidden="true"></i>
32 - </div>
44 + <div class="services-grid products-grid">
45 + #foreach ($entry in $productItems)
46 + <article class="service product-item">
47 + <div class="service-icon" aria-hidden="true">
48 + <i class="fa fa-$entry.icon"></i>
49 + </div>
33 33  
34 - <div class="product-card-body">
35 - <p class="product-label">Security extension</p>
36 - <h3>XWiki Two-Factor Authentication</h3>
51 + <div class="service-body">
52 + <div class="hero-kicker product-item-kicker">
53 + <i class="fa fa-$entry.icon" aria-hidden="true"></i>
54 + $entry.label
55 + </div>
37 37  
38 - <p>
39 - Add a second verification step to the standard XWiki login flow using time-based one-time codes.
40 - The extension is designed for organizations that want stronger account protection without replacing
41 - the standard XWiki authentication experience.
42 - </p>
57 + <h4>$entry.title</h4>
58 + <p>$entry.content</p>
43 43  
44 - <ul class="product-highlights">
45 - <li>Works with the standard XWiki authentication flow</li>
46 - <li>Adds a TOTP verification step after username/password login</li>
47 - <li>Includes user setup and administration controls</li>
48 - </ul>
60 + <ul class="product-highlights">
61 + <li>Works with the standard XWiki authentication flow</li>
62 + <li>Adds a TOTP verification step after username/password login</li>
63 + <li>Includes user setup and administration controls</li>
64 + </ul>
49 49  
50 - <p class="card-link">
51 - <a class="btn btn-secondary" href="$xwiki.getURL('products.xwiki-two-factor-authentication')">
52 - View extension
53 - </a>
54 - </p>
55 - </div>
56 - </article>
66 + <p class="card-link">
67 + <a href="$xwiki.getURL($entry.url)">View extension</a>
68 + </p>
69 + </div>
70 + </article>
71 + #end
57 57   </div>
58 58   </div>
59 59   </section>
60 60  
61 - <section class="product-cta-section">
76 + ## CTA
77 + <section class="cta-section" aria-labelledby="cta-title">
62 62   <div class="container">
63 - <div class="product-cta-panel">
64 - <h2>Need a custom XWiki application?</h2>
79 + <div class="cta-panel">
80 + <h2 id="cta-title">Need a custom XWiki application?</h2>
81 +
65 65   <p>
66 66   Agnease also builds custom XWiki applications, workflows, integrations and extensions adapted to specific business processes.
67 67   </p>
85 +
68 68   <a class="btn btn-primary" href="$xwiki.getURL('contact.WebHome')">Contact Agnease</a>
69 69   </div>
70 70   </div>
71 71   </section>
72 72  
73 -</div>
74 -
75 75  {{/html}}
76 76  {{/velocity}}