Skip to content

Commit 92d208c

Browse files
author
Michał Gryczka
committed
SEO and egnagement updates
1 parent 5fd9431 commit 92d208c

File tree

3 files changed

+287
-67
lines changed

3 files changed

+287
-67
lines changed

‎src/pages/_home/components/CaseCapsules.astro‎

Lines changed: 83 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,12 @@
11
---
22
import ContentLimiter from "../../../components/ContentLimiter.astro";
3+
import ImageURL from "../../../components/image/ImageURL.astro";
4+
35
interface CaseItem {
46
title: string;
57
link: string;
8+
image?: string;
9+
description?: string;
610
}
711
812
interface Props {
@@ -23,20 +27,40 @@ const { cases } = Astro.props;
2327
tabindex={0}
2428
aria-label={caseItem.title + ' (Read more)'}
2529
>
26-
<div class="case-header">
27-
<h2>{caseItem.title}</h2>
28-
</div>
29-
<div class="case-link-container">
30-
<span class="case-link">Read more</span>
30+
{caseItem.image && (
31+
<div class="case-image">
32+
<ImageURL src={caseItem.image} alt={caseItem.title} />
33+
</div>
34+
)}
35+
<div class="case-content">
36+
<div class="case-header">
37+
<h2>{caseItem.title}</h2>
38+
</div>
39+
{caseItem.description && (
40+
<p class="case-description">{caseItem.description}</p>
41+
)}
42+
<div class="case-link-container">
43+
<span class="case-link">Read more →</span>
44+
</div>
3145
</div>
3246
</a>
3347
) : (
3448
<div class="case-capsule case-capsule-link" tabindex={0} aria-label={caseItem.title + ' (Stay tuned)'}>
35-
<div class="case-header">
36-
<h2>{caseItem.title}</h2>
37-
</div>
38-
<div class="case-link-container">
39-
<span class="case-link" style="text-decoration:unset;">Stay tuned – full story next week!</span>
49+
{caseItem.image && (
50+
<div class="case-image">
51+
<ImageURL src={caseItem.image} alt={caseItem.title} />
52+
</div>
53+
)}
54+
<div class="case-content">
55+
<div class="case-header">
56+
<h2>{caseItem.title}</h2>
57+
</div>
58+
{caseItem.description && (
59+
<p class="case-description">{caseItem.description}</p>
60+
)}
61+
<div class="case-link-container">
62+
<span class="case-link" style="text-decoration:unset;">Stay tuned – full story next week!</span>
63+
</div>
4064
</div>
4165
</div>
4266
)
@@ -48,63 +72,91 @@ const { cases } = Astro.props;
4872
.case-capsules {
4973
display: flex;
5074
flex-direction: column;
51-
gap: 12px;
52-
// padding-bottom: 3rem;
75+
gap: 20px;
5376
width: 100%;
5477
margin: 0 auto;
5578

5679
.case-capsule {
5780
background: var(--surface-nav-bg, #f8f9fa);
5881
border: 1px solid var(--border-primary, #e9ecef);
59-
padding: 2rem 3rem;
60-
// border-radius: 12px;
82+
border-radius: 12px;
6183
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
6284
transition: all 0.2s ease-in-out;
6385
width: 100%;
6486
box-sizing: border-box;
6587
display: flex;
6688
flex-direction: column;
67-
justify-content: space-between;
6889
text-decoration: none;
6990
color: inherit;
7091
cursor: pointer;
92+
overflow: hidden;
7193

7294
&:hover, &:focus {
73-
transform: translateY(-1px);
74-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
95+
transform: translateY(-2px);
96+
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
7597
border-color: var(--surface-main-primary);
7698
outline: none;
7799
}
78100

101+
.case-image {
102+
width: 100%;
103+
height: 200px;
104+
overflow: hidden;
105+
106+
img {
107+
width: 100%;
108+
height: 100%;
109+
object-fit: cover;
110+
transition: transform 0.3s ease;
111+
}
112+
}
113+
114+
&:hover .case-image img {
115+
transform: scale(1.05);
116+
}
117+
118+
.case-content {
119+
padding: 2rem;
120+
display: flex;
121+
flex-direction: column;
122+
flex-grow: 1;
123+
}
124+
79125
.case-header {
80-
margin-bottom: 1.5rem;
126+
margin-bottom: 1rem;
81127
h2 {
82-
@include typography(h3);
83-
font-size: calc(0.95rem * var(--font-scale-factor));
128+
@include typography(h2);
129+
font-size: calc(1.4rem * var(--font-scale-factor));
130+
font-weight: 600;
131+
line-height: 1.3;
132+
margin: 0;
84133
}
85134
}
86135

87-
p {
136+
.case-description {
88137
@include typography(paragraph);
89-
margin-bottom: 1rem;
138+
margin-bottom: 1.5rem;
139+
color: var(--text-body-secondary);
140+
flex-grow: 1;
90141
}
91-
}
92142

93-
.case-link-container {
94-
margin-top: auto;
95-
display: flex;
96-
align-items: flex-end;
97-
min-height: 2.5rem;
143+
.case-link-container {
144+
margin-top: auto;
145+
display: flex;
146+
align-items: flex-end;
147+
min-height: 2rem;
148+
}
98149
}
99150

100151
@media (min-width: 768px) {
101152
display: grid;
102153
grid-template-columns: 1fr 1fr 1fr;
103-
gap: 16px;
154+
gap: 24px;
104155

105156
.case-capsule {
106-
padding: 2rem 3rem;
107-
width: 100%;
157+
.case-image {
158+
height: 180px;
159+
}
108160
}
109161
}
110162
}

‎src/pages/index.astro‎

Lines changed: 103 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -214,7 +214,7 @@ const tags = [
214214

215215
<HeaderSection
216216
title="WireGuard® VPN Speed and Security"
217-
description="WireGuard® is a game-changer in VPN technology it's fast, lightweight, and secure."
217+
description="WireGuard® is a game-changer in VPN technology it's fast, lightweight, and secure. Defguard makes it enterprise-grade with everything you need to run WireGuard securely at scale."
218218
variant="gray"
219219
/>
220220
<FlexibleSection
@@ -268,6 +268,38 @@ const tags = [
268268
variant="gray"
269269
/> -->
270270

271+
<HeaderSection
272+
title="Enterprise VPN meets WireGuard®"
273+
description="Beyound enterprise grade architecture and security, Defguard offers professional support services designed for mission-critical enterprise deployments. Get the peace of mind that comes with dedicated support when you need it most."
274+
variant="gray"
275+
/>
276+
<FlexibleSection
277+
id="enterprise-support"
278+
variant="gray"
279+
theme="light"
280+
>
281+
<div slot="left">
282+
<h3>Dedicated Enterprise Support</h3>
283+
<ul>
284+
<li><strong>Custom SLA agreements</strong> - Tailored service level agreements to meet your business requirements</li>
285+
<li><strong>Priority issue resolution</strong> - Critical issues addressed within one business day</li>
286+
<li><strong>Assigned support representative</strong> - Direct access to a dedicated support engineer who knows your setup</li>
287+
<li><strong>Pre-scheduled support calls</strong> - Regular check-ins for proactive issue resolution and configuration optimization</li>
288+
<li><strong>Support for NIS-2 organisations</strong> - Specialized compliance assistance for organizations subject to NIS-2 directive requirements</li>
289+
</ul>
290+
<p>
291+
<strong>Compliance & Certification:</strong> Defguard is currently proceeding with ISO 27001 certification, ensuring the highest standards of information security management. <a href="/newsletter?utm_source=iso-certification">Get notified when Defguard gets ISO 27001 certified →</a>
292+
</p>
293+
<p>
294+
<a href="/book-a-demo?utm_source=enterprise-support" class="learn-more-link">Contact Enterprise Support →</a>
295+
</p>
296+
</div>
297+
298+
<div slot="right">
299+
<ImageURL src="/images/features/SIEM integration.png" alt="Enterprise VPN Support Services" />
300+
</div>
301+
</FlexibleSection>
302+
271303
<!--
272304
273305
@@ -279,8 +311,8 @@ const tags = [
279311
-->
280312

281313
<HeaderSection
282-
title="Secure and fast remote users enrollment."
283-
description="Regardless of your configuration Defguard helps you to enroll and onboard your users in most secure and convenient ways."
314+
title="Modern User Enrollment & Onboarding"
315+
description="Seamless enrollment across all platforms with cutting-edge biometric authentication and one-click configuration. From mobile apps to desktop clients, get users connected securely in minutes."
284316
variant="white"
285317
/>
286318

@@ -291,18 +323,22 @@ const tags = [
291323
theme="light"
292324
>
293325
<div slot="left">
326+
<h3>Multi-Platform Enrollment</h3>
327+
<ul>
328+
<li><strong>Mobile Clients (iOS/Android)</strong> - Native apps with biometric authentication and real-time config updates</li>
329+
<li><strong>One-Click Desktop Enrollment</strong> - Seamless desktop client configuration with a single button click</li>
330+
<li><strong>QR Code Configuration</strong> - Instant mobile device setup by scanning QR codes</li>
331+
<li><strong>Biometric MFA Setup</strong> - Configure fingerprint, face recognition, and hardware key authentication during enrollment</li>
332+
<li><strong>Secure Web enrollment portal</strong></li>
333+
</ul>
294334
<p>
295-
Defguard helps you to enroll and onboard your users in most secure and convenient ways.
296-
<ul>
297-
<li>With Defguard desktop client enrollment.</li>
298-
<li>With web based (in browser) secure enrollment process.</li>
299-
</ul>
335+
<a href="https://docs.defguard.net/using-defguard-for-end-users/enrollment" class="learn-more-link" target="_blank">View Enrollment Guide →</a>
300336
</p>
301337
</div>
302338

303339
<div slot="right">
304340
<ImageCarousel
305-
src="/images/landing/enrollment/data-verification.png,/images/landing/enrollment/create-password.png,/images/landing/enrollment/configure-mfa.png" alt="Simple Enrollment Process"
341+
src="/images/landing/enrollment/data-verification.png,/images/landing/enrollment/create-password.png,/images/landing/enrollment/configure-mfa.png" alt="Modern Enrollment Process with Mobile and Desktop Support"
306342
interval={3}
307343
autoplay={true}
308344
/>
@@ -319,6 +355,7 @@ const tags = [
319355
variant="white"
320356
/>
321357

358+
322359
<!--
323360
324361
@@ -329,11 +366,40 @@ const tags = [
329366
330367
-->
331368
<HeaderSection
332-
title="Defguard provides SSO and Identity Provider"
369+
title="Flexible Identity & SSO approrach"
333370
description="Defguard is one platform for remote access and identity that enables you to go fully private and cloud-independent. It replaces siloed tools and legacy VPN appliances with a unified solution that combines remote access, identity, and access control — ideal for teams running private or hybrid infrastructure."
334371
variant="gray"
335372
/>
336373

374+
<FlexibleSection
375+
leftRatio={0.4}
376+
title="Enterprise SSO & Identity Integrations - connect WireGuard® with any external SSO and Identity Provider"
377+
id="security-features"
378+
variant="gray"
379+
theme="light"
380+
>
381+
<div slot="left">
382+
<p>Defguard enable you to integrate WireGuard® with any external SSO and Identity Provider. Seamlessly integrate with your infrastructure:</p>
383+
<ul>
384+
<li><strong>Microsoft Integration</strong> - Azure AD, Microsoft Entra ID, and Office 365 SSO</li>
385+
<li><strong>Google Workspace</strong> - Complete Google SSO and identity provider integration</li>
386+
<li><strong>Enterprise IdPs</strong> - Okta, JumpCloud, Keycloak, Zitadel, and other OpenID Connect providers</li>
387+
<li><strong>Legacy Systems</strong> - LDAP and Active Directory support for existing infrastructure</li>
388+
</ul>
389+
<p>
390+
<a href="https://docs.defguard.net/features/external-openid-providers" class="learn-more-link" target="_blank">Learn about SSO Integration →</a>
391+
</p>
392+
<p>
393+
<a href="https://docs.defguard.net/features/ldap-and-active-directory-integration" class="learn-more-link" target="_blank">View IdP Documentation →</a>
394+
</p>
395+
396+
</div>
397+
398+
<div slot="right">
399+
<ImageURL src="/images/features/OIDC SSO.png" alt="Enterprise SSO and OpenID Connect integrations with external identity providers" />
400+
</div>
401+
</FlexibleSection>
402+
337403
<FlexibleSection
338404
leftRatio={0.4}
339405
title="Built-in Identity & SSO"
@@ -342,11 +408,17 @@ const tags = [
342408
theme="light"
343409
>
344410
<div slot="left">
411+
<h3>Complete Identity Management Platform</h3>
412+
<p>Defguard serves as a full-featured OpenID Connect (OIDC) Identity Provider, eliminating the need for external identity services:</p>
345413
<ul>
346-
<li>Acts as your Identity Provider (IdP)</li>
347-
<li>Single Sign-On across your services</li>
348-
<li>Easy integration with existing apps and tools</li>
414+
<li><strong>OpenID Connect SSO</strong> - Standards-compliant identity provider with "Log in with Defguard" capability</li>
415+
<li><strong>Multi-Factor Authentication</strong> - Built-in TOTP, email tokens, WebAuthn/FIDO2 hardware keys, and biometric authentication for mobile and desktop</li>
416+
<li><strong>User & Group Management</strong> - Comprehensive user lifecycle management with role-based access control</li>
417+
<li><strong>Application Integration</strong> - Easy GUI for configuring external applications with SSO</li>
349418
</ul>
419+
<p>
420+
<a href="https://docs.defguard.net/features/openid-connect" class="learn-more-link" target="_blank">Learn about Identity Provider →</a>
421+
</p>
350422
</div>
351423

352424
<div slot="right">
@@ -374,26 +446,6 @@ const tags = [
374446
</div>
375447
</FlexibleSection>
376448

377-
<FlexibleSection
378-
leftRatio={0.4}
379-
title="Hybrid infrastructure support"
380-
id="security-features"
381-
variant="gray"
382-
theme="light"
383-
>
384-
<div slot="left">
385-
<p>For organisations not ready to step down from the cloud we provide:</p>
386-
<ul>
387-
<li>integration with cloud Identity Providers</li>
388-
<li>support for external SSO</li>
389-
</ul>
390-
391-
</div>
392-
393-
<div slot="right">
394-
<ImageURL src="/images/features/Sso active dir.png" alt="Integration with SSO providers, Active Directory, and LDAP" />
395-
</div>
396-
</FlexibleSection>
397449

398450
<!-- <FlexibleIdentitySection /> -->
399451

@@ -424,9 +476,24 @@ const tags = [
424476
<TextDivider text="Case Studies" paddingTop="0" />
425477
<CaseCapsules
426478
cases={[
427-
{ title: "Build private cloud security with Defguard.", link: "https://defguard.net/blog/self-hosted-vpn-private-cloud-acquinox-defguard/" },
428-
{ title: "Replace Fortinet or Checkpoint with a lightweight, auditable stack", link: "/defguard-vs-fortinet" },
429-
{ title: "Give contractors and remote workers secure, controlled access", link: "" }
479+
{
480+
title: "How a Swiss Private Equity fund built a private cloud with Defguard",
481+
link: "/blog/self-hosted-vpn-private-cloud-acquinox-defguard",
482+
image: "/images/blog/swiss-dg.png",
483+
description: "Learn how Acquinox built a secure, compliant private cloud infrastructure using Defguard's enterprise VPN solution."
484+
},
485+
{
486+
title: "Replace Fortigate VPN and FortiClient with a lightweight, auditable modern VPN solution",
487+
link: "/defguard-vs-fortinet",
488+
image: "/images/landing/defguard.png",
489+
description: "Discover how Defguard provides enterprise-grade security with a fraction of the complexity of traditional VPN appliances."
490+
},
491+
{
492+
title: "How Prusa 3D Adopted Defguard for Secure, Scalable VPN Access",
493+
link: "/blog/prusa-vpn-scaling-with-defguard",
494+
image: "/images/blog/prusa.png",
495+
description: "Prusa Research adopted Defguard to build a scalable, self-hosted VPN with WireGuard-level MFA, securing access for 490+ users."
496+
}
430497
]}
431498
/>
432499
<TextDivider text="Testimonials" />

0 commit comments

Comments
 (0)