Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/07/03 16:14
From version 28.14
edited by Agnease
on 2026/07/03 12:42
Change comment: There is no comment for this version
To version 28.18
edited by Agnease
on 2026/07/03 13:03
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -149,9 +149,9 @@
149 149   </div>
150 150   </section>
151 151  
152 - <section class="industry-trust-section" aria-labelledby="industry-trust-title">
152 + <section class="contrast-band" aria-labelledby="industry-trust-title">
153 153   <div class="container">
154 - <div class="industry-trust-panel">
154 + <div class="contrast-panel">
155 155   <h2 id="industry-trust-title">Trusted XWiki expertise for business-critical platforms</h2>
156 156  
157 157   <p class="section-intro">
... ... @@ -159,7 +159,7 @@
159 159   government institutions, transportation, software development, compliance programs and regulated environments.
160 160   </p>
161 161  
162 - <div class="industry-tags" aria-label="Industries and environments supported">
162 + <div class="contrast-tags" aria-label="Industries and environments supported">
163 163   <span>Healthcare</span>
164 164   <span>Financial services</span>
165 165   <span>Scientific research</span>
... ... @@ -170,7 +170,7 @@
170 170   <span>Regulated environments</span>
171 171   </div>
172 172  
173 - <p class="industry-support">
173 + <p class="contrast-support">
174 174   Organizations rely on these platforms to manage documentation, workflows, compliance processes,
175 175   research knowledge and critical business information. From upgrades and authentication integrations
176 176   to workflow systems and long-term maintenance, Agnease helps keep XWiki secure, stable and ready for the future.
XWiki.StyleSheetExtension[0]
code
... ... @@ -737,8 +737,8 @@
737 737  
738 738  /* ========== CTA ========== */
739 739  
740 -.cta-section {
741 - padding: @section-padding;
740 +#mainContentArea .cta-section {
741 + padding: 44px 0 56px;
742 742  
743 743   .contact-inline {
744 744   margin: 0;
... ... @@ -750,25 +750,70 @@
750 750   }
751 751  }
752 752  
753 -.cta-panel {
754 - max-width: 860px;
753 +#mainContentArea .cta-panel {
754 + position: relative;
755 + overflow: hidden;
756 + max-width: 1040px;
755 755   margin: 0 auto;
756 - padding: 32px;
757 - border-radius: @radius;
758 - border: 1px solid fade(@brand, 20%);
759 - box-shadow: @shadow-sm;
758 + padding: 48px 40px;
759 + border: 0;
760 + border-radius: 26px;
761 + background:
762 + radial-gradient(circle at 88% 10%, fade(@brand, 24%) 0%, transparent 30%),
763 + linear-gradient(135deg, @text 0%, @text-soft 100%);
764 + color: #fff;
765 + box-shadow: @shadow;
760 760   text-align: center;
767 +}
761 761  
762 - h2 {
763 - margin-top: 0;
764 - }
769 +#mainContentArea .cta-panel::before {
770 + content: "";
771 + position: absolute;
772 + inset: 0;
773 + background:
774 + linear-gradient(90deg, fade(#fff, 4%) 1px, transparent 1px),
775 + linear-gradient(180deg, fade(#fff, 4%) 1px, transparent 1px);
776 + background-size: 48px 48px;
777 + opacity: .4;
778 + pointer-events: none;
779 +}
765 765  
766 - p {
767 - color: @muted;
768 - line-height: 1.55;
769 - }
781 +#mainContentArea .cta-panel h2,
782 +#mainContentArea .cta-panel p,
783 +#mainContentArea .cta-panel .btn {
784 + position: relative;
785 + z-index: 1;
770 770  }
771 771  
788 +#mainContentArea .cta-panel h2 {
789 + max-width: 760px;
790 + margin: 0 auto 16px;
791 + color: #fff;
792 +}
793 +
794 +#mainContentArea .cta-panel p {
795 + max-width: 760px;
796 + margin: 0 auto 28px;
797 + color: #DBE4EF;
798 + font-size: 16px;
799 + line-height: 1.6;
800 +}
801 +
802 +#mainContentArea .cta-panel .btn-primary {
803 + border-color: #fff;
804 + background: #fff;
805 + color: @text;
806 + box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
807 +}
808 +
809 +#mainContentArea .cta-panel .btn-primary:hover,
810 +#mainContentArea .cta-panel .btn-primary:focus {
811 + border-color: #fff;
812 + background: #fff;
813 + color: @brand-strong;
814 + text-decoration: none;
815 +}
816 +
772 772  .resource-inline-cta {
773 773   display: flex;
774 774   align-items: center;
... ... @@ -900,9 +900,14 @@
900 900   gap: 14px;
901 901   }
902 902  
903 - .cta-panel {
904 - padding: 24px 20px;
948 + #mainContentArea .cta-panel {
949 + padding: 30px 22px;
950 + border-radius: 20px;
905 905   }
952 +
953 + #mainContentArea .cta-panel .btn-primary {
954 + width: 100%;
955 + }
906 906  }
907 907  
908 908  /* ========== Resource / Article Pages ========== */
... ... @@ -1858,7 +1858,6 @@
1858 1858  }
1859 1859  
1860 1860  /* Make CTA panels stand out more clearly. */
1861 -#mainContentArea .cta-panel,
1862 1862  #mainContentArea .resource-cta,
1863 1863  #mainContentArea .resource-inline-cta {
1864 1864   background: #fff;