Changes for page Home

Summary

• Page properties (1 modified, 0 added, 0 removed)
• Objects (1 modified, 0 added, 0 removed)
  • XWiki.StyleSheetExtension[0]

Details

Page properties

Content

...	...	@@ -3,35 +3,35 @@
3	3	Agnease helps organizations maintain, upgrade, and extend their XWiki environments with clarity and precision. Focusing on stability, performance, and long-term support we ensure your business knowledge and collaboration tools remain dependable, secure, and adaptable to growth.*#
4	4	{{html clean="false"}}
5	5	<main class="agnease-landing">
6		-
7	7	<!-- ================= HERO ================= -->
8		- <section class="hero" aria-labelledby="hero-title">
9		- <div class="container hero-top">
10		- <div>
	7	+ <section class="hero hero-centered" aria-labelledby="hero-title">
	8	+ <div class="container">
	9	+ <div class="hero-inner">
11	11	<div class="hero-badges">
12	12	<span class="chip">Professional XWiki Services</span>
13	13	<span class="chip">Secure &amp; Scalable</span>
14	14	</div>
	14	+
15	15	<h1 id="hero-title">Engineering reliability in every XWiki environment</h1>
	16	+
16	16	<p class="lead">
17		- Upgrades, maintenance, integrations, and custom development — delivered with clarity and low risk.
18		- Agnease keeps XWiki stable, secure, and ready to grow.
	18	+ Agnease provides upgrades, maintenance, integrations, and custom development —
	19	+ delivered with clarity, predictability, and long-term reliability.
	20	+ We keep your XWiki stable, secure, and ready to grow.
19	19	</p>
	22	+
20	20	<div class="hero-cta">
21		- <a class="btn btn-primary" href="#contact">Request a proposal</a>
	24	+ <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease">Schedule a call</a>
22	22	<a class="btn btn-ghost" href="#services">View services</a>
23	23	</div>
24		- </div>
25	25
26		- <aside class="hero-card" aria-labelledby="glance-title">
27		- <h3 id="glance-title">At a glance</h3>
28		- <ul>
	28	+ <ul class="benefits">
29	29	<li>Low-downtime LTS upgrades</li>
30	30	<li>Support plans with SLAs</li>
31		- <li>SSO/OIDC, Stripe, REST integrations</li>
32		- <li>Audits, recovery, performance tuning</li>
	31	+ <li>Custom workflows &amp; integrations</li>
	32	+ <li>Recovery &amp; hardening</li>
33	33	</ul>
34		- </aside>
	34	+ </div>
35	35	</div>
36	36	</section>
37	37

XWiki.StyleSheetExtension[0]

Code

...	...	@@ -102,3 +102,105 @@
102	102	background:#fff;border:1px solid var(--line);border-radius:var(--radius);
103	103	padding:20px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px
104	104	}
	105	+/* Keep primary CTA text white on hover */
	106	+.btn-primary,
	107	+.btn-primary:hover,
	108	+.btn-primary:focus {
	109	+ color: #fff;
	110	+}
	111	+
	112	+/* Benefits row under CTAs for quick scannability */
	113	+.benefits {
	114	+ display:flex;flex-wrap:wrap;gap:.5rem 1rem;
	115	+ margin:10px 0 0; padding:0; list-style:none; color:#5B6B64;
	116	+}
	117	+
	118	+/* Assurance widgets layout (right column) */
	119	+.widgets {
	120	+ display:grid; gap:12px;
	121	+ grid-template-columns:1fr; align-content:start;
	122	+}
	123	+.widget {
	124	+ display:grid; grid-template-columns:auto 1fr; gap:10px;
	125	+ background:#fff; border:1px solid #E4ECE9; border-radius:16px;
	126	+ padding:14px; box-shadow:0 6px 20px rgba(0,0,0,.06);
	127	+}
	128	+.widget h3 { margin:.1rem 0 .15rem; font-size:1rem }
	129	+.widget p { margin:0; color:#5B6B64 }
	130	+.widget .icon {
	131	+ width:38px;height:38px;border-radius:10px;
	132	+ background:#F7F9F8;border:1px solid #E4ECE9;
	133	+ display:grid;place-items:center;
	134	+}
	135	+
	136	+/* Ensure the hero two-column balance feels filled */
	137	+.hero-top { display:grid; gap:22px; grid-template-columns:1fr }
	138	+@media (min-width:860px){
	139	+ .hero-top { grid-template-columns:1.15fr .85fr }
	140	+}
	141	+/* Centered hero layout */
	142	+.hero-centered {
	143	+ text-align:center;
	144	+ background:
	145	+ radial-gradient(60rem 24rem at 50% -20%, #E7FFF8 0%, transparent 60%),
	146	+ radial-gradient(60rem 24rem at 50% -10%, #E8F6F3 0%, transparent 60%);
	147	+ display:flex; align-items:center; justify-content:center;
	148	+ min-height:70vh;
	149	+}
	150	+
	151	+.hero-inner {
	152	+ max-width:780px;
	153	+ margin:auto;
	154	+ display:flex;
	155	+ flex-direction:column;
	156	+ align-items:center;
	157	+ gap:1.2rem;
	158	+}
	159	+
	160	+.hero-badges {
	161	+ display:flex;
	162	+ gap:.5rem;
	163	+ flex-wrap:wrap;
	164	+ justify-content:center;
	165	+}
	166	+
	167	+.hero-centered h1 {
	168	+ font-size:clamp(1.8rem,2.5vw + .8rem,3rem);
	169	+ line-height:1.15;
	170	+ margin:.3rem 0 .4rem;
	171	+}
	172	+
	173	+.hero-centered .lead {
	174	+ color:#5B6B64;
	175	+ max-width:70ch;
	176	+ margin:0 auto 1.2rem;
	177	+}
	178	+
	179	+/* CTA buttons centered */
	180	+.hero-cta {
	181	+ display:flex;
	182	+ gap:.8rem;
	183	+ flex-wrap:wrap;
	184	+ justify-content:center;
	185	+ margin-top:.5rem;
	186	+}
	187	+
	188	+.btn-primary,
	189	+.btn-primary:hover,
	190	+.btn-primary:focus {
	191	+ background:#00937D;
	192	+ color:#fff !important; /* ensure white text always */
	193	+}
	194	+
	195	+/* Benefits under CTAs */
	196	+.benefits {
	197	+ display:flex;
	198	+ flex-wrap:wrap;
	199	+ justify-content:center;
	200	+ gap:.6rem 1.2rem;
	201	+ list-style:none;
	202	+ padding:0;
	203	+ margin:.8rem 0 0;
	204	+ color:#5B6B64;
	205	+ font-size:.95rem;
	206	+}